/* ====================================================
   LUCKNOWCITY.IN — Nawabi Heritage Theme
   Flat Colors | Serif + Sans | Premium & Clean
   ==================================================== */
:root {
	--maroon: #E8622C;
	--maroon-dark: #C84E1C;
	--maroon-light: #F0814E;
	--gold: #2980B9;
	--gold-dark: #1F6A9E;
	--cream: #FFF8F5;
	--ivory: #FFF5F0;
	--terracotta: #D35400;
	--sage: #27AE60;
	--charcoal: #2C2C2C;
	--dark: #1A1A1A;
	--text: #333333;
	--text-light: #888888;
	--border: #EBEBEB;
	--bg: #FFFFFF;
	--card-bg: #FFFFFF;
	--radius: 12px;
	--radius-sm: 8px;
	--shadow-sm: 0 1px 4px rgba(0,0,0,0.06);
	--shadow: 0 4px 16px rgba(0,0,0,0.07);
	--shadow-lg: 0 8px 32px rgba(0,0,0,0.1);
	--font-head: 'Inter', 'Segoe UI', Arial, sans-serif;
	--font-body: 'Inter', -apple-system, system-ui, sans-serif;
	--ease: cubic-bezier(0.4, 0, 0.2, 1);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
	font-family: var(--font-body); background: var(--bg); color: var(--text);
	line-height: 1.65; -webkit-font-smoothing: antialiased;
}
/* Slightly wider container */
@media (min-width: 1200px) {
	.container { max-width: 1310px; }
}
a { text-decoration: none; color: var(--maroon); transition: 0.25s var(--ease); }
a:hover { color: var(--maroon-dark); }
img { max-width: 100%; }
::selection { background: var(--maroon); color: #fff; }

/* ===== TOP BAR ===== */
.lc-topbar {
	background: var(--dark); color: rgba(255,255,255,0.6);
	font-size: 0.78rem; padding: 6px 0;
}
.lc-topbar-inner {
	display: flex; justify-content: space-between; align-items: center;
}
.lc-topbar i { margin-right: 4px; color: var(--gold); }
.lc-topbar-right { display: flex; gap: 18px; }
.lc-topbar-right a { color: rgba(255,255,255,0.6); font-size: 0.78rem; }
.lc-topbar-right a:hover { color: var(--gold); }

/* ===== NAVBAR ===== */
.lc-nav {
	background: #fff; border-bottom: 1px solid var(--border);
	position: sticky; top: 0; z-index: 500;
}
.lc-nav-inner {
	display: flex; align-items: center; gap: 16px; height: 60px;
}
.lc-logo {
	display: flex; align-items: center; gap: 10px;
	text-decoration: none; flex-shrink: 0;
}
.lc-logo-img { height: 42px; width: auto; }
.lc-logo-img-footer { height: 38px; filter: brightness(0) invert(1); }
.lc-logo-mark {
	width: 40px; height: 40px; border-radius: 10px;
	background: var(--maroon); color: #fff;
	display: flex; align-items: center; justify-content: center;
	font-family: var(--font-head); font-weight: 800; font-size: 0.95rem;
	letter-spacing: -0.5px;
}
.lc-logo-mark-light { background: rgba(255,255,255,0.12); }
.lc-logo-name { font-family: var(--font-head); font-weight: 700; font-size: 1.2rem; color: var(--charcoal); }
.lc-logo-dot { font-family: var(--font-head); font-weight: 700; font-size: 1.2rem; color: var(--maroon); }

.lc-nav-links { display: flex; gap: 2px; align-items: center; }
.lc-nav-link {
	padding: 6px 12px; font-size: 0.84rem; font-weight: 500;
	color: #1a1a1a; border-radius: 6px;
	transition: 0.2s var(--ease);
}
.lc-nav-link:hover { color: var(--maroon); background: var(--cream); }

/* Navbar Dropdown */
.lc-nav-dropdown { position: relative; }
.lc-nav-dd-trigger { display: inline-flex; align-items: center; }
.lc-dd-menu {
	display: none; position: absolute; top: 100%; left: 0;
	background: #fff; border: 1px solid var(--border); border-radius: var(--radius-sm);
	box-shadow: var(--shadow-lg); min-width: 220px; padding: 6px 0;
	z-index: 600; margin-top: 4px;
}
.lc-nav-dropdown:hover .lc-dd-menu { display: block; }
.lc-dd-menu a {
	display: flex; align-items: center; gap: 10px;
	padding: 10px 18px; font-size: 0.85rem; font-weight: 500;
	color: var(--text); transition: 0.15s ease;
}
.lc-dd-menu a:hover { background: var(--cream); color: var(--maroon); }
.lc-dd-menu a i { width: 18px; text-align: center; color: var(--text-light); font-size: 0.82rem; }
.lc-dd-menu a:hover i { color: var(--maroon); }

.lc-nav-search {
	display: flex; margin-left: auto;
	border: 1px solid var(--border); border-radius: 8px;
	overflow: hidden; max-width: 280px; flex: 1;
}
.lc-nav-search input {
	border: none; padding: 9px 14px; font-size: 0.85rem;
	width: 100%; font-family: var(--font-body); background: var(--ivory);
}
.lc-nav-search input:focus { outline: none; background: #fff; }
.lc-nav-search button {
	border: none; background: var(--maroon); color: #fff;
	padding: 0 16px; cursor: pointer; transition: 0.2s;
}
.lc-nav-search button:hover { background: var(--maroon-dark); }

.lc-nav-actions { display: flex; gap: 8px; align-items: center; }

/* Buttons */
.lc-btn {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 9px 20px; border-radius: 8px; font-size: 0.85rem;
	font-weight: 600; transition: 0.2s var(--ease); cursor: pointer;
	border: none; font-family: var(--font-body); white-space: nowrap;
	text-decoration: none;
}
.lc-btn-lg { padding: 13px 28px; font-size: 0.95rem; }
.lc-btn-maroon { background: #E8622C; color: #fff; }
.lc-btn-maroon:hover { background: #C84E1C; color: #fff; }
.lc-btn-gold { background: var(--gold); color: var(--dark); }
.lc-btn-gold:hover { background: var(--gold-dark); color: var(--dark); }
.lc-btn-outline-dark { border: 1.5px solid var(--border); color: var(--text); background: transparent; }
.lc-btn-outline-dark:hover { border-color: var(--maroon); color: var(--maroon); }
.lc-btn-outline-maroon { border: 1.5px solid #E8622C; color: #E8622C; background: transparent; }
.lc-btn-outline-maroon:hover { background: #E8622C; color: #fff; }
.lc-btn-outline-light { border: 1.5px solid rgba(255,255,255,0.3); color: #fff; background: transparent; }
.lc-btn-outline-light:hover { background: rgba(255,255,255,0.1); color: #fff; }

/* Hamburger */
.lc-hamburger {
	display: none; flex-direction: column; gap: 5px;
	background: none; border: none; cursor: pointer; padding: 8px;
}
.lc-hamburger span {
	display: block; width: 24px; height: 2.5px; background: var(--charcoal);
	border-radius: 2px; transition: 0.25s var(--ease);
}
.lc-hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 6px); }
.lc-hamburger.active span:nth-child(2) { opacity: 0; }
.lc-hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -6px); }

.lc-mobile-menu {
	display: none; position: fixed; top: 100px; left: 0; right: 0;
	background: #fff; z-index: 499; padding: 12px 20px;
	border-bottom: 2px solid var(--border);
	flex-direction: column;
}
.lc-mobile-menu.open { display: flex; }
.lc-mobile-menu a {
	padding: 12px 14px; color: var(--text); font-weight: 500;
	font-size: 0.95rem; border-radius: 6px;
}
.lc-mobile-menu a:hover { background: var(--cream); color: var(--maroon); }
.lc-mobile-divider { height: 1px; background: var(--border); margin: 6px 0; }

/* Flash */
.lc-flash-wrap { max-width: 700px; margin: 12px auto 0; padding: 0 20px; }
.lc-flash {
	padding: 12px 18px; border-radius: var(--radius-sm); font-size: 0.88rem;
	font-weight: 500; margin-bottom: 8px; border-left: 4px solid;
}
.lc-flash-ok { background: #F0F9F0; border-color: #2D8A4E; color: #1B5E35; }
.lc-flash-err { background: #FDF2F2; border-color: #C53030; color: #9B2C2C; }

/* ===== HERO V2 ===== */
.lc-hero2 {
	position: relative; overflow: hidden;
	padding: 70px 0 60px;
}
.lc-hero2-bg {
	position: absolute; inset: 0; z-index: 0;
	background: linear-gradient(135deg, #1A1A1A 0%, #2C2C2C 30%, #5A2D0C 60%, #C84E1C 100%);
}
.lc-hero2-gradient {
	position: absolute; inset: 0;
	background:
		radial-gradient(ellipse at 20% 80%, rgba(232,98,44,0.15) 0%, transparent 50%),
		radial-gradient(ellipse at 80% 20%, rgba(160,82,45,0.2) 0%, transparent 50%),
		radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.3) 0%, transparent 60%);
}
.lc-hero2-pattern {
	position: absolute; inset: 0; opacity: 0.03;
	background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.lc-hero2-inner {
	position: relative; z-index: 2;
	display: flex; align-items: center; gap: 60px;
}
.lc-hero2-content { flex: 1; }
.lc-hero2-badge {
	display: inline-flex; align-items: center; gap: 8px;
	background: rgba(232,98,44,0.15); border: 1px solid rgba(232,98,44,0.3);
	color: var(--gold); font-size: 0.78rem; font-weight: 700;
	text-transform: uppercase; letter-spacing: 1.5px;
	padding: 8px 18px; border-radius: 50px; margin-bottom: 20px;
}
.lc-hero2-badge i { font-size: 0.85rem; }
.lc-hero2 h1 {
	font-family: var(--font-head); font-size: 3.4rem; font-weight: 800;
	color: #fff; line-height: 1.15; margin-bottom: 18px;
	letter-spacing: -0.5px;
}
.lc-hero2 h1 span { color: var(--gold); }
.lc-hero2-desc {
	color: rgba(255,255,255,0.7); font-size: 1.1rem; line-height: 1.7;
	margin-bottom: 30px; max-width: 520px;
}

/* Hero Search V2 */
.lc-hero2-search { margin-bottom: 20px; }
.lc-hero2-search-box {
	display: flex; align-items: center;
	background: #fff; border: 2px solid transparent;
	border-radius: 14px; padding: 5px; transition: 0.3s;
	box-shadow: 0 8px 32px rgba(0,0,0,0.2);
}
.lc-hero2-search-box:focus-within {
	border-color: var(--gold);
	box-shadow: 0 8px 32px rgba(0,0,0,0.2), 0 0 0 4px rgba(232,98,44,0.2);
}
.lc-hero2-search-box > i { padding: 0 8px 0 18px; color: var(--text-light); font-size: 1.1rem; }
.lc-hero2-search-box input {
	flex: 1; border: none; padding: 16px 12px; font-size: 1rem;
	font-family: var(--font-body); background: transparent;
}
.lc-hero2-search-box input:focus { outline: none; }
.lc-hero2-area {
	border: none; border-left: 2px solid var(--border); padding: 14px 12px;
	font-size: 0.88rem; max-width: 170px; font-family: var(--font-body);
	color: var(--text-light); background: transparent; cursor: pointer;
}
.lc-hero2-area:focus { outline: none; }
.lc-hero2-search-box button {
	background: var(--maroon); border: none; color: #fff;
	padding: 14px 28px; border-radius: 10px; font-weight: 700;
	font-size: 0.95rem; cursor: pointer; transition: 0.2s;
	font-family: var(--font-body); display: flex; align-items: center; gap: 6px;
}
.lc-hero2-search-box button:hover { background: var(--gold); color: var(--dark); }

/* Trending Tags */
.lc-hero2-tags {
	display: flex; gap: 8px; align-items: center; flex-wrap: wrap;
	font-size: 0.82rem; color: rgba(255,255,255,0.5);
}
.lc-hero2-tags a {
	color: rgba(255,255,255,0.75); padding: 5px 14px;
	border: 1px solid rgba(255,255,255,0.15); border-radius: 50px;
	font-size: 0.8rem; display: inline-flex; align-items: center; gap: 5px;
	transition: 0.2s;
}
.lc-hero2-tags a:hover {
	border-color: var(--gold); color: var(--gold); background: rgba(232,98,44,0.1);
}
.lc-hero2-tags a i { font-size: 0.72rem; }

/* Hero Stats V2 */
.lc-hero2-stats {
	display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
	flex-shrink: 0; width: 300px;
}
.lc-hero2-stat {
	background: rgba(255,255,255,0.08); backdrop-filter: blur(10px);
	border: 1px solid rgba(255,255,255,0.12); border-radius: 16px;
	padding: 24px 20px; text-align: center;
	transition: transform 0.4s ease, box-shadow 0.4s ease, background 0.3s;
	transform-style: preserve-3d;
	cursor: default;
}
.lc-hero2-stat:hover {
	background: rgba(255,255,255,0.16);
	box-shadow: 0 20px 40px rgba(0,0,0,0.3), 0 0 30px rgba(232,98,44,0.1);
}
.lc-hero2-stat-icon { display: none; }
.lc-hero2-stat-1 .lc-hero2-stat-icon { background: rgba(232,98,44,0.2); color: var(--gold); }
.lc-hero2-stat-2 .lc-hero2-stat-icon { background: rgba(41,128,185,0.25); color: #5DADE2; }
.lc-hero2-stat-3 .lc-hero2-stat-icon { background: rgba(39,174,96,0.25); color: #58D68D; }
.lc-hero2-stat-4 .lc-hero2-stat-icon { background: rgba(232,98,44,0.2); color: var(--gold); }
.lc-hero2-stat-num {
	font-family: var(--font-head); font-size: 1.6rem; font-weight: 800;
	color: #fff; line-height: 1;
}
.lc-hero2-stat-label {
	font-size: 0.78rem; color: rgba(255,255,255,0.55);
	font-weight: 500; margin-top: 4px;
}

/* ===== QUICK ACCESS STRIP ===== */
/* ===== TRUST STRIP (Numbers-based, no icons) ===== */
.lc-trust-strip { padding: 50px 0; background: #fff; }
.lc-trust-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.lc-trust-card {
	text-align: center; padding: 28px 20px; border-radius: 14px;
	border: 1px solid var(--border); transition: transform 0.3s, box-shadow 0.3s;
	position: relative; overflow: hidden;
}
.lc-trust-card::before {
	content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
}
.lc-trust-card-1::before { background: linear-gradient(90deg, #3b82f6, #1d4ed8); }
.lc-trust-card-2::before { background: linear-gradient(90deg, #f59e0b, #d97706); }
.lc-trust-card-3::before { background: linear-gradient(90deg, #10b981, #059669); }
.lc-trust-card-4::before { background: linear-gradient(90deg, #ef4444, #dc2626); }
.lc-trust-card:hover { transform: translateY(-6px); box-shadow: 0 12px 30px rgba(0,0,0,0.1); }
.lc-trust-num {
	font-family: var(--font-head); font-size: 2.2rem; font-weight: 900;
	color: var(--charcoal); line-height: 1;
}
.lc-trust-card-1 .lc-trust-num { color: #1d4ed8; }
.lc-trust-card-2 .lc-trust-num { color: #d97706; }
.lc-trust-card-3 .lc-trust-num { color: #059669; }
.lc-trust-card-4 .lc-trust-num { color: #dc2626; }
.lc-trust-label { font-size: 0.92rem; font-weight: 700; color: var(--charcoal); margin: 8px 0 4px; }
.lc-trust-desc { font-size: 0.78rem; color: var(--text-light); }
@media (max-width: 768px) { .lc-trust-row { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .lc-trust-row { grid-template-columns: 1fr 1fr; gap: 12px; } .lc-trust-card { padding: 20px 14px; } .lc-trust-num { font-size: 1.6rem; } }

/* ===== SUBCATEGORY DROPDOWN (under category card) ===== */
.lc-cat3d { position: relative; cursor: pointer; }
.sc-dropdown {
	position: absolute; top: 100%; left: 50%; transform: translateX(-50%);
	z-index: 50; width: 220px; max-height: 0; overflow: hidden;
	transition: max-height 0.4s ease, opacity 0.3s ease;
	opacity: 0; pointer-events: none;
}
.sc-dropdown.sc-open {
	max-height: 400px; opacity: 1; pointer-events: auto;
}
.sc-dd-list {
	background: rgba(255,255,255,0.97); backdrop-filter: blur(12px);
	border: 1px solid var(--border); border-radius: 12px;
	box-shadow: 0 12px 36px rgba(0,0,0,0.12);
	padding: 8px 0; margin-top: 8px;
}
.sc-dd-item {
	display: flex; align-items: center; gap: 10px;
	padding: 10px 18px; font-size: 0.85rem; font-weight: 500;
	color: var(--text); text-decoration: none;
	transition: 0.15s; animation: scSlideIn 0.3s ease backwards;
}
@keyframes scSlideIn {
	from { opacity: 0; transform: translateX(-10px); }
	to { opacity: 1; transform: translateX(0); }
}
.sc-dd-item i { width: 18px; text-align: center; color: var(--maroon); font-size: 0.82rem; }
.sc-dd-item:hover { background: var(--cream); color: var(--maroon); padding-left: 22px; }
.sc-dd-all {
	display: block; text-align: center; padding: 10px 18px;
	font-size: 0.82rem; font-weight: 700; color: var(--maroon);
	text-decoration: none; border-top: 1px solid var(--border); margin-top: 4px;
}
.sc-dd-all:hover { color: var(--gold); }

/* ===== BUSINESS SLIDER ===== */
.lc-slider-wrap { overflow: hidden; margin: 0 -8px; }
.lc-slider-track {
	display: flex; gap: 16px; overflow-x: auto;
	scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
	padding: 4px 8px 16px; scrollbar-width: none;
}
.lc-slider-track::-webkit-scrollbar { display: none; }
.lc-slider-item {
	flex: 0 0 calc(25% - 12px); min-width: 240px;
	scroll-snap-align: start;
}
.lc-slider-nav { display: flex; align-items: center; gap: 8px; }
.lc-slider-btn {
	width: 36px; height: 36px; border-radius: 50%;
	border: 1.5px solid var(--border); background: #fff; color: var(--text);
	display: flex; align-items: center; justify-content: center;
	cursor: pointer; font-size: 0.8rem; transition: 0.2s;
}
.lc-slider-btn:hover { border-color: var(--maroon); color: var(--maroon); background: var(--cream); }
.lc-section-alt { background: var(--cream) !important; }
@media (max-width: 768px) { .lc-slider-item { flex: 0 0 calc(50% - 8px); min-width: 200px; } }
@media (max-width: 480px) { .lc-slider-item { flex: 0 0 80%; min-width: 260px; } }

/* ===== QUICK ACCESS 3D CARDS ===== */
.lc-quickstrip {
	background: transparent; padding: 0; margin-top: -30px; position: relative; z-index: 5;
}
.lc-quickstrip-grid {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
}
.lc-qs3d {
	perspective: 600px; text-decoration: none; color: var(--text);
}
.lc-qs3d-inner {
	background: #fff; border-radius: 16px; padding: 28px 22px;
	text-align: center; border: 1px solid var(--border);
	box-shadow: 0 6px 24px rgba(0,0,0,0.08);
	transition: transform 0.4s ease, box-shadow 0.4s ease;
	transform-style: preserve-3d;
}
.lc-qs3d:hover .lc-qs3d-inner {
	box-shadow: 0 16px 40px rgba(0,0,0,0.15);
}
.lc-qs3d-icon {
	width: 56px; height: 56px; border-radius: 16px;
	display: flex; align-items: center; justify-content: center;
	color: #fff; font-size: 1.3rem; margin: 0 auto 14px;
	box-shadow: 0 6px 20px rgba(0,0,0,0.2);
	transform: translateZ(20px);
}
.lc-qs3d strong { display: block; font-size: 0.95rem; color: var(--charcoal); margin-bottom: 4px; }
.lc-qs3d span { display: block; font-size: 0.78rem; color: var(--text-light); }

/* ===== WHY TRUST US - 3D ===== */
.lc-why {
	padding: 60px 0; background: var(--ivory); border-bottom: 1px solid var(--border);
}
.lc-why-grid {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
}
.lc-why3d {
	perspective: 600px;
}
.lc-why3d-inner {
	background: #fff; border-radius: 16px; padding: 32px 20px;
	text-align: center; border: 1px solid var(--border);
	box-shadow: 0 4px 16px rgba(0,0,0,0.06);
	transition: transform 0.4s ease, box-shadow 0.4s ease;
	transform-style: preserve-3d;
}
.lc-why3d:hover .lc-why3d-inner {
	box-shadow: 0 16px 40px rgba(0,0,0,0.12);
}
.lc-why3d-icon {
	width: 58px; height: 58px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	color: #fff; font-size: 1.2rem; margin: 0 auto 14px;
	box-shadow: 0 6px 20px rgba(0,0,0,0.2);
	transform: translateZ(25px);
}
.lc-why3d strong { display: block; font-size: 0.92rem; color: var(--charcoal); margin-bottom: 4px; }
.lc-why3d span { font-size: 0.78rem; color: var(--text-light); }

/* ===== 3D CATEGORY CARDS ===== */
.lc-cat3d {
	perspective: 600px; text-decoration: none; color: var(--text);
}
.lc-cat3d-inner {
	background: #fff; border: 1px solid var(--border);
	border-radius: 14px; padding: 28px 16px;
	text-align: center; transition: transform 0.4s ease, box-shadow 0.4s ease;
	transform-style: preserve-3d;
}
.lc-cat3d:hover .lc-cat3d-inner {
	box-shadow: 0 16px 40px rgba(0,0,0,0.12);
}
.lc-cat3d-icon {
	width: 52px; height: 52px; border-radius: 14px;
	margin: 0 auto 12px; display: flex; align-items: center; justify-content: center;
	font-size: 1.3rem; color: #fff;
	box-shadow: 0 6px 18px rgba(0,0,0,0.2);
	transform: translateZ(20px);
	transition: 0.3s;
}
.lc-cat3d:hover .lc-cat3d-icon { transform: translateZ(30px) scale(1.1); }
.lc-cat3d h6 { font-weight: 600; font-size: 0.88rem; margin: 0; color: var(--charcoal); }

/* ===== CTA V2 ===== */
.lc-cta2 {
	position: relative; overflow: hidden; padding: 80px 0;
	background: linear-gradient(135deg, #1A1A1A, #2C2C2C 40%, #5A2D0C 80%, #C84E1C);
}
.lc-cta2-bg {
	position: absolute; inset: 0;
	background:
		radial-gradient(circle at 10% 50%, rgba(232,98,44,0.1) 0%, transparent 50%),
		radial-gradient(circle at 90% 50%, rgba(255,255,255,0.03) 0%, transparent 50%);
	pointer-events: none;
}
.lc-cta2-inner {
	position: relative; z-index: 2;
	display: flex; align-items: center; gap: 60px;
}
.lc-cta2-left { flex: 1; }
.lc-cta2-eyebrow {
	font-size: 0.78rem; font-weight: 700; color: var(--gold);
	text-transform: uppercase; letter-spacing: 2px; margin-bottom: 12px;
}
.lc-cta2 h2 {
	font-family: var(--font-head); font-size: 2.4rem; font-weight: 700;
	color: #fff; margin-bottom: 14px; line-height: 1.2;
}
.lc-cta2-desc { color: rgba(255,255,255,0.6); font-size: 1.05rem; margin-bottom: 28px; }
.lc-cta2-btns { display: flex; gap: 12px; flex-wrap: wrap; }
.lc-cta2-features {
	display: grid; grid-template-columns: 1fr; gap: 14px; flex-shrink: 0;
}
.lc-cta2-feat {
	display: flex; align-items: center; gap: 10px;
	color: rgba(255,255,255,0.8); font-size: 0.95rem; font-weight: 500;
}
.lc-cta2-feat i { color: var(--gold); font-size: 1rem; }

/* ===== RESPONSIVE: HERO V2, QUICKSTRIP, WHY, CTA V2 ===== */
@media (max-width: 991px) {
	.lc-hero2-inner { flex-direction: column; text-align: center; gap: 40px; }
	.lc-hero2-desc { max-width: 100%; }
	.lc-hero2-stats { width: 100%; max-width: 340px; margin: 0 auto; }
	.lc-hero2-tags { justify-content: center; }
	.lc-quickstrip { margin-top: -20px; }
	.lc-quickstrip-grid { grid-template-columns: repeat(2, 1fr); }
	.lc-why-grid { grid-template-columns: repeat(2, 1fr); }
	.lc-cta2-inner { flex-direction: column; text-align: center; }
	.lc-cta2-btns { justify-content: center; }
	.lc-cta2-features { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 576px) {
	.lc-hero2 { padding: 50px 0 50px; }
	.lc-hero2 h1 { font-size: 2.2rem; }
	.lc-hero2-search-box { flex-wrap: wrap; }
	.lc-hero2-area { border-left: none; border-top: 1px solid var(--border); width: 100%; max-width: none; }
	.lc-hero2-search-box button { width: 100%; justify-content: center; }
	.lc-hero2-stats { grid-template-columns: 1fr 1fr; gap: 10px; }
	.lc-hero2-stat { padding: 18px 14px; }
	.lc-hero2-stat-num { font-size: 1.3rem; }
	.lc-quickstrip { margin-top: -16px; }
	.lc-quickstrip-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
	.lc-qs3d-inner { padding: 20px 14px; }
	.lc-qs3d-icon { width: 44px; height: 44px; font-size: 1.1rem; }
	.lc-why-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
	.lc-why3d-inner { padding: 20px 14px; }
	.lc-cat3d-inner { padding: 20px 10px; }
	.lc-cta2 h2 { font-size: 1.7rem; }
	.lc-cta2-features { grid-template-columns: 1fr; text-align: left; }
}

/* ===== CATEGORIES ===== */
.lc-categories { padding: 60px 0; background: var(--ivory); overflow: visible; }
.lc-section-eyebrow {
	font-size: 0.78rem; font-weight: 700; color: var(--maroon);
	text-transform: uppercase; letter-spacing: 2px; margin-bottom: 8px;
}
.lc-main-title {
	font-family: var(--font-head); font-size: 2rem; font-weight: 700;
	color: var(--charcoal);
}
.lc-cat-grid {
	display: grid; grid-template-columns: repeat(6, 1fr);
	gap: 16px; margin-top: 8px; overflow: visible;
}
.lc-cat-card {
	background: #fff; border: 1px solid var(--border);
	border-radius: var(--radius); padding: 28px 16px;
	text-align: center; transition: 0.25s var(--ease);
	color: var(--text);
}
.lc-cat-card:hover {
	border-color: var(--maroon); transform: translateY(-4px);
	box-shadow: var(--shadow); color: var(--maroon);
}
.lc-cat-icon {
	width: 52px; height: 52px; border-radius: 14px;
	background: var(--cream); margin: 0 auto 12px;
	display: flex; align-items: center; justify-content: center;
	font-size: 1.3rem; color: var(--maroon); transition: 0.25s;
}
.lc-cat-card:hover .lc-cat-icon { background: var(--maroon); color: #fff; }
.lc-cat-card h6 { font-weight: 600; font-size: 0.88rem; margin: 0; }

/* ===== SECTIONS ===== */
.lc-section { padding: 50px 0; background: #fff; }
.lc-section:nth-child(even) { background: #f9f9f9; }
.lc-section-cream { background: var(--cream); }
.lc-section-head {
	display: flex; justify-content: space-between; align-items: flex-end;
	margin-bottom: 30px; gap: 16px;
}
.lc-section-title {
	font-family: var(--font-head); font-size: 1.5rem; font-weight: 700;
	color: var(--charcoal);
}
.lc-section-icon { color: var(--maroon); margin-right: 8px; }
.lc-gold { color: var(--gold) !important; }
.lc-section-line {
	width: 50px; height: 3px; background: var(--maroon);
	margin-top: 8px; border-radius: 2px;
}
.lc-view-all {
	font-weight: 600; font-size: 0.85rem; color: var(--maroon);
	padding: 8px 18px; border: 1.5px solid var(--maroon);
	border-radius: 8px; white-space: nowrap;
}
.lc-view-all:hover { background: var(--maroon); color: #fff; }
.lc-empty-section {
	text-align: center; padding: 40px; color: var(--text-light);
	background: var(--cream); border-radius: var(--radius);
	border: 2px dashed var(--border);
}
.lc-empty-section i { font-size: 1.5rem; display: block; margin-bottom: 8px; }

/* ===== BUSINESS CARDS - 3D ===== */
.lc-card {
	background: var(--card-bg); border-radius: var(--radius);
	overflow: visible; border: 1px solid var(--border);
	transition: transform 0.4s ease, box-shadow 0.4s ease;
	height: 100%; display: flex; flex-direction: column; position: relative;
	transform-style: preserve-3d;
}
.lc-card:hover {
	transform: perspective(800px) rotateX(2deg) rotateY(-2deg) translateY(-8px) scale(1.02);
	box-shadow: 0 20px 40px rgba(0,0,0,0.12), 0 0 0 1px var(--maroon);
}
.lc-card-badge {
	position: absolute; top: 12px; left: 12px; z-index: 3;
	background: var(--gold); color: var(--dark);
	font-size: 0.72rem; font-weight: 700;
	padding: 4px 12px; border-radius: 6px;
}
.lc-card-img-link { display: block; overflow: hidden; }
.lc-card-img {
	height: 190px; background-size: cover; background-position: center;
	background-color: var(--cream); transition: transform 0.4s var(--ease);
}
.lc-card-placeholder {
	height: 190px; display: flex; align-items: center; justify-content: center;
	background: var(--cream); color: var(--border); font-size: 2.5rem;
}
.lc-card:hover .lc-card-img { transform: scale(1.06); }
.lc-card-body { padding: 18px; flex: 1; }
.lc-card-tags { display: flex; gap: 6px; margin-bottom: 10px; flex-wrap: wrap; }
.lc-tag {
	font-size: 0.72rem; font-weight: 600; padding: 3px 10px;
	border-radius: 6px;
}
.lc-tag-cat { background: rgba(123,45,38,0.08); color: var(--maroon); }
.lc-tag-area { background: var(--ivory); color: var(--text-light); border: 1px solid var(--border); }
.lc-card-title { font-family: var(--font-head); font-size: 1.05rem; font-weight: 700; margin-bottom: 8px; line-height: 1.3; }
.lc-card-title a { color: var(--charcoal); }
.lc-card-title a:hover { color: var(--maroon); }
.lc-card-stars { margin-bottom: 8px; }
.lc-card-stars i { font-size: 0.78rem; color: var(--gold); }
.lc-card-stars .far { color: var(--border); }
.lc-card-stars span { font-size: 0.76rem; color: var(--text-light); margin-left: 4px; }
.lc-card-address, .lc-card-phone {
	font-size: 0.82rem; color: var(--text-light); margin-bottom: 3px;
}
.lc-card-address i, .lc-card-phone i { width: 16px; margin-right: 4px; color: var(--maroon); font-size: 0.75rem; }
.lc-card-foot {
	padding: 14px 18px; border-top: 1px solid var(--border);
	display: flex; justify-content: space-between; align-items: center;
}
.lc-card-btn-main {
	font-size: 0.82rem; font-weight: 600; color: #fff;
	background: var(--maroon); padding: 7px 18px; border-radius: 7px;
}
.lc-card-btn-main:hover { background: var(--maroon-dark); color: #fff; }
.lc-card-btn-review {
	width: 34px; height: 34px; border-radius: 8px;
	border: 1px solid var(--border); display: flex;
	align-items: center; justify-content: center;
	color: var(--text-light); font-size: 0.8rem;
}
.lc-card-btn-review:hover { border-color: var(--maroon); color: var(--maroon); }

/* ===== AFFILIATE BANNERS ===== */
.lc-affiliate { padding: 10px 0; }
.lc-aff-card {
	display: flex; align-items: center; gap: 24px;
	background: var(--cream); border: 1px solid var(--border);
	border-radius: var(--radius); padding: 28px 32px;
	border-left: 4px solid var(--maroon);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.lc-aff-card:hover {
	transform: perspective(800px) rotateX(1deg) translateY(-4px);
	box-shadow: 0 12px 30px rgba(0,0,0,0.1);
}
.lc-aff-alt { border-left-color: var(--terracotta); }
.lc-aff-icon {
	width: 56px; height: 56px; border-radius: 14px;
	background: var(--maroon); color: #fff;
	display: flex; align-items: center; justify-content: center;
	font-size: 1.3rem; flex-shrink: 0;
}
.lc-aff-alt .lc-aff-icon { background: var(--terracotta); }
.lc-aff-body { flex: 1; }
.lc-aff-body h3 { font-family: var(--font-head); font-size: 1.15rem; font-weight: 700; color: var(--charcoal); margin-bottom: 4px; }
.lc-aff-body p { font-size: 0.88rem; color: var(--text-light); margin: 0; }
.lc-aff-actions { display: flex; gap: 8px; flex-wrap: wrap; flex-shrink: 0; }

/* ===== BLOG ===== */
.lc-blog-card {
	background: #fff; border-radius: var(--radius); overflow: hidden;
	border: 1px solid var(--border); height: 100%;
	transition: transform 0.4s ease, box-shadow 0.4s ease;
	transform-style: preserve-3d;
}
.lc-blog-card:hover {
	transform: perspective(800px) rotateX(2deg) rotateY(-2deg) translateY(-6px);
	box-shadow: 0 16px 36px rgba(0,0,0,0.12);
	border-color: var(--maroon);
}
.lc-blog-img {
	height: 150px; position: relative; display: flex;
	align-items: flex-end; padding: 14px;
}
.lc-blog-img span {
	background: rgba(255,255,255,0.9); color: var(--charcoal);
	font-size: 0.72rem; font-weight: 700; padding: 4px 12px;
	border-radius: 6px; text-transform: uppercase; letter-spacing: 0.5px;
}
.lc-blog-body { padding: 18px; }
.lc-blog-body h6 {
	font-family: var(--font-head); font-weight: 700; font-size: 1rem;
	margin-bottom: 6px; color: var(--charcoal); line-height: 1.3;
}
.lc-blog-body p { font-size: 0.82rem; color: var(--text-light); margin: 0; line-height: 1.5; }

/* ===== CTA ===== */
.lc-cta {
	position: relative; overflow: hidden;
	background: var(--maroon); padding: 80px 0; text-align: center;
}
.lc-cta-pattern {
	position: absolute; inset: 0;
	background-image:
		radial-gradient(circle at 20% 50%, rgba(255,255,255,0.03) 0%, transparent 50%),
		radial-gradient(circle at 80% 50%, rgba(255,255,255,0.02) 0%, transparent 50%);
	pointer-events: none;
}
.lc-cta-inner { position: relative; z-index: 2; }
.lc-cta-eyebrow {
	font-size: 0.78rem; font-weight: 700; color: var(--gold);
	text-transform: uppercase; letter-spacing: 2px; margin-bottom: 12px;
}
.lc-cta h2 {
	font-family: var(--font-head); font-size: 2.4rem; font-weight: 700;
	color: #fff; margin-bottom: 14px; line-height: 1.2;
}
.lc-cta-desc { color: rgba(255,255,255,0.65); font-size: 1.05rem; margin-bottom: 28px; }
.lc-cta-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

/* ===== FOOTER ===== */
.lc-footer {
	position: relative; overflow: hidden;
	background: var(--dark); color: rgba(255,255,255,0.55);
	padding: 50px 0 0;
}
.lc-footer-pattern {
	position: absolute; top: 0; left: 0; right: 0; height: 3px;
	background: var(--gold);
}
.lc-footer-grid {
	display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr;
	gap: 40px; padding-bottom: 40px;
}
.lc-footer-about { }
.lc-footer .lc-logo { margin-bottom: 16px; }
.lc-footer-logo { display:inline-block; margin-bottom:16px; }
.lc-footer-logo-img { height:48px; width:auto; filter:brightness(0) invert(1); }
.lc-footer-about p { font-size: 0.88rem; line-height: 1.7; margin-bottom: 20px; }
.lc-footer-social { display: flex; gap: 10px; }
.lc-footer-social a {
	width: 38px; height: 38px; border-radius: 8px;
	background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.08);
	display: flex; align-items: center; justify-content: center;
	color: rgba(255,255,255,0.5); font-size: 0.85rem; transition: 0.2s;
}
.lc-footer-social a:hover { background: var(--maroon); color: #fff; border-color: var(--maroon); }
.lc-footer-col h6 {
	color: var(--gold); font-weight: 700; font-size: 0.82rem;
	text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 16px;
}
.lc-footer-col a {
	display: block; color: rgba(255,255,255,0.5);
	font-size: 0.88rem; padding: 4px 0; transition: 0.2s;
}
.lc-footer-col a:hover { color: #fff; padding-left: 4px; }
.lc-footer-bar {
	display: flex; justify-content: space-between; align-items: center;
	padding: 20px 0; border-top: 1px solid rgba(255,255,255,0.06);
	flex-wrap: wrap; gap: 12px;
}
.lc-footer-bar span { font-size: 0.8rem; color: rgba(255,255,255,0.3); }
.lc-footer-bar-links { display: flex; gap: 20px; }
.lc-footer-bar-links a { color: rgba(255,255,255,0.3); font-size: 0.8rem; }
.lc-footer-bar-links a:hover { color: rgba(255,255,255,0.6); }

/* ===== PAGE HEADER (for inner pages) ===== */
.page-header-bar { background: var(--dark); color: #fff; padding: 25px 0; }
.page-header-bar h1 { font-family: var(--font-head); font-size: 1.6rem; font-weight: 700; margin: 0; }
.page-header-bar .breadcrumb a { color: rgba(255,255,255,0.7); }
.page-header-bar .breadcrumb-item.active { color: rgba(255,255,255,0.5); }
.page-header-bar .breadcrumb-item+.breadcrumb-item::before { color: rgba(255,255,255,0.4); }

/* ===== BUSINESS DETAIL ===== */
.biz-detail-header { background: #fff; padding: 25px; border-radius: var(--radius); box-shadow: var(--shadow); margin-bottom: 20px; }
.biz-detail-name { font-family: var(--font-head); font-size: 2rem; font-weight: 800; margin-bottom: 5px; }
.biz-detail-slogan { color: var(--text-light); font-style: italic; }
.biz-rating-row { display: flex; align-items: center; gap: 8px; margin-top: 10px; }
.stars-display i { color: var(--gold); font-size: 1.2rem; }
.rating-number { font-weight: 800; font-size: 1.1rem; }
.rating-count { color: var(--text-light); font-size: 0.9rem; }
.biz-tags .badge { font-size: 0.85rem; }
.biz-actions { margin-bottom: 20px; display: flex; gap: 10px; flex-wrap: wrap; }
.biz-section { background: #fff; padding: 25px; border-radius: var(--radius); box-shadow: var(--shadow); margin-bottom: 20px; }
.biz-section h3 { font-family: var(--font-head); font-size: 1.3rem; font-weight: 700; margin-bottom: 15px; }
.hours-table td { padding: 6px 12px; font-size: 0.9rem; }
.sidebar-box { background: #fff; padding: 20px; border-radius: var(--radius); box-shadow: var(--shadow); margin-bottom: 20px; }
.sidebar-box h5 { font-family: var(--font-head); font-weight: 700; margin-bottom: 15px; font-size: 1rem; }

/* ===== REVIEWS ===== */
.review-summary {
	display: flex; gap: 30px; padding: 20px;
	background: var(--cream); border-radius: var(--radius); margin-bottom: 20px; flex-wrap: wrap;
}
.review-summary-left { text-align: center; min-width: 120px; }
.big-rating { font-family: var(--font-head); font-size: 3rem; font-weight: 900; color: var(--charcoal); line-height: 1; }
.review-summary-left .stars-display i { font-size: 1rem; }
.review-summary-right { flex: 1; min-width: 200px; }
.review-bar-row { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; font-size: 0.85rem; }
.review-bar { flex: 1; height: 10px; background: var(--border); border-radius: 5px; overflow: hidden; }
.review-bar-fill { height: 100%; background: var(--gold); border-radius: 5px; }
.review-item { padding: 18px 0; border-bottom: 1px solid var(--border); }
.review-header { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.review-header i { font-size: 1.5rem; color: #bbb; }
.review-author { font-weight: 600; }
.review-stars i { font-size: 0.85rem; }
.review-date { font-size: 0.8rem; color: var(--text-light); margin: 4px 0; }
.review-body { font-size: 0.95rem; line-height: 1.6; }

/* ===== BEST PAGE ===== */
.best-list-item {
	display: flex; gap: 15px; padding: 20px;
	background: #fff; border-radius: var(--radius); box-shadow: var(--shadow-sm);
	margin-bottom: 15px; border: 1px solid var(--border);
}
.best-list-item:hover { box-shadow: var(--shadow); border-color: var(--maroon); }
.best-list-number {
	width: 40px; height: 40px; border-radius: 50%;
	background: var(--maroon); color: #fff; display: flex;
	align-items: center; justify-content: center;
	font-weight: 800; font-size: 1.1rem; flex-shrink: 0;
}
.best-list-content h4 { font-family: var(--font-head); font-size: 1.1rem; font-weight: 700; margin-bottom: 5px; }
.best-list-content h4 a { color: var(--charcoal); }
.best-list-content h4 a:hover { color: var(--maroon); }
.sticky-map { position: sticky; top: 80px; }

/* Gallery / Lightbox */
.biz-gallery-main { overflow: hidden; border-radius: var(--radius); margin-bottom: 10px; }
.biz-gallery-main img { width: 100%; max-height: 380px; object-fit: cover; cursor: pointer; transition: transform 0.3s; }
.biz-gallery-main img:hover { transform: scale(1.02); }
.biz-gallery-thumbs { display: flex; gap: 8px; flex-wrap: wrap; }
.gallery-thumb { width: 70px; height: 55px; border-radius: 8px; overflow: hidden; cursor: pointer; border: 2px solid transparent; transition: 0.2s; }
.gallery-thumb.active { border-color: var(--maroon); }
.gallery-thumb:hover { border-color: var(--maroon); }
.gallery-thumb img { width: 100%; height: 100%; object-fit: cover; }
.lightbox-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.92); z-index: 9999; align-items: center; justify-content: center; }
.lightbox-overlay img { max-width: 90%; max-height: 90%; object-fit: contain; border-radius: 8px; }
.lightbox-close { position: absolute; top: 20px; right: 30px; font-size: 2.5rem; color: #fff; cursor: pointer; z-index: 10000; }

/* ===== FORMS ===== */
.form-card { background: #fff; padding: 35px; border-radius: var(--radius); box-shadow: var(--shadow); }
.form-control, .form-select { padding: 10px 14px; border-radius: var(--radius-sm); border: 1px solid var(--border); font-family: var(--font-body); }
.form-control:focus, .form-select:focus { border-color: var(--maroon); box-shadow: 0 0 0 3px rgba(123,45,38,0.08); }
.form-label { font-weight: 600; font-size: 0.88rem; color: #444; }
.auth-icon { width: 65px; height: 65px; border-radius: 50%; background: var(--maroon); display: flex; align-items: center; justify-content: center; margin: 0 auto 12px; }
.auth-icon i { font-size: 1.6rem; color: #fff; }
.btn-danger { background: var(--maroon); border-color: var(--maroon); }
.btn-danger:hover { background: var(--maroon-dark); border-color: var(--maroon-dark); }
.btn-outline-danger { color: var(--maroon); border-color: var(--maroon); }
.btn-outline-danger:hover { background: var(--maroon); border-color: var(--maroon); }
.empty-state { text-align: center; padding: 60px 20px; }
.empty-state i { font-size: 3.5rem; color: #ccc; }
.empty-state h3 { color: #999; font-weight: 600; margin-top: 15px; }

/* ===== ADMIN ===== */
.admin-sidebar { background: var(--dark); min-height: 100vh; }
.admin-sidebar .nav-link { color: rgba(255,255,255,0.7) !important; padding: 10px 20px !important; border-radius: 8px; margin: 2px 10px; font-size: 0.88rem; }
.admin-sidebar .nav-link:hover { background: rgba(255,255,255,0.1); color: #fff !important; }
.admin-sidebar .nav-link i { width: 20px; margin-right: 8px; }
.stat-card { padding: 20px; border-radius: var(--radius); color: #fff; text-align: center; }
.stat-number { font-family: var(--font-head); font-size: 2rem; font-weight: 900; }
.stat-label { font-size: 0.8rem; opacity: 0.85; }

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
	.lc-topbar-right { display: none; }
	.lc-nav-links { display: none; }
	.lc-nav-actions { display: none; }
	.lc-hamburger { display: flex; }
	.lc-cat-grid { grid-template-columns: repeat(4, 1fr); }
	.lc-footer-grid { grid-template-columns: 1fr 1fr; gap: 30px; }
	.lc-aff-card { flex-direction: column; text-align: center; }
	.lc-aff-actions { justify-content: center; }
}
@media (max-width: 768px) {
	.lc-cat-grid { grid-template-columns: repeat(3, 1fr); gap: 10px; }
	.lc-cat-card { padding: 18px 10px; }
	.lc-section-title { font-size: 1.25rem; }
	.lc-main-title { font-size: 1.6rem; }
	.lc-footer-grid { grid-template-columns: 1fr; gap: 24px; }
	.lc-footer-bar { flex-direction: column; text-align: center; }
	.lc-aff-card { padding: 20px; }
	.review-summary { flex-direction: column; }
	.admin-sidebar { min-height: auto; }
	.biz-detail-name { font-size: 1.4rem; }
}
@media (max-width: 480px) {
	.lc-cat-grid { grid-template-columns: repeat(2, 1fr); }
	.lc-nav-search { max-width: 160px; }
}

/* ====================================================
   BUSINESS DETAIL PAGE — Wanderlog-Inspired
   ==================================================== */

/* Hero Image */
.bd-hero {
	position: relative; height: 400px; overflow: hidden;
	background: var(--dark);
}
.bd-hero img {
	width: 100%; height: 100%; object-fit: cover;
	display: block;
}
.bd-hero-overlay {
	position: absolute; inset: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, transparent 40%, transparent 60%, rgba(0,0,0,0.3) 100%);
	display: flex; align-items: flex-start; padding-top: 20px;
}
.bd-breadcrumb {
	display: flex; align-items: center; gap: 8px;
	font-size: 0.82rem; flex-wrap: wrap;
}
.bd-breadcrumb a { color: rgba(255,255,255,0.8); }
.bd-breadcrumb a:hover { color: #fff; }
.bd-breadcrumb i { font-size: 0.6rem; color: rgba(255,255,255,0.4); }
.bd-breadcrumb span { color: rgba(255,255,255,0.6); }
.bd-breadcrumb-dark a { color: var(--text-light); }
.bd-breadcrumb-dark i { color: var(--border); }
.bd-breadcrumb-dark span { color: var(--text); }

.bd-hero-gallery-btn {
	position: absolute; bottom: 20px; right: 20px;
	background: rgba(0,0,0,0.7); color: #fff; border: 1px solid rgba(255,255,255,0.2);
	padding: 10px 20px; border-radius: 8px; font-size: 0.88rem;
	font-weight: 600; cursor: pointer; transition: 0.2s;
	font-family: var(--font-body);
}
.bd-hero-gallery-btn:hover { background: rgba(0,0,0,0.9); }
.bd-hero-gallery-btn i { margin-right: 6px; }

.bd-hero-placeholder {
	background: var(--cream); padding: 20px 0; border-bottom: 1px solid var(--border);
}

.bd-page { padding: 30px 0 60px; }

/* Header */
.bd-header {
	background: #fff; border: 1px solid var(--border); border-radius: var(--radius);
	padding: 28px; margin-bottom: 20px;
}
.bd-header-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.bd-name {
	font-family: var(--font-head); font-size: 1.8rem; font-weight: 800;
	color: var(--charcoal); margin-bottom: 4px; line-height: 1.2;
}
.bd-slogan { color: var(--text-light); font-style: italic; font-size: 0.95rem; margin-bottom: 4px; }
.bd-featured-badge {
	background: var(--gold); color: var(--dark); font-size: 0.78rem;
	font-weight: 700; padding: 5px 14px; border-radius: 6px; white-space: nowrap;
}
.bd-rating-row { display: flex; align-items: center; gap: 8px; margin: 10px 0; }
.bd-stars i { font-size: 1rem; color: var(--gold); }
.bd-stars .far { color: var(--border); }
.bd-rating-num { font-family: var(--font-head); font-weight: 800; font-size: 1.1rem; color: var(--charcoal); }
.bd-rating-count { color: var(--text-light); font-size: 0.88rem; }
.bd-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.bd-tag {
	font-size: 0.78rem; font-weight: 600; padding: 4px 12px;
	border-radius: 6px; display: inline-flex; align-items: center; gap: 5px;
}
.bd-tag-cat { background: rgba(123,45,38,0.08); color: var(--maroon); }
.bd-tag-area { background: var(--ivory); color: var(--text); border: 1px solid var(--border); }
.bd-tag-open { background: #F0F9F0; color: #1B5E35; }
.bd-tag-plain { background: var(--ivory); color: var(--text-light); border: 1px solid var(--border); }

/* Actions */
.bd-actions {
	display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 24px;
}

/* Sections */
.bd-section {
	background: #fff; border: 1px solid var(--border); border-radius: var(--radius);
	padding: 28px; margin-bottom: 20px;
}
.bd-section-title {
	font-family: var(--font-head); font-size: 1.2rem; font-weight: 700;
	color: var(--charcoal); margin-bottom: 18px;
	padding-bottom: 12px; border-bottom: 2px solid var(--cream);
}
.bd-section-title i { color: var(--maroon); margin-right: 8px; }
.bd-about-text { font-size: 0.95rem; line-height: 1.8; color: var(--text); }

/* Gallery Grid */
.bd-gallery-grid {
	display: grid; grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}
.bd-gallery-thumb {
	border-radius: 10px; overflow: hidden; cursor: pointer;
	aspect-ratio: 4/3; position: relative;
}
.bd-gallery-thumb img {
	width: 100%; height: 100%; object-fit: cover;
	transition: transform 0.3s;
}
.bd-gallery-thumb:hover img { transform: scale(1.08); }
.bd-gallery-thumb::after {
	content: ''; position: absolute; inset: 0;
	background: rgba(0,0,0,0); transition: 0.2s;
}
.bd-gallery-thumb:hover::after { background: rgba(0,0,0,0.15); }

/* Hours */
.bd-open24 {
	background: #F0F9F0; color: #1B5E35; padding: 14px 18px;
	border-radius: 8px; font-weight: 600; font-size: 0.92rem;
}
.bd-open24 i { margin-right: 6px; }
.bd-hours-grid { }
.bd-hours-row {
	display: flex; justify-content: space-between; align-items: center;
	padding: 10px 14px; border-bottom: 1px solid var(--cream);
	font-size: 0.9rem;
}
.bd-hours-row:last-child { border-bottom: none; }
.bd-hours-today { background: var(--cream); border-radius: 8px; font-weight: 600; }
.bd-hours-day { color: var(--charcoal); font-weight: 500; }
.bd-hours-day small { color: var(--maroon); font-weight: 700; }
.bd-hours-time { color: var(--text); }
.bd-closed { color: #C53030; font-weight: 600; }

/* Review Summary */
.bd-review-summary {
	display: flex; gap: 30px; padding: 24px;
	background: var(--cream); border-radius: var(--radius); margin-bottom: 20px;
	flex-wrap: wrap; transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.bd-review-summary:hover {
	transform: perspective(800px) rotateX(1deg) translateY(-3px);
	box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}
.bd-review-summary-left { text-align: center; min-width: 120px; }
.bd-big-rating { font-family: var(--font-head); font-size: 3.2rem; font-weight: 900; color: var(--charcoal); line-height: 1; }
.bd-stars-small i { font-size: 0.95rem; color: var(--gold); }
.bd-stars-small .far { color: var(--border); }
.bd-review-total { font-size: 0.85rem; color: var(--text-light); display: block; margin-top: 4px; }
.bd-review-summary-right { flex: 1; min-width: 200px; }
.bd-bar-row { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.bd-bar-label { font-size: 0.82rem; color: var(--text-light); min-width: 50px; white-space: nowrap; }
.bd-bar-label i { font-size: 0.65rem; color: var(--gold); }
.bd-bar { flex: 1; height: 10px; background: var(--border); border-radius: 5px; overflow: hidden; }
.bd-bar-fill { height: 100%; background: var(--gold); border-radius: 5px; }
.bd-bar-pct { font-size: 0.82rem; color: var(--text-light); min-width: 24px; text-align: right; }

.bd-no-reviews {
	text-align: center; padding: 32px; color: var(--text-light);
	background: var(--ivory); border-radius: 8px;
}
.bd-no-reviews i { font-size: 2rem; display: block; margin-bottom: 8px; color: var(--border); }

/* Review Items */
.bd-review-item {
	display: flex; gap: 14px; padding: 20px 0;
	border-bottom: 1px solid var(--cream);
}
.bd-review-item:last-child { border-bottom: none; }
.bd-review-avatar {
	width: 42px; height: 42px; border-radius: 50%;
	background: var(--maroon); color: #fff;
	display: flex; align-items: center; justify-content: center;
	font-family: var(--font-head); font-weight: 700; font-size: 1rem;
	flex-shrink: 0;
}
.bd-review-body { flex: 1; }
.bd-review-meta { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; }
.bd-review-meta strong { font-size: 0.92rem; color: var(--charcoal); }
.bd-review-date { font-size: 0.78rem; color: var(--text-light); }
.bd-review-stars-sm { margin-bottom: 6px; }
.bd-review-stars-sm i { font-size: 0.75rem; color: var(--border); }
.bd-review-stars-sm i.active { color: var(--gold); }
.bd-review-stars-sm strong { font-size: 0.88rem; margin-left: 6px; color: var(--charcoal); }
.bd-review-text { font-size: 0.9rem; line-height: 1.7; color: var(--text); margin: 0; }

/* Sidebar */
.bd-sidebar-card {
	background: #fff; border: 1px solid var(--border); border-radius: var(--radius);
	padding: 22px; margin-bottom: 16px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.bd-sidebar-card:hover {
	transform: perspective(800px) rotateY(-2deg) translateY(-4px);
	box-shadow: 0 12px 30px rgba(0,0,0,0.1);
}
.bd-sidebar-title {
	font-family: var(--font-head); font-weight: 700; font-size: 1rem;
	color: var(--charcoal); margin-bottom: 14px;
}
.bd-sidebar-title i { color: var(--maroon); margin-right: 6px; }
.bd-map { height: 250px; border-radius: 10px; margin-bottom: 12px; }
.bd-sidebar-address p { font-size: 0.85rem; color: var(--text-light); margin-bottom: 4px; }
.bd-sidebar-address i { color: var(--maroon); width: 18px; margin-right: 4px; }

.bd-contact-list { }
.bd-contact-item {
	display: flex; align-items: center; gap: 12px;
	padding: 10px 0; border-bottom: 1px solid var(--cream);
	color: var(--text); font-size: 0.88rem;
}
.bd-contact-item:last-child { border-bottom: none; }
.bd-contact-item:hover { color: var(--maroon); }
.bd-contact-item i { width: 18px; color: var(--maroon); text-align: center; }
.bd-contact-item span { word-break: break-all; }

.bd-quick-info { }
.bd-qi-row {
	display: flex; justify-content: space-between; align-items: center;
	padding: 9px 0; border-bottom: 1px solid var(--cream); font-size: 0.85rem;
}
.bd-qi-row:last-child { border-bottom: none; }
.bd-qi-label { color: var(--text-light); }
.bd-qi-value { color: var(--charcoal); font-weight: 500; }
.bd-qi-value a { color: var(--maroon); }
.bd-qi-open { color: #1B5E35; font-weight: 600; }

.bd-sidebar-cta {
	background: var(--cream); border: 1px solid var(--border);
	border-radius: var(--radius); padding: 22px; text-align: center;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.bd-sidebar-cta:hover {
	transform: perspective(800px) rotateY(-2deg) translateY(-4px);
	box-shadow: 0 12px 30px rgba(0,0,0,0.1);
}
.bd-sidebar-cta h5 { font-family: var(--font-head); font-weight: 700; color: var(--charcoal); margin-bottom: 8px; }
.bd-sidebar-cta p { font-size: 0.85rem; color: var(--text-light); margin-bottom: 14px; }

/* Lightbox */
.bd-lightbox {
	display: none; position: fixed; inset: 0;
	background: rgba(0,0,0,0.95); z-index: 10000;
	align-items: center; justify-content: center;
}
.bd-lightbox.active { display: flex; }
.bd-lightbox img { max-width: 85%; max-height: 85vh; object-fit: contain; border-radius: 8px; }
.bd-lb-close {
	position: absolute; top: 20px; right: 24px;
	background: none; border: none; color: #fff;
	font-size: 2.5rem; cursor: pointer; line-height: 1; z-index: 10001;
}
.bd-lb-prev, .bd-lb-next {
	position: absolute; top: 50%; transform: translateY(-50%);
	background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2);
	color: #fff; width: 48px; height: 48px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	cursor: pointer; font-size: 1rem; transition: 0.2s;
}
.bd-lb-prev { left: 20px; }
.bd-lb-next { right: 20px; }
.bd-lb-prev:hover, .bd-lb-next:hover { background: rgba(255,255,255,0.2); }
.bd-lb-counter {
	position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%);
	color: rgba(255,255,255,0.6); font-size: 0.88rem; font-weight: 500;
}

/* Business Detail Responsive */
@media (max-width: 768px) {
	.bd-hero { height: 260px; }
	.bd-name { font-size: 1.4rem; }
	.bd-gallery-grid { grid-template-columns: repeat(3, 1fr); }
	.bd-header-top { flex-direction: column; }
	.bd-review-summary { flex-direction: column; }
	.bd-actions { flex-wrap: wrap; }
	.bd-actions .lc-btn { flex: 1 1 auto; justify-content: center; }
}
@media (max-width: 480px) {
	.bd-gallery-grid { grid-template-columns: repeat(2, 1fr); }
	.bd-hero { height: 200px; }
}

/* ====================================================
   LISTING PAGE (Yelp-style) — Preserved
   ==================================================== */
.lp-full-width-filter { background-color: #ffffff; padding: 15px 0; box-shadow: 0 2px 5px rgba(0,0,0,0.1); margin-bottom: 20px; }
.lp-filter-container { width: 100%; margin: 0 auto; padding: 0 16px; }
.lp-filter-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.lp-filter-title { font-size: 18px; font-weight: 700; color: #222; font-family: var(--font-body); }
.lp-sort-option { font-size: 14px; display: flex; align-items: center; white-space: nowrap; }
.lp-sort-option select { margin-left: 5px; padding: 6px 8px; border: 1px solid #ddd; border-radius: 4px; font-size: 13px; }
.lp-main-content { display: flex; width: 100%; margin: 0 auto; padding: 0 16px 40px 16px; gap: 20px; }
.lp-filter-sidebar { width: 300px; background-color: white; border-radius: 8px; padding: 15px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); position: sticky; top: 110px; max-height: calc(100vh - 120px); overflow-y: auto; z-index: 100; transition: transform 0.3s ease; flex-shrink: 0; }
.lp-filter-sidebar-header { display: none; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.lp-filter-sidebar-header span { font-weight: 600; font-size: 15px; }
.lp-close-filters { border: none; background: transparent; font-size: 22px; line-height: 1; cursor: pointer; }
.lp-filter-section { margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 15px; }
.lp-filter-section:last-child { border-bottom: none; }
.lp-filter-section-title { font-weight: 600; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; }
.lp-filter-item { display: flex; align-items: center; margin-bottom: 6px; font-size: 14px; cursor: pointer; }
.lp-filter-item input { margin-right: 8px; accent-color: #E8622C; }
.lp-location-list { max-height: 200px; overflow-y: auto; padding-right: 4px; }
.lp-location-list::-webkit-scrollbar { width: 4px; }
.lp-location-list::-webkit-scrollbar-thumb { background: #ccc; border-radius: 10px; }
.lp-filter-toggle { display: none; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 18px; border: 1px solid #ddd; background-color: #fff; font-size: 13px; cursor: pointer; margin-bottom: 10px; }
.lp-filter-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 99; display: none; }
.lp-filter-overlay.active { display: block; }
.lp-filter-sidebar.open { transform: translateX(0); z-index: 200; position: fixed; top: 0; left: 0; height: 100vh; max-height: 100vh; }
.lp-content-wrapper { flex: 1; display: flex; gap: 20px; }
.lp-listings-container { width: 60%; }
.lp-map-container { width: 40%; height: 600px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.1); position: sticky; top: 110px; z-index: 90; }
#listingMap { width: 100%; height: 100%; }
.lp-listing { background-color: white; border-radius: 4px; padding: 15px; margin-bottom: 15px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); cursor: pointer; display: flex; }
.lp-hotel-image { width: 200px; height: 193px; border-radius: 4px; overflow: hidden; margin-right: 15px; flex-shrink: 0; }
.lp-hotel-image img { width: 100%; height: 100%; object-fit: cover; }
.lp-no-image { width: 100%; height: 100%; background: #eee; display: flex; align-items: center; justify-content: center; color: #bbb; font-size: 48px; }
.lp-listing-content { flex: 1; display: flex; flex-direction: column; }
.lp-listing-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; margin-bottom: 8px; }
.lp-hotel-name { font-weight: 700; font-size: 18px; margin-bottom: 5px; }
.lp-hotel-name a { color: #222; text-decoration: none; font-family: var(--font-body); }
.lp-hotel-name a:hover { text-decoration: underline; color: #E8622C; }
.lp-rating-container { display: flex; align-items: center; margin-bottom: 10px; }
.lp-rating-box { background-color: #E8622C; color: white; padding: 3px 5px; border-radius: 3px; font-size: 12px; font-weight: bold; margin-right: 8px; display: flex; align-items: center; }
.lp-rating-box i { font-size: 10px; margin-right: 2px; }
.lp-review-count { font-size: 12px; color: #666; position: relative; padding-left: 10px; cursor: pointer; text-decoration: underline; }
.lp-review-count:hover { color: #E8622C; font-weight: 600; }
.lp-review-count::before { content: "○"; position: absolute; left: 0; font-size: 4px; top: 50%; transform: translateY(-50%); text-decoration: none; }
.lp-location { display: flex; align-items: center; margin-bottom: 8px; font-size: 15px; font-weight: bold; }
.lp-location i { margin-right: 5px; color: #ff0000; }
.lp-review-excerpt { font-size: 14px; margin-bottom: 5px; color: #333; font-style: italic; }
.lp-view-details-link { color: #0073bb; font-size: 14px; font-weight: 600; text-decoration: none; display: inline-block; margin-bottom: 10px; }
.lp-view-details-link:hover { text-decoration: underline; color: #005a8c; }
.lp-action-buttons { display: flex; gap: 10px; margin-bottom: 0; align-items: center; flex-wrap: wrap; margin-top: auto; }
.lp-action-btn { font-size: 13px; text-decoration: none; padding: 6px 12px; border-radius: 4px; display: inline-flex; align-items: center; gap: 6px; font-weight: 600; transition: background 0.2s; }
.lp-action-btn.lp-web { background-color: #e3f2fd; color: #0d47a1; border: 1px solid #bbdefb; }
.lp-action-btn.lp-web:hover { background-color: #bbdefb; }
.lp-action-btn.lp-contact { background-color: #f1f8e9; color: #33691e; border: 1px solid #dcedc8; }
.lp-action-btn.lp-contact:hover { background-color: #dcedc8; }
.lp-book-now-small { padding: 6px 12px; border-radius: 4px; font-size: 13px; background: #E8622C; color: #fff; border: none; font-weight: 700; box-shadow: 0 4px 10px rgba(139,94,60,0.15); display: inline-flex; align-items: center; gap: 6px; cursor: pointer; text-decoration: none; }
.lp-book-now-small:hover { background: #C84E1C; }
.lp-book-now-small:hover { color: #fff; }
.lp-write-review { text-align: right; margin-left: auto; }
.lp-click-to-rate-label { font-size: 13px; font-weight: 600; display: block; margin-bottom: 4px; color: #333; }
.lp-star-rating-wrapper { display: flex; justify-content: flex-end; }
.lp-star-boxes { display: flex; gap: 3px; }
.lp-star-box { width: 22px; height: 22px; border-radius: 4px; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; cursor: pointer; text-decoration: none; }
.lp-star-box i { font-size: 14px; color: #999; }
.lp-star-box:hover i { color: #f5a623; }
.lp-no-results { padding: 20px; text-align: center; background: #fff; border-radius: 4px; margin-top: 10px; font-size: 15px; }
.lp-pagination { display: flex; justify-content: center; margin-top: 30px; gap: 8px; align-items: center; flex-wrap: wrap; }
.lp-page-number { padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; background: white; }
.lp-page-number.active { background-color: #E8622C; color: white; border-color: #E8622C; }
.lp-page-number:hover { background-color: #E8622C; color: white; }
.lp-promo-card { max-width: 1200px; margin: 28px auto; padding: 16px; background: linear-gradient(90deg, rgba(241,92,0,0.06), rgba(255,0,102,0.03)); border-radius: 12px; display: flex; gap: 16px; align-items: center; box-shadow: 0 10px 30px rgba(0,0,0,0.06); }
.lp-promo-text { flex: 1; }
.lp-promo-card h3 { font-size: 20px; color: #1a0033; margin-bottom: 6px; }
.lp-promo-card p { color: #333; font-size: 14px; margin-bottom: 8px; }
.lp-promo-cta { display: inline-flex; gap: 10px; align-items: center; }
.lp-promo-cta a { padding: 10px 14px; border-radius: 8px; background: #E8622C; color: white; font-weight: 700; text-decoration: none; }
.lp-promo-cta a:hover { background: #C84E1C; color: white; }
.lp-promo-img { width: 220px; flex-shrink: 0; border-radius: 10px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }
.lp-promo-img img { width: 100%; height: 100%; display: block; object-fit: cover; }
.lp-seo-links-container { max-width: 1200px; margin: 40px auto 20px; padding: 0 16px; }
.lp-seo-group { margin-bottom: 25px; border-bottom: 1px solid #eee; padding-bottom: 15px; }
.lp-seo-group:last-child { border-bottom: none; }
.lp-seo-group h3 { font-size: 16px; color: #000; font-weight: 700; margin-bottom: 10px; }
.lp-seo-links-list { font-size: 12px; color: #666; line-height: 1.8; }
.lp-seo-links-list a { color: #666; text-decoration: none; transition: color 0.2s; }
.lp-seo-links-list a:hover { color: #E8622C; text-decoration: underline; }
.lp-seo-separator { margin: 0 5px; color: #ccc; }
@media (max-width: 1200px) { .lp-listings-container { width: 65%; } .lp-map-container { width: 35%; } }
@media (max-width: 992px) {
	.lp-main-content { flex-direction: column; } .lp-content-wrapper { flex-direction: column; }
	.lp-listings-container { width: 100%; } .lp-map-container { width: 100%; position: relative; top: auto; height: 350px; }
	.lp-filter-toggle { display: inline-flex; }
	.lp-filter-sidebar { position: fixed; left: 0; top: 0; height: 100%; transform: translateX(-100%); width: 280px; z-index: 500; }
	.lp-filter-sidebar-header { display: flex; } .lp-promo-card { flex-direction: column; align-items: flex-start; } .lp-promo-img { width: 100%; height: 160px; }
}
@media (max-width: 768px) {
	.lp-filter-header { flex-direction: column; align-items: flex-start; } .lp-listing { flex-direction: column; }
	.lp-hotel-image { width: 100%; height: 193px; margin-bottom: 10px; margin-right: 0; }
	.lp-listing-header { flex-direction: row; align-items: flex-start; justify-content: space-between; }
	.lp-write-review { text-align: right; margin-left: auto; } .lp-action-buttons { flex-wrap: wrap; }
}

/* ====================================================
   EVENTS — ev-* prefix
   ==================================================== */

/* Events Hero */
.ev-hero {
	position: relative; background: url('https://images.unsplash.com/photo-1492684223066-81342ee5ff30?w=1600&q=80') center/cover no-repeat;
	padding: 80px 0 60px; min-height: 360px; display: flex; align-items: flex-end;
}
.ev-hero-overlay {
	position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(26,20,16,0.3) 0%, rgba(123,45,38,0.85) 100%);
}
.ev-hero-content { position: relative; z-index: 2; color: #fff; }
.ev-hero-eyebrow {
	font-size: 0.85rem; text-transform: uppercase; letter-spacing: 2px; color: var(--gold);
	margin-bottom: 8px; font-weight: 600;
}
.ev-hero-eyebrow i { margin-right: 6px; }
.ev-hero h1 {
	font-family: var(--font-head); font-size: 2.6rem; font-weight: 700;
	margin-bottom: 12px; line-height: 1.2;
}
.ev-hero-desc { font-size: 1.05rem; color: rgba(255,255,255,0.8); max-width: 600px; margin-bottom: 24px; }
.ev-hero-stats { display: flex; gap: 32px; }
.ev-stat {
	display: flex; align-items: center; gap: 6px;
	font-size: 0.9rem; color: rgba(255,255,255,0.7);
}
.ev-stat strong { color: var(--gold); font-size: 1.2rem; }

/* Event Listing Card Extras */
.ev-image-wrap { position: relative; }
.ev-date-badge {
	position: absolute; top: 10px; left: 10px;
	background: var(--maroon); color: #fff; border-radius: 6px;
	padding: 4px 10px; text-align: center; min-width: 50px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.ev-date-day { display: block; font-size: 1.3rem; font-weight: 800; line-height: 1.2; }
.ev-date-month { display: block; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 1px; color: var(--gold); }
.ev-featured-tag {
	position: absolute; top: 10px; right: 10px;
	background: var(--gold); color: var(--dark); font-size: 0.7rem;
	padding: 3px 8px; border-radius: 4px; font-weight: 700;
}
.ev-soldout-tag {
	position: absolute; bottom: 10px; right: 10px;
	background: #dc3545; color: #fff; font-size: 0.72rem;
	padding: 3px 8px; border-radius: 4px; font-weight: 700;
}
.ev-listing-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.ev-type-tag {
	display: inline-block; background: rgba(123,45,38,0.08); color: var(--maroon);
	font-size: 0.72rem; font-weight: 600; padding: 2px 8px; border-radius: 4px;
	margin-bottom: 4px;
}
.ev-type-tag i { margin-right: 3px; font-size: 0.65rem; }
.ev-price-block { text-align: right; flex-shrink: 0; }
.ev-price-from { font-size: 0.72rem; color: #888; display: block; }
.ev-price-amount { font-size: 1.3rem; font-weight: 800; color: var(--maroon); }
.ev-price-free { font-size: 1.1rem; font-weight: 800; color: #28a745; }
.ev-meta-row {
	display: flex; gap: 16px; font-size: 0.85rem; color: var(--text-light);
	margin-bottom: 4px; flex-wrap: wrap;
}
.ev-meta-row i { width: 16px; color: var(--maroon); margin-right: 2px; }
.ev-book-btn {
	background: var(--maroon) !important; box-shadow: 0 4px 10px rgba(123,45,38,0.2) !important;
}
.ev-book-btn:hover { background: var(--maroon-dark) !important; }

/* ===== PLACE DETAIL — Distance & Nearby Cards ===== */
.pl-distance-grid {
	display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px;
}
.pl-dist-card {
	display: flex; align-items: flex-start; gap: 14px;
	padding: 16px; background: var(--ivory); border-radius: var(--radius-sm);
	border: 1px solid var(--border);
}
.pl-dist-icon {
	width: 42px; height: 42px; border-radius: 50%;
	background: #E8622C; color: #fff;
	display: flex; align-items: center; justify-content: center;
	font-size: 1rem; flex-shrink: 0;
}
.pl-dist-info h6 {
	font-size: 0.88rem; font-weight: 700; color: var(--text); margin: 0 0 2px;
}
.pl-dist-info p {
	font-size: 0.78rem; color: var(--text-light); margin: 0 0 3px;
}
.pl-dist-info span {
	font-size: 0.82rem; font-weight: 700; color: #E8622C;
}

/* Nearby Hotel/Place Cards */
.pl-nearby-card {
	display: block; background: #fff; border-radius: var(--radius-sm);
	border: 1px solid var(--border); overflow: hidden;
	text-decoration: none; transition: box-shadow 0.3s var(--ease), transform 0.3s var(--ease);
}
.pl-nearby-card:hover { box-shadow: var(--shadow); transform: translateY(-2px); }
.pl-nearby-img {
	height: 120px; background-size: cover; background-position: center;
	background-color: #f0f0f0;
}
.pl-nearby-placeholder {
	width: 100%; height: 100%; display: flex; align-items: center;
	justify-content: center; color: #ccc; font-size: 32px;
}
.pl-nearby-body { padding: 10px 12px; }
.pl-nearby-body h6 {
	font-size: 0.85rem; font-weight: 700; color: var(--text);
	margin: 0 0 4px; line-height: 1.3;
}
.pl-nearby-body p {
	font-size: 0.75rem; color: var(--text-light); margin: 0 0 2px;
}
.pl-nearby-body p i { color: #E8622C; margin-right: 3px; font-size: 0.68rem; }
.pl-nearby-fee {
	font-size: 0.75rem; font-weight: 600; color: #28a745;
}

@media (max-width: 576px) {
	.pl-distance-grid { grid-template-columns: 1fr; }
}

/* ===== EVENT DETAIL PAGE (BookMyShow style) ===== */
.ev-breadcrumb-bar {
	background: #fff; border-bottom: 1px solid #eee; padding: 10px 0;
}
.ev-breadcrumb {
	display: flex; align-items: center; gap: 8px; font-size: 0.8rem;
	color: #999; flex-wrap: wrap;
}
.ev-breadcrumb a { color: #666; }
.ev-breadcrumb a:hover { color: #F84464; }
.ev-breadcrumb i { font-size: 0.55rem; color: #ccc; }
.ev-breadcrumb span { color: #333; }

.ev-title-bar {
	background: #fff; padding: 16px 0 0;
}
.ev-page-title {
	font-size: 1.6rem; font-weight: 700; color: #222; margin: 0;
	font-family: var(--font-body);
}

/* Main Event Card (Image Left + Info Right) */
.ev-detail-container { padding-top: 20px; padding-bottom: 40px; }
.ev-detail-card {
	display: flex; gap: 30px; background: #fff; border-radius: 8px;
	padding: 0; margin-bottom: 20px;
}
.ev-poster {
	width: 300px; min-height: 380px; flex-shrink: 0; border-radius: 8px;
	overflow: hidden;
}
.ev-poster img {
	width: 100%; height: 100%; object-fit: cover; border-radius: 8px;
}
.ev-poster-placeholder {
	width: 100%; height: 100%; min-height: 380px; background: #f0f0f0;
	display: flex; align-items: center; justify-content: center;
	color: #ccc; font-size: 64px; border-radius: 8px;
}
.ev-detail-info {
	flex: 1; display: flex; flex-direction: column; justify-content: center;
	padding: 8px 0;
}
.ev-info-row {
	display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px;
	font-size: 0.92rem; color: #333;
}
.ev-info-row i {
	width: 18px; text-align: center; color: #888; font-size: 0.88rem;
	margin-top: 2px; flex-shrink: 0;
}
.ev-info-row span { line-height: 1.4; }

/* Price + Book Now Row */
.ev-book-row {
	display: flex; align-items: center; justify-content: space-between;
	margin-top: 20px; padding-top: 18px; border-top: 1px solid #eee;
}
.ev-price-tag { display: flex; align-items: baseline; gap: 6px; }
.ev-price-val { font-size: 1.3rem; font-weight: 700; color: #333; }
.ev-price-val.ev-price-green { color: #28a745; }
.ev-price-onwards { font-size: 0.82rem; color: #888; }
.ev-book-now-btn {
	background: #F84464; color: #fff; border: none; padding: 12px 36px;
	border-radius: 8px; font-size: 0.95rem; font-weight: 700; cursor: pointer;
	text-decoration: none; display: inline-block;
	transition: background 0.2s ease;
}
.ev-book-now-btn:hover { background: #dc3050; color: #fff; }

/* Tags Row */
.ev-tags-row {
	display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px;
}
.ev-pill {
	padding: 5px 14px; border-radius: 20px; font-size: 0.78rem;
	font-weight: 500; background: #f5f5f5; color: #555; border: 1px solid #e0e0e0;
	cursor: default;
}
.ev-pill-type {
	background: rgba(248,68,100,0.08); color: #F84464; border-color: rgba(248,68,100,0.2);
	font-weight: 600;
}

/* Interest & Share Row */
.ev-interest-row {
	display: flex; gap: 12px; align-items: center; padding-bottom: 20px;
	border-bottom: 1px solid #eee; margin-bottom: 0;
}
.ev-interest-btn {
	display: flex; align-items: center; gap: 6px; padding: 8px 20px;
	border: 1px solid #ddd; border-radius: 20px; background: #fff;
	font-size: 0.85rem; font-weight: 500; color: #555; cursor: pointer;
	transition: 0.2s ease;
}
.ev-interest-btn:hover { border-color: #F84464; color: #F84464; }
.ev-interest-btn.ev-interested {
	background: #fff0f3; border-color: #F84464; color: #F84464;
}
.ev-interest-btn i { font-size: 0.9rem; }
.ev-share-btn {
	display: flex; align-items: center; gap: 6px; padding: 8px 20px;
	border: 1px solid #ddd; border-radius: 20px; background: #fff;
	font-size: 0.85rem; font-weight: 500; color: #555; cursor: pointer;
	transition: 0.2s ease;
}
.ev-share-btn:hover { border-color: #333; color: #333; }

/* About Section */
.ev-about-section {
	padding: 28px 0; border-bottom: 1px solid #eee; margin-bottom: 0;
}
.ev-about-section h3 {
	font-size: 1.15rem; font-weight: 700; color: #222; margin-bottom: 12px;
}
.ev-about-section p {
	font-size: 0.92rem; color: #555; line-height: 1.7;
}

/* Venue Section */
.ev-venue-section {
	padding: 28px 0 36px;
}
.ev-venue-section h3 {
	font-size: 1.15rem; font-weight: 700; color: #222; margin-bottom: 16px;
}
.ev-venue-block {
	display: flex; gap: 24px; background: #f9f9f9; border-radius: 8px;
	overflow: hidden;
}
.ev-venue-text {
	flex: 1; padding: 20px;
}
.ev-venue-text h4 { font-size: 1rem; font-weight: 600; color: #222; margin-bottom: 6px; }
.ev-venue-text p { font-size: 0.85rem; color: #666; margin-bottom: 2px; }
.ev-venue-map-sm { width: 300px; min-height: 180px; flex-shrink: 0; }

/* Related Events Section */
.ev-related-section {
	background: #f5f5f5; padding: 40px 0;
}
.ev-related-head {
	display: flex; justify-content: space-between; align-items: center;
	margin-bottom: 20px;
}
.ev-related-head h3 { font-size: 1.2rem; font-weight: 700; color: #222; margin: 0; }
.ev-related-head a { font-size: 0.85rem; font-weight: 600; color: #F84464; }
.ev-rel-card {
	display: block; background: #fff; border-radius: 8px; overflow: hidden;
	box-shadow: 0 1px 4px rgba(0,0,0,0.06); text-decoration: none;
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.ev-rel-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.1); transform: translateY(-3px); }
.ev-rel-img {
	height: 150px; background-size: cover; background-position: center;
	background-color: #eee; position: relative;
}
.ev-rel-placeholder {
	width: 100%; height: 100%; display: flex; align-items: center;
	justify-content: center; color: #ccc; font-size: 40px;
}
.ev-rel-date {
	position: absolute; top: 8px; left: 8px; background: rgba(0,0,0,0.7);
	color: #fff; font-size: 0.72rem; font-weight: 600; padding: 3px 8px;
	border-radius: 4px;
}
.ev-rel-body { padding: 12px; }
.ev-rel-type {
	font-size: 0.68rem; font-weight: 600; color: #F84464;
	text-transform: uppercase; letter-spacing: 0.5px;
}
.ev-rel-body h5 {
	font-size: 0.9rem; font-weight: 600; color: #222; margin: 3px 0 6px;
	line-height: 1.3;
}
.ev-rel-body p {
	font-size: 0.76rem; color: #888; margin-bottom: 8px;
}
.ev-rel-body p i { color: #F84464; margin-right: 3px; }
.ev-rel-price {
	font-size: 0.82rem; font-weight: 700; color: #222;
}

/* Events Responsive */
@media (max-width: 768px) {
	.ev-hero { padding: 60px 0 40px; min-height: 280px; }
	.ev-hero h1 { font-size: 1.8rem; }
	.ev-hero-stats { gap: 16px; flex-wrap: wrap; }
	.ev-detail-card { flex-direction: column; gap: 16px; }
	.ev-poster { width: 100%; min-height: 300px; }
	.ev-book-row { flex-direction: column; gap: 14px; align-items: flex-start; }
	.ev-book-now-btn { width: 100%; text-align: center; }
	.ev-venue-block { flex-direction: column; }
	.ev-venue-map-sm { width: 100%; min-height: 200px; }
	.ev-page-title { font-size: 1.3rem; }
}
@media (max-width: 480px) {
	.ev-hero h1 { font-size: 1.5rem; }
	.ev-poster { min-height: 250px; }
}

/* ====================================================
   PIN CODE PAGES (pc-* prefix)
   ==================================================== */

/* Map Hero */
.pc-map-hero {
	position: relative;
	width: 100%;
	height: 380px;
	background: #e9ecef;
}
.pc-map-full {
	width: 100%;
	height: 100%;
	z-index: 1;
}
.pc-map-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 16px 0;
	background: linear-gradient(transparent, rgba(0,0,0,0.6));
	z-index: 2;
	pointer-events: none;
}
.pc-map-overlay .bd-breadcrumb { pointer-events: auto; }
.pc-map-overlay .bd-breadcrumb a,
.pc-map-overlay .bd-breadcrumb span,
.pc-map-overlay .bd-breadcrumb i { color: #fff; }

/* Big Pin Code */
.pc-pincode-big {
	font-size: 1.6rem;
	font-weight: 800;
	color: #E8622C;
	margin-top: 4px;
	letter-spacing: 1px;
}
.pc-pincode-big i { margin-right: 6px; font-size: 1.2rem; }

/* Landmarks */
.pc-landmarks {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}
.pc-landmark-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 16px;
	background: #f8f9fa;
	border-radius: 8px;
	font-size: 0.9rem;
	font-weight: 500;
	color: #333;
}
.pc-landmark-item i { color: #E8622C; font-size: 0.85rem; }

/* Nearby Areas Grid */
.pc-nearby-grid {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.pc-area-card {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 18px;
	background: #fff;
	border: 1px solid #e9ecef;
	border-radius: 10px;
	text-decoration: none;
	color: inherit;
	transition: all 0.2s;
}
.pc-area-card:hover {
	border-color: #E8622C;
	box-shadow: 0 2px 12px rgba(139,94,60,0.1);
	transform: translateY(-1px);
}
.pc-area-pin {
	flex-shrink: 0;
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #E8622C 0%, #B84518 100%);
	color: #fff;
	border-radius: 10px;
	font-weight: 800;
	font-size: 0.8rem;
	letter-spacing: 0.5px;
}
.pc-area-info { flex: 1; }
.pc-area-info h6 {
	margin: 0 0 2px;
	font-weight: 700;
	font-size: 0.95rem;
	color: #222;
}
.pc-area-info p {
	margin: 0;
	font-size: 0.8rem;
	color: #888;
}
.pc-area-arrow { color: #ccc; font-size: 0.8rem; }
.pc-area-card:hover .pc-area-arrow { color: #E8622C; }

/* Sidebar Pin Card */
.pc-pin-card { text-align: center; padding: 28px 20px !important; }
.pc-pin-highlight {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
}
.pc-pin-label {
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 2px;
	color: #999;
	text-transform: uppercase;
}
.pc-pin-number {
	font-size: 2.4rem;
	font-weight: 900;
	color: #E8622C;
	letter-spacing: 3px;
	line-height: 1;
}
.pc-pin-area-name {
	margin-top: 10px;
	font-size: 1rem;
	font-weight: 600;
	color: #444;
}

/* Sidebar Nearby Area Tags */
.pc-sidebar-areas {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.pc-sidebar-area-tag {
	padding: 6px 14px;
	background: #f8f9fa;
	border: 1px solid #e9ecef;
	border-radius: 20px;
	font-size: 0.8rem;
	font-weight: 500;
	color: #555;
}

/* Responsive */
@media (max-width: 768px) {
	.pc-map-hero { height: 280px; }
	.pc-pincode-big { font-size: 1.3rem; }
	.pc-landmarks { grid-template-columns: 1fr; }
	.pc-pin-number { font-size: 2rem; }
}
@media (max-width: 480px) {
	.pc-map-hero { height: 220px; }
}

/* ====================================================
   FLIGHT PAGES — Colorful Animated (fl-* prefix)
   ==================================================== */

/* Breadcrumb */
.fl-breadcrumb {
	background: transparent;
	padding: 10px 0;
	border-bottom: none;
	font-size: 0.82rem;
}
.fl-breadcrumb a { color: #0066cc; text-decoration: none; }
.fl-breadcrumb a:hover { text-decoration: underline; }
.fl-breadcrumb span { color: #6c757d; margin: 0 6px; }
.fl-breadcrumb .active { color: #333; font-weight: 600; }

/* Page Header */
.fl-page-header {
	padding: 32px 0 24px;
	border-bottom: 1px solid #eee;
	text-align: center;
}
.fl-header-icon {
	width: 56px;
	height: 56px;
	margin: 0 auto 14px;
	border-radius: 16px;
	background: linear-gradient(135deg, #E8622C, #E8622C);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	animation: lcFloatIcon 3s ease-in-out infinite;
}
.fl-header-icon-blue {
	background: linear-gradient(135deg, #0066cc, #4da3ff);
}
.fl-header-icon-green {
	background: linear-gradient(135deg, #059669, #34d399);
}
.fl-header-icon-purple {
	background: linear-gradient(135deg, #7c3aed, #a78bfa);
}
.fl-header-icon-orange {
	background: linear-gradient(135deg, #d97706, #fbbf24);
}
.fl-header-icon-teal {
	background: linear-gradient(135deg, #0891b2, #22d3ee);
}
.fl-header-icon-maroon {
	background: linear-gradient(135deg, #C84E1C, #E8622C);
}
@keyframes lcFloatIcon {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-6px); }
}
.fl-page-header h1 {
	font-size: 1.6rem;
	font-weight: 700;
	color: #000;
	margin: 0 0 8px;
	font-family: var(--font-body);
	line-height: 1.3;
}
.fl-page-header p {
	font-size: 0.88rem;
	color: #666;
	margin: 0 auto;
	line-height: 1.5;
	max-width: 600px;
}

/* Header Chips */
.fl-header-chips {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 16px;
	flex-wrap: wrap;
}
.fl-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 0.78rem;
	font-weight: 600;
}
.fl-chip i { font-size: 0.72rem; }
.fl-chip-blue { background: #e8f4fd; color: #0066cc; }
.fl-chip-green { background: #e6f9f0; color: #059669; }
.fl-chip-orange { background: #fff3e0; color: #d97706; }

/* Info Strip */
.fl-info-strip {
	background: #fff;
	padding: 12px 0;
	border-bottom: 1px solid #e5e5e5;
}
.fl-info-left { display: flex; align-items: center; gap: 6px; font-size: 0.85rem; color: #555; }
.fl-info-left strong { color: #000; }
.fl-sort-label { font-size: 0.82rem; color: #888; }
.fl-sort-select {
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 6px 14px;
	font-size: 0.82rem;
	color: #333;
	background: #fff;
	outline: none;
}

/* Container */
.fl-container { padding: 24px 0 40px; }

/* ===== HERO AD BANNER (Booking.com / MakeMyTrip Style) ===== */
.fl-hero-ad {
	position: relative; overflow: hidden;
	padding: 0; min-height: 220px;
}
.fl-hero-ad-pattern {
	position: absolute; inset: 0;
	background:
		repeating-linear-gradient(90deg, transparent, transparent 80px, rgba(255,255,255,0.03) 80px, rgba(255,255,255,0.03) 81px),
		repeating-linear-gradient(0deg, transparent, transparent 80px, rgba(255,255,255,0.02) 80px, rgba(255,255,255,0.02) 81px);
	pointer-events: none;
}
.fl-hero-ad-inner {
	display: flex; align-items: center; justify-content: space-between;
	gap: 40px; position: relative; z-index: 1;
	padding: 36px 0;
}
.fl-hero-ad-left { flex: 1; min-width: 0; }
.fl-hero-ad-breadcrumb {
	font-size: 0.78rem; margin-bottom: 10px;
}
.fl-hero-ad-breadcrumb a { color: rgba(255,255,255,0.6); text-decoration: none; }
.fl-hero-ad-breadcrumb a:hover { color: #fff; }
.fl-hero-ad-breadcrumb span { color: rgba(255,255,255,0.4); margin: 0 6px; }
.fl-hero-ad-breadcrumb span:last-child { color: rgba(255,255,255,0.8); margin: 0; }
.fl-hero-ad-title {
	font-family: var(--font-head); font-size: 2rem; font-weight: 800;
	color: #fff; margin: 0 0 8px; line-height: 1.2;
	text-shadow: 0 2px 12px rgba(0,0,0,0.2);
}
.fl-hero-ad-desc {
	font-size: 0.95rem; color: rgba(255,255,255,0.75);
	margin: 0 0 16px; line-height: 1.5; max-width: 520px;
}
.fl-hero-ad-features {
	display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 20px;
}
.fl-hero-ad-features span {
	font-size: 0.78rem; font-weight: 600; color: rgba(255,255,255,0.9);
	display: inline-flex; align-items: center; gap: 5px;
}
.fl-hero-ad-features i { color: #34d399; font-size: 0.72rem; }
.fl-hero-ad-ctas { display: flex; gap: 10px; flex-wrap: wrap; }
.fl-hero-cta {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 10px 22px; border-radius: 8px; font-size: 0.88rem;
	font-weight: 700; text-decoration: none; transition: 0.25s;
	border: none; cursor: pointer;
}
.fl-hero-cta-primary {
	color: #fff;
	box-shadow: 0 4px 16px rgba(0,0,0,0.25);
}
.fl-hero-cta-primary:hover {
	transform: translateY(-2px); color: #fff;
	box-shadow: 0 8px 24px rgba(0,0,0,0.35);
}
.fl-hero-cta-secondary {
	background: rgba(255,255,255,0.12); color: #fff;
	border: 1px solid rgba(255,255,255,0.25);
	backdrop-filter: blur(4px);
}
.fl-hero-cta-secondary:hover {
	background: rgba(255,255,255,0.25); color: #fff;
	transform: translateY(-2px);
}

/* Right side: icon + stats */
.fl-hero-ad-right {
	display: flex; flex-direction: column; align-items: center; gap: 20px;
	flex-shrink: 0;
}
.fl-hero-ad-icon {
	width: 110px; height: 110px; border-radius: 50%;
	background: rgba(255,255,255,0.1);
	border: 2px solid rgba(255,255,255,0.15);
	display: flex; align-items: center; justify-content: center;
	font-size: 2.8rem; color: rgba(255,255,255,0.8);
	backdrop-filter: blur(8px);
	box-shadow: 0 8px 40px rgba(0,0,0,0.2);
	animation: flHeroIconFloat 3s ease-in-out infinite;
}
@keyframes flHeroIconFloat {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-8px); }
}
.fl-hero-ad-stats {
	display: flex; gap: 2px; background: rgba(0,0,0,0.2);
	border-radius: 10px; overflow: hidden;
}
.fl-hero-stat {
	padding: 10px 18px; text-align: center;
	background: rgba(255,255,255,0.06);
}
.fl-hero-stat strong {
	display: block; font-family: var(--font-head);
	font-size: 1.2rem; font-weight: 800; color: #fff;
}
.fl-hero-stat span {
	font-size: 0.65rem; font-weight: 600; color: rgba(255,255,255,0.5);
	text-transform: uppercase; letter-spacing: 0.5px;
}

/* Mobile hero */
@media (max-width: 768px) {
	.fl-hero-ad-inner { flex-direction: column; gap: 20px; padding: 28px 0; text-align: center; }
	.fl-hero-ad-title { font-size: 1.5rem; }
	.fl-hero-ad-desc { font-size: 0.85rem; max-width: 100%; }
	.fl-hero-ad-features { justify-content: center; }
	.fl-hero-ad-ctas { justify-content: center; }
	.fl-hero-ad-right { width: 100%; }
	.fl-hero-ad-icon { width: 80px; height: 80px; font-size: 2rem; }
	.fl-hero-stat { padding: 8px 14px; }
	.fl-hero-stat strong { font-size: 1rem; }
}

/* ===== TOP FILTER STRIP ===== */
.fl-top-filters {
	background: #fff; border-bottom: 1px solid #e5e5e5;
	padding: 14px 0; position: sticky; top: 0; z-index: 100;
	box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.fl-filter-row {
	display: flex; align-items: center; gap: 10px;
	padding: 4px 0; overflow: hidden;
}
.fl-filter-row-bottom {
	justify-content: space-between; margin-top: 6px;
	padding-top: 10px; border-top: 1px solid #f0f0f0;
}
.fl-filter-title {
	font-size: 0.78rem; font-weight: 700; color: #555;
	white-space: nowrap; min-width: 80px;
}
.fl-filter-title i { color: #E8622C; margin-right: 4px; }
.fl-chip-scroll {
	display: flex; gap: 6px; overflow-x: auto;
	scrollbar-width: none; -ms-overflow-style: none;
	padding: 2px 0;
}
.fl-chip-scroll::-webkit-scrollbar { display: none; }
.fl-chip-check {
	cursor: pointer; flex-shrink: 0;
}
.fl-chip-check input { display: none; }
.fl-chip-check span {
	display: inline-flex; align-items: center; gap: 4px;
	padding: 5px 14px; border-radius: 20px; font-size: 0.78rem;
	font-weight: 500; background: #f5f5f5; color: #555;
	border: 1px solid #e5e5e5; transition: 0.2s; white-space: nowrap;
}
.fl-chip-check input:checked + span {
	background: #E8622C; color: #fff; border-color: #E8622C;
}
.fl-chip-check:hover span { border-color: #E8622C; color: #E8622C; }
.fl-chip-check input:checked + span:hover { background: #c7511f; }
.fl-chip-star span i { font-size: 0.68rem; color: #f59e0b; }
.fl-chip-star input:checked + span i { color: #fff; }
.fl-filter-group { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.fl-sort-box {
	display: flex; align-items: center; gap: 10px;
	font-size: 0.82rem; color: #888; flex-shrink: 0;
}
.fl-sort-box strong { color: #222; }

/* ===== TWO COLUMN LAYOUT ===== */
.fl-two-col {
	display: flex; gap: 24px; align-items: flex-start;
}
.fl-listings-col {
	flex: 1; min-width: 0;
}
.fl-map-col {
	width: 380px; flex-shrink: 0;
	position: sticky; top: 120px;
}
.fl-map-box {
	height: calc(100vh - 160px); border-radius: 12px;
	overflow: hidden; border: 1px solid #e5e5e5;
	box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}

/* ===== CARD INFO ROWS (phone & website as text) ===== */
.fl-card-info-rows {
	display: flex; flex-direction: column; gap: 3px;
}
.fl-card-info {
	font-size: 0.82rem; color: #555; display: flex;
	align-items: center; gap: 6px;
}
.fl-card-info i { width: 14px; font-size: 0.72rem; color: #E8622C; text-align: center; flex-shrink: 0; }
.fl-card-info a {
	color: #0066cc; text-decoration: none;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.fl-card-info a:hover { text-decoration: underline; color: #E8622C; }
.fl-card-slogan {
	font-size: 0.8rem; color: #999; font-style: italic;
}
.fl-card-featured-tag {
	position: absolute; top: 8px; left: 8px;
	background: #f59e0b; color: #fff; font-size: 0.68rem;
	font-weight: 700; padding: 3px 10px; border-radius: 4px;
	z-index: 2;
}

/* Mobile: stack columns */
@media (max-width: 992px) {
	.fl-two-col { flex-direction: column; }
	.fl-map-col { width: 100%; position: relative; top: 0; order: -1; }
	.fl-map-box { height: 250px; }
}
@media (max-width: 768px) {
	.fl-top-filters { position: relative; }
	.fl-filter-row-bottom { flex-direction: column; align-items: flex-start; gap: 8px; }
	.fl-sort-box { width: 100%; justify-content: space-between; }
}


/* Sidebar */
.fl-sidebar {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	padding: 0;
	position: sticky;
	top: 20px;
}
.fl-sidebar-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 16px;
	border-bottom: 1px solid #eee;
}
.fl-sidebar-head h6 { margin: 0; font-size: 0.88rem; font-weight: 700; color: #222; }
.fl-sidebar-head i { margin-right: 6px; color: #0066cc; }
.fl-clear-btn {
	background: none;
	border: none;
	color: #E8622C;
	font-size: 0.78rem;
	font-weight: 600;
	cursor: pointer;
	padding: 0;
}
.fl-clear-btn:hover { text-decoration: underline; }
.fl-filter-section { padding: 14px 16px; border-bottom: 1px solid #f0f0f0; }
.fl-filter-section:last-child { border-bottom: none; }
.fl-filter-label { font-size: 0.78rem; font-weight: 700; color: #333; text-transform: uppercase; letter-spacing: 0.5px; margin: 0 0 10px; }
.fl-check {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 4px 0;
	cursor: pointer;
	font-size: 0.84rem;
	color: #444;
}
.fl-check input[type="checkbox"] {
	width: 15px;
	height: 15px;
	accent-color: #0066cc;
	cursor: pointer;
}

/* ---- Listing Card ---- */
.fl-card {
	display: flex;
	align-items: stretch;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	margin-bottom: 14px;
	text-decoration: none;
	color: inherit;
	overflow: hidden;
	transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.fl-card:hover {
	border-color: #ccc;
	box-shadow: 0 8px 30px rgba(0,0,0,0.08);
	transform: translateY(-3px);
}
.fl-card-icon {
	width: 70px;
	min-height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.3rem;
	color: #fff;
	flex-shrink: 0;
	transition: all 0.3s ease;
}
.fl-card:hover .fl-card-icon { width: 76px; }
.fl-card:hover .fl-card-icon i { animation: lcPlaneWiggle 0.5s ease; }
@keyframes lcPlaneWiggle {
	0%, 100% { transform: rotate(0deg); }
	25% { transform: rotate(-10deg) translateX(-2px); }
	75% { transform: rotate(10deg) translateX(2px); }
}

.fl-card-content {
	flex: 1;
	padding: 16px 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.fl-card-top { display: flex; justify-content: space-between; align-items: flex-start; }
.fl-card-codes { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.fl-c-code { font-size: 1.05rem; font-weight: 800; color: #222; letter-spacing: 1px; }
.fl-c-line {
	display: flex;
	align-items: center;
	gap: 4px;
}
.fl-c-line span {
	display: block;
	width: 20px;
	height: 1.5px;
	background: currentColor;
	opacity: 0.4;
}
.fl-c-line i { font-size: 0.7rem; }
.fl-card-title { font-size: 0.92rem; font-weight: 600; color: #333; margin: 0; }
.fl-card:hover .fl-card-title { color: #000; }

.fl-card-badges { display: flex; gap: 6px; flex-shrink: 0; }
.fl-badge {
	padding: 3px 10px;
	border-radius: 4px;
	font-size: 0.65rem;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
.fl-badge-hot { background: #fff3e0; color: #e65100; }
.fl-badge-intl { background: #e3f2fd; color: #1565c0; }
.fl-badge-free { background: #e6f9f0; color: #059669; }
.fl-badge-open24 { background: #fef3c7; color: #92400e; }
.fl-badge-soldout { background: #fee2e2; color: #dc2626; }
.fl-chip-purple { background: #f3e8ff; color: #7c3aed; }
.fl-chip-red { background: #fee2e2; color: #dc2626; }
.fl-chip-teal { background: #e0f7fa; color: #0891b2; }

.fl-card-details {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}
.fl-card-tag {
	font-size: 0.78rem;
	color: #666;
	display: flex;
	align-items: center;
	gap: 5px;
}
.fl-card-tag i { font-size: 0.72rem; }

.fl-card-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.fl-card-airlines-row { display: flex; gap: 6px; flex-wrap: wrap; }
.fl-card-al {
	font-size: 0.72rem;
	font-weight: 500;
	color: #777;
	background: #f5f5f5;
	padding: 2px 8px;
	border-radius: 3px;
}
.fl-card-al-more { color: #0066cc; background: #e8f4fd; }

.fl-card-cta {
	font-size: 0.82rem;
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 5px;
	transition: gap 0.2s;
}
.fl-card:hover .fl-card-cta { gap: 8px; }

/* Card Price */
.fl-card-price {
	text-align: right;
	flex-shrink: 0;
}
.fl-card-price-val {
	font-size: 1.1rem;
	font-weight: 800;
	color: #059669;
}
.fl-card-price-sub {
	font-size: 0.68rem;
	color: #999;
	display: block;
}
.fl-card-price-free {
	font-size: 0.88rem;
	font-weight: 800;
	color: #059669;
	background: #e6f9f0;
	padding: 4px 12px;
	border-radius: 6px;
}
/* Card Stars */
.fl-card-stars {
	display: flex;
	align-items: center;
	gap: 3px;
	font-size: 0.7rem;
}
.fl-card-stars i { color: #ddd; }
.fl-card-stars i.active { color: #ffc107; }
.fl-card-stars span { color: #666; font-size: 0.78rem; font-weight: 600; margin-left: 4px; }

/* Pin Code Big on Card */
.fl-card-pin {
	font-size: 1.2rem;
	font-weight: 900;
	color: #7c3aed;
	letter-spacing: 1px;
	margin-bottom: 2px;
}

/* Card with Image (Hotels/Business) */
.fl-card-img {
	width: 253px;
	min-height: 100%;
	flex-shrink: 0;
	overflow: hidden;
	position: relative;
}
.fl-card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}
.fl-card:hover .fl-card-img img { transform: scale(1.08); }
.fl-card-img-placeholder {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #f0f0f0, #e0e0e0);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.2rem;
	color: #bbb;
}

/* Like Button (Events) */
.fl-interested-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 14px;
	border: 1.5px solid #0066cc;
	border-radius: 20px;
	background: #fff;
	color: #0066cc;
	font-size: 0.78rem;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.3s ease;
	text-decoration: none;
}
.fl-interested-btn:hover {
	background: #0066cc;
	color: #fff;
	transform: scale(1.05);
}
.fl-interested-btn.active {
	background: #0066cc;
	color: #fff;
}
.fl-interested-btn i {
	font-size: 0.82rem;
	animation: flLikePulse 1.2s ease-in-out infinite;
}
.fl-interested-btn.active i {
	animation: flLikeBounce 0.8s ease-in-out infinite;
}
@keyframes flLikePulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.3; }
}
@keyframes flLikeBounce {
	0%, 100% { transform: scale(1); }
	25% { transform: scale(1.3); }
	50% { transform: scale(1); }
	75% { transform: scale(1.2); }
}
.fl-interested-count {
	font-weight: 800;
	font-size: 0.82rem;
}

/* Listing Map Sidebar */
.fl-map-col {
	position: sticky;
	top: 80px;
	height: calc(100vh - 100px);
	z-index: 1;
}
.fl-map-col .fl-map-box {
	width: 100%;
	height: 100%;
	border-radius: 12px;
	border: 1px solid #e5e5e5;
	overflow: hidden;
}

/* Card Rating */
.fl-card-rating {
	display: flex;
	align-items: center;
	gap: 3px;
	font-size: 0.72rem;
}
.fl-card-rating i { font-size: 0.72rem; }
.fl-rating-text { font-size: 0.78rem; font-weight: 600; color: #666; margin-left: 4px; }
.fl-rating-new { font-size: 0.75rem; font-weight: 600; color: #999; background: #f5f5f5; padding: 2px 10px; border-radius: 4px; }

/* No results */
.fl-no-results { text-align: center; padding: 50px 20px; color: #999; }
.fl-no-results i { font-size: 2rem; margin-bottom: 12px; display: block; }

/* ---- Detail Page ---- */

/* Route Summary */
.fl-route-summary {
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
	padding: 24px 0;
}
.fl-rs-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
}
.fl-rs-route { display: flex; align-items: center; gap: 16px; }
.fl-rs-airport { text-align: center; }
.fl-rs-code { display: block; font-size: 1.6rem; font-weight: 900; color: #222; letter-spacing: 2px; }
.fl-rs-city { font-size: 0.78rem; color: #999; }
.fl-rs-line { display: flex; align-items: center; gap: 6px; }
.fl-rs-dots {
	width: 40px;
	height: 2px;
	background: repeating-linear-gradient(90deg, #ccc 0px, #ccc 4px, transparent 4px, transparent 8px);
}
.fl-rs-plane {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: linear-gradient(135deg, #0066cc, #4da3ff);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.85rem;
	animation: lcFloatIcon 3s ease-in-out infinite;
}
.fl-rs-stats { display: flex; gap: 20px; flex-wrap: wrap; }
.fl-rs-stat {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 16px;
	background: #f8f9fa;
	border-radius: 10px;
}
.fl-rs-stat i { font-size: 1rem; }
.fl-rs-label { display: block; font-size: 0.65rem; color: #999; text-transform: uppercase; letter-spacing: 0.5px; }
.fl-rs-stat strong { font-size: 0.88rem; color: #222; }

/* Sections */
.fl-section {
	padding: 30px 0;
	border-bottom: 1px solid #eee;
}
.fl-section:last-child { border-bottom: none; }
.fl-section h2 {
	font-size: 1.15rem;
	font-weight: 700;
	color: #000;
	margin: 0 0 6px;
	font-family: var(--font-body);
	display: flex;
	align-items: center;
	gap: 8px;
}
.fl-section h2 i { font-size: 1rem; }
.fl-section-sub { font-size: 0.85rem; color: #888; margin: 0 0 20px; }

/* Platform Cards (Detail) */
.fl-platforms-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin-top: 16px;
}
.fl-pf-card {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	padding: 20px;
	position: relative;
	text-align: center;
	transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
	overflow: hidden;
}
.fl-pf-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 30px rgba(0,0,0,0.1);
	border-color: #ddd;
}
.fl-pf-ribbon {
	position: absolute;
	top: 12px;
	right: -30px;
	background: #059669;
	color: #fff;
	font-size: 0.6rem;
	font-weight: 700;
	padding: 3px 36px;
	transform: rotate(45deg);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.fl-pf-top {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
	text-align: left;
}
.fl-pf-logo {
	width: 46px;
	height: 46px;
	border-radius: 12px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.3rem;
	font-weight: 900;
	flex-shrink: 0;
	transition: transform 0.3s ease;
}
.fl-pf-card:hover .fl-pf-logo { transform: scale(1.1) rotate(-5deg); }
.fl-pf-info h4 {
	font-size: 0.95rem;
	font-weight: 700;
	color: #222;
	margin: 0 0 3px;
}
.fl-pf-stars { font-size: 0.68rem; color: #ddd; }
.fl-pf-stars i.filled { color: #ffc107; }
.fl-pf-stars span { color: #999; margin-left: 3px; }

.fl-pf-offer {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background: #e8f5e9;
	color: #2e7d32;
	font-size: 0.72rem;
	font-weight: 700;
	padding: 5px 14px;
	border-radius: 6px;
	margin-bottom: 14px;
}
.fl-pf-offer i { color: #ffc107; }

.fl-pf-btn {
	display: block;
	color: #fff;
	font-size: 0.85rem;
	font-weight: 700;
	padding: 11px 16px;
	border-radius: 8px;
	text-decoration: none;
	transition: all 0.3s ease;
	letter-spacing: 0.3px;
}
.fl-pf-btn:hover {
	color: #fff;
	filter: brightness(1.1);
	transform: scale(1.03);
	box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}
.fl-pf-btn i { font-size: 0.7rem; margin-left: 4px; }

.fl-disclaimer {
	margin-top: 16px;
	font-size: 0.78rem;
	color: #999;
	font-style: italic;
}
.fl-disclaimer i { margin-right: 4px; }

/* Airline Cards */
.fl-airline-cards {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 14px;
}
.fl-al-card {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 18px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 10px;
	font-size: 0.88rem;
	font-weight: 600;
	color: #333;
	transition: all 0.25s ease;
}
.fl-al-card:hover { transform: perspective(600px) rotateX(2deg) translateY(-4px); box-shadow: 0 10px 24px rgba(0,0,0,0.1); }
.fl-al-icon {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.75rem;
}

/* Best Months */
.fl-best-months {
	margin-top: 14px;
	padding: 14px 18px;
	background: #fffbeb;
	border: 1px solid #fde68a;
	border-radius: 10px;
	display: flex;
	align-items: center;
	gap: 12px;
}
.fl-best-months i { font-size: 1.1rem; }
.fl-best-months strong { display: block; font-size: 0.82rem; color: #333; }
.fl-best-months span { font-size: 0.82rem; color: #666; }

/* About */
.fl-about-text { font-size: 0.9rem; color: #555; line-height: 1.7; margin: 10px 0 0; }

/* Other Routes */
.fl-other-routes {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	margin-top: 14px;
}
.fl-or-card {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	text-decoration: none;
	color: inherit;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.fl-or-card:hover {
	transform: perspective(600px) rotateY(-2deg) translateX(4px) translateY(-2px);
	border-color: #ccc;
	box-shadow: 0 10px 24px rgba(0,0,0,0.1);
}
.fl-or-icon {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.8rem;
	flex-shrink: 0;
}
.fl-or-info { flex: 1; }
.fl-or-info strong { display: block; font-size: 0.85rem; color: #222; }
.fl-or-info span { font-size: 0.75rem; color: #999; }
.fl-or-arrow { color: #ccc; font-size: 0.7rem; transition: all 0.2s; }
.fl-or-card:hover .fl-or-arrow { color: #0066cc; transform: translateX(3px); }

/* FAQ */
.fl-faq-section { padding: 30px 0 10px; }
.fl-faq-section h2 { font-size: 1.15rem; font-weight: 700; color: #000; margin-bottom: 16px; display: flex; align-items: center; gap: 8px; }
.fl-faq-list { margin-top: 14px; }
.fl-faq {
	border: 1px solid #eee;
	border-radius: 8px;
	margin-bottom: 8px;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s;
}
.fl-faq:hover { border-color: #ddd; transform: perspective(600px) rotateX(1deg) translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.06); }
.fl-faq summary {
	padding: 14px 18px;
	font-size: 0.88rem;
	font-weight: 600;
	color: #222;
	cursor: pointer;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: background 0.2s;
}
.fl-faq summary:hover { background: #fafafa; }
.fl-faq summary::-webkit-details-marker { display: none; }
.fl-faq summary::after { content: '+'; font-size: 1.1rem; color: #0066cc; font-weight: 600; }
.fl-faq[open] summary::after { content: '−'; }
.fl-faq[open] summary { border-bottom: 1px solid #eee; background: #f8fbff; }
.fl-faq[open] { box-shadow: 0 2px 10px rgba(0,0,0,0.04); }
.fl-faq p { padding: 14px 18px; margin: 0; font-size: 0.85rem; color: #666; line-height: 1.6; }

/* Popular Routes */
.fl-popular-section { padding: 20px 0 40px; }
.fl-popular-section h3 { font-size: 1rem; font-weight: 700; color: #333; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
.fl-popular-links { display: flex; flex-wrap: wrap; gap: 8px; }
.fl-popular-links a {
	display: inline-block;
	padding: 7px 16px;
	background: #f5f5f5;
	border: 1px solid #e5e5e5;
	border-radius: 20px;
	font-size: 0.8rem;
	color: #0066cc;
	text-decoration: none;
	transition: all 0.2s;
}
.fl-popular-links a:hover { background: #e8f4fd; border-color: #0066cc; transform: translateY(-1px); }

/* Responsive */
@media (max-width: 992px) {
	.fl-platforms-grid { grid-template-columns: repeat(2, 1fr); }
	.fl-other-routes { grid-template-columns: 1fr; }
}
@media (max-width: 991px) {
	.fl-sidebar-col { display: none; }
	.fl-sidebar-col.fl-sidebar-open {
		display: block;
		position: fixed;
		top: 0; left: 0;
		width: 300px; height: 100vh;
		z-index: 1050;
		background: #fff;
		overflow-y: auto;
		box-shadow: 4px 0 20px rgba(0,0,0,0.15);
		animation: lcSlideLeft 0.25s ease;
	}
	.fl-sidebar-overlay {
		display: none;
		position: fixed;
		top: 0; left: 0;
		width: 100%; height: 100%;
		background: rgba(0,0,0,0.4);
		z-index: 1040;
	}
	.fl-sidebar-overlay.active { display: block; }
	.fl-mobile-filter-btn {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		padding: 8px 16px;
		background: #fff;
		border: 1px solid #ddd;
		border-radius: 8px;
		font-size: 0.82rem;
		font-weight: 600;
		color: #333;
		cursor: pointer;
		margin-bottom: 14px;
	}
	.fl-sidebar-close {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 14px 16px;
		border-bottom: 1px solid #eee;
		font-weight: 700;
		font-size: 0.92rem;
	}
	.fl-sidebar-close button {
		background: none; border: none;
		font-size: 1.3rem; color: #666; cursor: pointer;
	}
}
@media (min-width: 992px) {
	.fl-mobile-filter-btn { display: none; }
	.fl-sidebar-close { display: none; }
	.fl-sidebar-overlay { display: none !important; }
}
@media (max-width: 768px) {
	.fl-page-header h1 { font-size: 1.3rem; }
	.fl-header-chips { gap: 6px; }
	.fl-card { flex-direction: column; }
	.fl-card-icon { width: 100%; min-height: 50px; flex-direction: row; gap: 8px; }
	.fl-card-img { width: 100%; min-height: 160px; max-height: 180px; }
	.fl-rs-inner { flex-direction: column; align-items: flex-start; }
	.fl-rs-stats { width: 100%; }
	.fl-platforms-grid { grid-template-columns: 1fr; }
	.fl-rs-code { font-size: 1.3rem; }
	.fl-map-col { display: none; }
}
@media (max-width: 480px) {
	.fl-header-icon { width: 46px; height: 46px; font-size: 1.1rem; }
	.fl-rs-stats { gap: 8px; }
	.fl-rs-stat { padding: 8px 12px; flex: 1; }
}

/* ====================================================
   AD BANNER
   ==================================================== */
.ad-banner {
	margin: 20px 0;
}
.ad-banner-inner {
	border-radius: 10px;
	overflow: hidden;
}
.ad-placeholder {
}
.ad-banner-sidebar {
	margin: 16px 0;
}
.ad-banner-sidebar .ad-banner-inner {
	min-height: 250px;
}
.ad-banner-sidebar .ad-placeholder {
	min-height: 250px;
}
@media (max-width: 767px) {
	.ad-banner-inner { min-height: 60px; }
	.ad-placeholder { min-height: 60px; }
}

/* ====================================================
   AMAZON-STYLE REVIEW POPUP
   ==================================================== */

/* Rating Trigger (inline) */
.amz-rating {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	position: relative;
	cursor: pointer;
}
.amz-rating-stars {
	display: inline-flex;
	gap: 1px;
}
.amz-rating-stars i {
	color: #FF9900;
	font-size: 0.85rem;
}
.amz-rating-score {
	font-weight: 600;
	font-size: 0.9rem;
	color: #007185;
}
.amz-rating-count {
	font-size: 0.85rem;
	color: #565959;
}
.amz-rating-count:hover {
	color: #C45500;
	text-decoration: underline;
}

/* Large Rating (for detail pages below hero) */
.amz-rating-lg {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 12px 0;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	z-index: 10;
}
.amz-rating-lg .amz-rating-stars i {
	font-size: 1.4rem;
}
.amz-rating-lg .amz-rating-score {
	font-size: 1.5rem;
	font-weight: 700;
	color: #0F1111;
}
.amz-rating-lg .amz-rating-out {
	font-size: 1.1rem;
	font-weight: 600;
	color: #0F1111;
}
.amz-rating-lg .amz-rating-count {
	font-size: 0.95rem;
	color: #565959;
}

/* Popup/Tooltip */
.amz-popup {
	display: none;
	position: absolute;
	top: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%);
	width: 280px;
	background: #fff;
	border: 1px solid #d5d9d9;
	border-radius: 8px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.15);
	padding: 20px;
	z-index: 1000;
}
.amz-popup::before {
	content: '';
	position: absolute;
	top: -7px;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	width: 12px;
	height: 12px;
	background: #fff;
	border-left: 1px solid #d5d9d9;
	border-top: 1px solid #d5d9d9;
}
.amz-rating:hover,
.amz-rating-lg:hover {
	z-index: 100;
}
.amz-rating:hover .amz-popup,
.amz-rating-lg:hover .amz-popup {
	display: block;
}
.amz-popup-close {
	position: absolute;
	top: 8px;
	right: 10px;
	background: none;
	border: none;
	font-size: 1.1rem;
	color: #565959;
	cursor: pointer;
	padding: 2px 6px;
	line-height: 1;
}
.amz-popup-close:hover {
	color: #0F1111;
}

/* Popup Header */
.amz-popup-head {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 4px;
}
.amz-popup-head i {
	color: #FF9900;
	font-size: 1rem;
}
.amz-popup-head span {
	font-size: 1.05rem;
	font-weight: 700;
	color: #0F1111;
}
.amz-popup-total {
	font-size: 0.85rem;
	color: #565959;
	margin-bottom: 14px;
}

/* Star Bars */
.amz-bar-row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 6px;
}
.amz-bar-label {
	font-size: 0.82rem;
	color: #007185;
	min-width: 42px;
	white-space: nowrap;
	cursor: pointer;
}
.amz-bar-label:hover {
	color: #C45500;
	text-decoration: underline;
}
.amz-bar-track {
	flex: 1;
	height: 18px;
	background: #F0F2F2;
	border-radius: 3px;
	border: 1px solid #D5D9D9;
	overflow: hidden;
}
.amz-bar-fill {
	height: 100%;
	background: #FF9900;
	border-radius: 2px;
	transition: width 0.4s ease;
}
.amz-bar-pct {
	font-size: 0.82rem;
	color: #007185;
	min-width: 30px;
	text-align: right;
	cursor: pointer;
}
.amz-bar-pct:hover {
	color: #C45500;
	text-decoration: underline;
}

/* Popup Footer Link */
.amz-popup-link {
	display: block;
	text-align: center;
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px solid #e3e6e6;
	font-size: 0.88rem;
	color: #007185;
	text-decoration: none;
}
.amz-popup-link:hover {
	color: #C45500;
	text-decoration: underline;
}

/* Responsive */
@media (max-width: 576px) {
	.amz-popup {
		width: 260px;
		padding: 16px;
		left: 0;
		transform: none;
	}
	.amz-popup::before {
		left: 30px;
	}
	.amz-rating-lg .amz-rating-stars i {
		font-size: 1.2rem;
	}
	.amz-rating-lg .amz-rating-score {
		font-size: 1.3rem;
	}
}

/* ====================================================
   ANIMATIONS
   ==================================================== */

/* Keyframes */
@keyframes lcFadeUp {
	from { opacity: 0; transform: translateY(30px); }
	to { opacity: 1; transform: translateY(0); }
}
@keyframes lcFadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes lcSlideLeft {
	from { opacity: 0; transform: translateX(-30px); }
	to { opacity: 1; transform: translateX(0); }
}
@keyframes lcSlideRight {
	from { opacity: 0; transform: translateX(30px); }
	to { opacity: 1; transform: translateX(0); }
}
@keyframes lcScaleIn {
	from { opacity: 0; transform: scale(0.9); }
	to { opacity: 1; transform: scale(1); }
}
@keyframes lcCountUp {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}

/* Scroll-triggered animation base */
.lc-anim {
	opacity: 0;
	transition: opacity 0.6s ease, transform 0.6s ease;
}
.lc-anim.lc-visible { opacity: 1; transform: none; }

/* Animation variants */
.lc-anim-up { transform: translateY(30px); }
.lc-anim-left { transform: translateX(-30px); }
.lc-anim-right { transform: translateX(30px); }
.lc-anim-scale { transform: scale(0.92); }
.lc-anim-fade { transform: none; }

/* Stagger delays for children */
.lc-stagger > *:nth-child(1) { transition-delay: 0s; }
.lc-stagger > *:nth-child(2) { transition-delay: 0.08s; }
.lc-stagger > *:nth-child(3) { transition-delay: 0.16s; }
.lc-stagger > *:nth-child(4) { transition-delay: 0.24s; }
.lc-stagger > *:nth-child(5) { transition-delay: 0.32s; }
.lc-stagger > *:nth-child(6) { transition-delay: 0.4s; }
.lc-stagger > *:nth-child(7) { transition-delay: 0.48s; }
.lc-stagger > *:nth-child(8) { transition-delay: 0.56s; }

/* Page load: Navbar */
.lc-nav {
	animation: lcFadeIn 0.5s ease both;
}
.lc-topbar {
	animation: lcFadeIn 0.3s ease both;
}

/* Hero sections entrance */
.bd-hero, .ev-hero, .fl-page-header {
	animation: lcFadeIn 0.6s ease both;
}

/* Section titles */
.bd-section-title {
	animation: lcFadeUp 0.5s ease both;
}

/* Card hover animations */
.lp-listing,
.fl-table-row,
.fl-pt-row,
.pl-nearby-card,
.pl-dist-card,
.pc-area-card,
.pc-landmark-item {
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.lp-listing:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 30px rgba(0,0,0,0.1);
}

.pl-nearby-card:hover,
.pc-area-card:hover {
	transform: translateY(-4px);
}

.pl-dist-card {
	transition: all 0.3s ease;
}
.pl-dist-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}

/* Button hover animations */
.lc-btn {
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	overflow: hidden;
}
.lc-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.lc-btn:active {
	transform: translateY(0);
}

/* Navbar link hover underline animation */
.lc-nav-link {
	position: relative;
}
.lc-nav-link::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 50%;
	width: 0;
	height: 2px;
	background: #E8622C;
	transition: all 0.3s ease;
	transform: translateX(-50%);
}
.lc-nav-link:hover::after {
	width: 70%;
}

/* Gallery thumbnail hover */
.bd-gallery-thumb {
	transition: transform 0.3s ease;
	overflow: hidden;
	border-radius: 8px;
}
.bd-gallery-thumb:hover {
	transform: scale(1.03);
}
.bd-gallery-thumb img {
	transition: transform 0.4s ease;
}
.bd-gallery-thumb:hover img {
	transform: scale(1.1);
}

/* Sidebar cards */
.bd-sidebar-card {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.bd-sidebar-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0,0,0,0.06);
}

/* Star rating pulse on hover */
.bd-stars i, .bd-stars-small i {
	transition: transform 0.2s ease;
}
.bd-stars i:hover, .bd-stars-small i:hover {
	transform: scale(1.3);
}

/* Featured badge shimmer */
.bd-featured-badge {
	position: relative;
	overflow: hidden;
}
.bd-featured-badge::after {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
	animation: lcShimmer 3s infinite;
}
@keyframes lcShimmer {
	0% { left: -100%; }
	100% { left: 200%; }
}

/* Tags hover */
.bd-tag {
	transition: all 0.2s ease;
}
.bd-tag:hover {
	transform: translateY(-1px);
}

/* Flash messages entrance */
.lc-flash {
	animation: lcFadeUp 0.4s ease both;
}

/* Review items */
.bd-review-item {
	transition: all 0.3s ease;
}
.bd-review-item:hover {
	background: #fafafa;
	border-radius: 8px;
}

/* Footer links */
.lc-footer-col a {
	transition: all 0.2s ease;
}
.lc-footer-col a:hover {
	transform: translateX(4px);
}

/* Social icons bounce */
.lc-footer-social a {
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.lc-footer-social a:hover {
	transform: translateY(-4px) scale(1.1);
}

/* Flight platform row highlight */
.fl-pt-row {
	transition: all 0.25s ease;
}
.fl-pt-row:hover {
	transform: translateX(4px);
}

/* Book button pulse */
.fl-book-link {
	transition: all 0.25s ease;
}
.fl-book-link:hover {
	transform: scale(1.05);
	box-shadow: 0 4px 14px rgba(0,102,204,0.3);
}

/* FAQ open/close */
.fl-faq {
	transition: all 0.2s ease;
}
.fl-faq[open] {
	box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Logo hover */
.lc-logo {
	transition: transform 0.3s ease;
}
.lc-logo:hover {
	transform: scale(1.03);
}

/* Logo mark spin on hover */
.lc-logo-mark {
	transition: all 0.4s ease;
}
.lc-logo:hover .lc-logo-mark {
	transform: rotate(5deg) scale(1.05);
}

/* Hamburger animation (already has active state) */
.lc-hamburger span {
	transition: all 0.3s ease;
}

/* Mobile menu slide */
.lc-mobile-menu {
	transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.lc-mobile-menu a {
	transition: all 0.2s ease;
}
.lc-mobile-menu a:hover {
	transform: translateX(6px);
}

/* Lightbox entrance */
.bd-lightbox.active {
	animation: lcFadeIn 0.3s ease both;
}
.bd-lightbox.active img {
	animation: lcScaleIn 0.35s ease both;
}

/* Smooth scrollbar */
html {
	scroll-behavior: smooth;
}

/* Reduce animations for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
	.lc-anim { opacity: 1; transform: none; }
	html { scroll-behavior: auto; }
}

/* ====================================================
   BUSINESS POPUP - CRICKET TV STATS OVERLAY STYLE
   ==================================================== */
.bp-overlay {
	display: none; position: fixed; inset: 0; z-index: 9999;
	background: rgba(0,0,0,0.75); backdrop-filter: blur(8px);
	justify-content: center; align-items: center;
	padding: 20px; overflow-y: auto;
}
.bp-overlay.bp-active { display: flex; animation: bpFadeIn 0.3s ease; }
@keyframes bpFadeIn { from { opacity: 0; } to { opacity: 1; } }

.bp-modal {
	background: #0a1628; border-radius: 16px; width: 100%; max-width: 800px;
	position: relative; overflow: hidden;
	box-shadow: 0 0 60px rgba(0,100,255,0.15), 0 0 0 1px rgba(255,255,255,0.08);
	transform: translateX(80px) scale(0.9);
	opacity: 0;
	transition: transform 0.5s cubic-bezier(0.22,1,0.36,1), opacity 0.4s ease;
}
.bp-modal.bp-anim-in {
	transform: translateX(0) scale(1);
	opacity: 1;
}
.bp-modal.bp-anim-out {
	transform: translateX(80px) scale(0.9);
	opacity: 0;
	transition: transform 0.4s ease, opacity 0.3s ease;
}
.bp-close {
	position: absolute; top: 12px; right: 12px; z-index: 20;
	width: 36px; height: 36px; border-radius: 50%;
	background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.15);
	color: rgba(255,255,255,0.7); font-size: 1rem; cursor: pointer;
	display: flex; align-items: center; justify-content: center;
	transition: 0.2s; backdrop-filter: blur(4px);
}
.bp-close:hover { background: #E8622C; color: #fff; border-color: #E8622C; transform: rotate(90deg); }

.bp-loader {
	display: flex; flex-direction: column; align-items: center;
	justify-content: center; gap: 16px; padding: 80px 20px;
	color: rgba(255,255,255,0.5); font-size: 0.9rem;
}
.bp-spinner {
	width: 40px; height: 40px; border: 3px solid rgba(255,255,255,0.1);
	border-top-color: #E8622C; border-radius: 50%;
	animation: bpSpin 0.8s linear infinite;
}
@keyframes bpSpin { to { transform: rotate(360deg); } }

/* === TOP SECTION: Photo + Name + Stats === */
.cs-top {
	display: flex; gap: 0;
	background: linear-gradient(135deg, #0a1628 0%, #122240 50%, #1a3060 100%);
	border-bottom: 3px solid #E8622C;
	position: relative;
	overflow: hidden;
}
.cs-top::before {
	content: ''; position: absolute; inset: 0;
	background: repeating-linear-gradient(90deg, transparent, transparent 60px, rgba(255,255,255,0.015) 60px, rgba(255,255,255,0.015) 61px);
	pointer-events: none;
}
.cs-top::after {
	content: ''; position: absolute; top: 0; right: 0;
	width: 200px; height: 200px;
	background: radial-gradient(circle, rgba(232,98,44,0.12) 0%, transparent 70%);
	pointer-events: none;
}

/* Photo side */
.cs-photo-side {
	width: 220px; flex-shrink: 0; padding: 24px;
	display: flex; flex-direction: column; align-items: center; gap: 14px;
	position: relative; z-index: 1;
}
.cs-photo {
	width: 170px; height: 170px; border-radius: 14px;
	background-size: cover; background-position: center;
	background-color: #1a2a44;
	border: 3px solid rgba(255,255,255,0.15);
	box-shadow: 0 10px 40px rgba(0,0,0,0.4);
	position: relative; overflow: hidden;
}
.cs-photo-placeholder {
	width: 100%; height: 100%;
	display: flex; align-items: center; justify-content: center;
	color: rgba(255,255,255,0.15); font-size: 3rem;
}

/* Social buttons under photo */
.cs-social-row {
	display: flex; gap: 6px; flex-wrap: wrap; justify-content: center;
}
.cs-social-btn {
	width: 32px; height: 32px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	color: #fff; font-size: 0.82rem; text-decoration: none;
	transition: transform 0.2s, box-shadow 0.2s;
	border: 1px solid rgba(255,255,255,0.1);
}
.cs-social-btn:hover { transform: scale(1.2); box-shadow: 0 4px 16px rgba(0,0,0,0.3); }
.cs-wa { background: #25D366; }
.cs-fb { background: #1877F2; }
.cs-ig { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
.cs-tw { background: #1DA1F2; }
.cs-yt { background: #FF0000; }
.cs-web { background: rgba(255,255,255,0.15); }

/* Info side */
.cs-info-side {
	flex: 1; padding: 24px 24px 20px 0;
	display: flex; flex-direction: column; gap: 14px;
	position: relative; z-index: 1;
	min-width: 0;
}

/* Name bar */
.cs-name-bar h2 {
	font-family: var(--font-head); font-size: 1.5rem; font-weight: 800;
	color: #fff; margin: 0; line-height: 1.2;
	text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
.cs-slogan {
	color: rgba(255,255,255,0.5); font-style: italic;
	font-size: 0.82rem; margin: 4px 0 0;
}

/* Tags */
.cs-tags { display: flex; gap: 6px; flex-wrap: wrap; }
.cs-tag {
	font-size: 0.7rem; font-weight: 600; padding: 4px 10px;
	border-radius: 4px; display: inline-flex; align-items: center; gap: 4px;
	text-transform: uppercase; letter-spacing: 0.5px;
}
.cs-tag-cat { background: #E8622C; color: #fff; }
.cs-tag-area { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.8); border: 1px solid rgba(255,255,255,0.15); }
.cs-tag-feat { background: #f59e0b; color: #fff; }

/* Stats grid - THE CRICKET STATS ROW */
.cs-stats-grid {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px;
	background: rgba(255,255,255,0.08); border-radius: 8px; overflow: hidden;
}
.cs-stat {
	background: rgba(0,20,50,0.6); padding: 12px 10px;
	text-align: center; position: relative;
}
.cs-stat::after {
	content: ''; position: absolute; right: 0; top: 20%;
	height: 60%; width: 1px; background: rgba(255,255,255,0.08);
}
.cs-stat:last-child::after { display: none; }
.cs-stat-val {
	font-family: var(--font-head); font-size: 1.3rem; font-weight: 800;
	color: #fff; line-height: 1;
}
.cs-stat-val i.fas.fa-star, .cs-stat-val i.fas.fa-star-half-alt { color: #f59e0b; font-size: 0.85rem; }
.cs-stat-val i.far.fa-star { color: rgba(255,255,255,0.2); font-size: 0.85rem; }
.cs-stat-label {
	font-size: 0.62rem; font-weight: 700; color: rgba(255,255,255,0.4);
	text-transform: uppercase; letter-spacing: 1px; margin-top: 4px;
}
.cs-status { font-size: 0.72rem; font-weight: 600; display: inline-flex; align-items: center; gap: 4px; }
.cs-status i { font-size: 0.45rem; }
.cs-open { color: #34d399; }
.cs-closed { color: #f87171; }

/* Contact strip */
.cs-contact-strip {
	display: flex; gap: 8px; flex-wrap: wrap;
}
.cs-action {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 8px 14px; border-radius: 6px; font-size: 0.78rem;
	font-weight: 600; text-decoration: none; transition: 0.2s;
	border: none; cursor: pointer; font-family: var(--font-body);
}
.cs-action-call { background: #059669; color: #fff; }
.cs-action-call:hover { background: #047857; color: #fff; }
.cs-action-wa { background: #25D366; color: #fff; }
.cs-action-wa:hover { background: #1da851; color: #fff; }
.cs-action-email { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.8); border: 1px solid rgba(255,255,255,0.15); }
.cs-action-email:hover { background: rgba(255,255,255,0.2); color: #fff; }
.cs-action-dir { background: #E8622C; color: #fff; }
.cs-action-dir:hover { background: #c7511f; color: #fff; }
.cs-action-review { background: #f59e0b; color: #fff; }
.cs-action-review:hover { background: #d97706; color: #fff; }
.cs-action-full { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.8); border: 1px solid rgba(255,255,255,0.15); }
.cs-action-full:hover { background: rgba(255,255,255,0.2); color: #fff; }

/* === BOTTOM SECTION: Detail panels === */
.cs-bottom {
	background: #fff; padding: 20px 24px;
	display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
	max-height: 350px; overflow-y: auto;
}

.cs-panel {
	background: #f8fafc; border-radius: 10px;
	border: 1px solid #e2e8f0; overflow: hidden;
}
.cs-panel-head {
	padding: 10px 14px; font-size: 0.82rem; font-weight: 700;
	color: #0a1628; background: #f1f5f9;
	border-bottom: 2px solid #E8622C;
	display: flex; align-items: center; gap: 8px;
}
.cs-panel-head i { color: #E8622C; font-size: 0.78rem; }
.cs-panel-body {
	padding: 12px 14px; font-size: 0.85rem; color: #334155;
	line-height: 1.6;
}
.cs-panel-body p { margin: 0; }

/* Week hours */
.cs-week { display: flex; flex-direction: column; gap: 2px; }
.cs-week-row {
	display: flex; justify-content: space-between; align-items: center;
	padding: 4px 8px; font-size: 0.8rem; border-radius: 4px;
}
.cs-week-row span { color: #64748b; font-weight: 500; }
.cs-week-row strong { color: #0f172a; font-size: 0.78rem; }
.cs-week-row em { color: #ef4444; font-style: normal; font-weight: 600; font-size: 0.78rem; }
.cs-today-row { background: #eff6ff; border: 1px solid #bfdbfe; }

/* Gallery */
.cs-gallery { display: flex; gap: 6px; overflow-x: auto; }
.cs-gallery-thumb {
	width: 70px; height: 70px; flex-shrink: 0;
	background-size: cover; background-position: center;
	border-radius: 8px; cursor: pointer; transition: 0.2s;
}
.cs-gallery-thumb:hover { transform: scale(1.1); }

/* Reviews in popup */
.cs-review {
	padding: 10px 0; border-bottom: 1px solid #e2e8f0;
}
.cs-review:last-of-type { border-bottom: none; }
.cs-review-head {
	display: flex; align-items: center; gap: 8px; margin-bottom: 4px;
}
.cs-avatar {
	width: 28px; height: 28px; border-radius: 50%;
	background: #E8622C; color: #fff;
	display: flex; align-items: center; justify-content: center;
	font-weight: 700; font-size: 0.72rem; flex-shrink: 0;
}
.cs-review-head strong { font-size: 0.82rem; color: #0f172a; }
.cs-review-head > div > span { font-size: 0.7rem; color: #94a3b8; display: block; }
.cs-review-stars { margin-left: auto; }
.cs-review-stars i { font-size: 0.65rem; color: #e2e8f0; }
.cs-review-stars i.active { color: #f59e0b; }
.cs-review p { font-size: 0.8rem; color: #475569; margin: 4px 0 0; line-height: 1.5; }
.cs-no-reviews { text-align: center; padding: 16px; color: #94a3b8; font-size: 0.85rem; }
.cs-no-reviews i { font-size: 1.3rem; display: block; margin-bottom: 6px; }
.cs-review-actions { display: flex; gap: 8px; margin-top: 12px; }

/* RESPONSIVE */
@media (max-width: 768px) {
	.bp-overlay { padding: 10px; align-items: flex-start; }
	.bp-modal { max-width: 100%; border-radius: 12px; }
	.cs-top { flex-direction: column; align-items: center; text-align: center; }
	.cs-photo-side { width: 100%; padding: 20px 20px 10px; }
	.cs-photo { width: 120px; height: 120px; }
	.cs-info-side { padding: 10px 20px 20px; align-items: center; }
	.cs-tags { justify-content: center; }
	.cs-stats-grid { grid-template-columns: repeat(2, 1fr); }
	.cs-contact-strip { justify-content: center; }
	.cs-bottom { grid-template-columns: 1fr; max-height: 300px; padding: 16px; }
	.cs-name-bar h2 { font-size: 1.2rem; }
}
@media (max-width: 480px) {
	.cs-stats-grid { grid-template-columns: repeat(2, 1fr); }
	.cs-stat-val { font-size: 1rem; }
	.cs-action { font-size: 0.72rem; padding: 6px 10px; }
	.cs-name-bar h2 { font-size: 1.1rem; }
}


/* ====================================================
   SUBCATEGORY POPUP
   ==================================================== */
.sc-overlay {
	display: none; position: fixed; inset: 0; z-index: 9998;
	background: rgba(0,0,0,0.55); backdrop-filter: blur(5px);
	justify-content: center; align-items: center;
	padding: 20px;
}
.sc-overlay.sc-active { display: flex; animation: bpFadeIn 0.3s ease; }

.sc-modal {
	background: #fff; border-radius: 24px; width: 100%; max-width: 520px;
	position: relative; overflow: hidden;
	box-shadow: 0 30px 80px rgba(0,0,0,0.3);
	transform: perspective(1000px) rotateY(-15deg) scale(0.8);
	opacity: 0;
	transition: transform 0.5s cubic-bezier(0.34,1.56,0.64,1), opacity 0.3s ease;
}
.sc-modal.sc-anim-in {
	transform: perspective(1000px) rotateY(0deg) scale(1);
	opacity: 1;
}
.sc-modal.sc-anim-out {
	transform: perspective(1000px) rotateY(15deg) scale(0.8);
	opacity: 0;
	transition: transform 0.35s ease, opacity 0.25s ease;
}
.sc-close {
	position: absolute; top: 14px; right: 14px; z-index: 10;
	width: 36px; height: 36px; border-radius: 50%;
	background: rgba(0,0,0,0.08); border: none; color: var(--text-light);
	font-size: 1rem; cursor: pointer; display: flex;
	align-items: center; justify-content: center; transition: 0.2s;
}
.sc-close:hover { background: var(--gold); color: #fff; transform: rotate(90deg); }

/* Header */
.sc-header {
	text-align: center; padding: 32px 24px 20px;
	background: var(--cream);
}
.sc-header-icon {
	width: 64px; height: 64px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	color: #fff; font-size: 1.5rem; margin: 0 auto 14px;
	box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}
.sc-header h2 {
	font-family: var(--font-head); font-size: 1.5rem; font-weight: 800;
	color: var(--charcoal); margin: 0 0 4px;
}
.sc-header p { font-size: 0.85rem; color: var(--text-light); margin: 0; }

/* Grid - Round Circular Form */
.sc-grid {
	display: flex; flex-wrap: wrap; justify-content: center;
	gap: 20px; padding: 28px 24px;
}
.sc-item {
	display: flex; flex-direction: column; align-items: center;
	justify-content: center; gap: 10px; text-decoration: none;
	color: var(--text); width: 100px; height: 100px;
	border-radius: 50%; background: var(--cream);
	border: 2px solid var(--border); padding: 14px 8px;
	transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
	animation: scPopIn 0.4s cubic-bezier(0.34,1.56,0.64,1) backwards;
	position: relative; overflow: hidden;
}
@keyframes scPopIn {
	from { opacity: 0; transform: scale(0.3) translateY(20px); }
	to { opacity: 1; transform: scale(1) translateY(0); }
}
.sc-item:hover {
	transform: translateY(-6px) scale(1.1);
	box-shadow: 0 12px 30px rgba(0,0,0,0.15);
	border-color: var(--maroon);
	background: #fff;
}
.sc-item-icon {
	width: 42px; height: 42px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	color: #fff; font-size: 1rem;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	flex-shrink: 0;
}
.sc-item:hover .sc-item-icon {
	transform: scale(1.15) rotate(5deg);
	box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}
.sc-item span {
	font-size: 0.65rem; font-weight: 700; text-align: center;
	color: var(--charcoal); line-height: 1.15;
	max-width: 80px; overflow: hidden;
	text-overflow: ellipsis; display: -webkit-box;
	-webkit-line-clamp: 2; -webkit-box-orient: vertical;
}

/* Footer */
.sc-footer {
	text-align: center; padding: 16px 24px 24px;
	border-top: 1px solid var(--border);
}
.sc-view-all {
	display: inline-flex; align-items: center; gap: 6px;
	font-size: 0.88rem; font-weight: 600; color: var(--maroon);
	text-decoration: none; padding: 10px 24px; border: 2px solid var(--maroon);
	border-radius: 10px; transition: 0.2s;
}
.sc-view-all:hover { background: var(--maroon); color: #fff; }
.sc-view-all i { font-size: 0.75rem; }

@media (max-width: 480px) {
	.sc-modal { max-width: 100%; border-radius: 18px; }
	.sc-grid { gap: 12px; padding: 20px 16px; }
	.sc-item { width: 80px; height: 80px; padding: 10px 6px; }
	.sc-item-icon { width: 34px; height: 34px; font-size: 0.85rem; }
	.sc-item span { font-size: 0.58rem; max-width: 65px; }
}

/* ====================================================
   AD BANNER - DUMMY DESIGN
   ==================================================== */
.ad-dummy {
	display: flex; align-items: center; justify-content: space-between;
	padding: 16px 24px; background: linear-gradient(135deg, var(--cream) 0%, #fff 100%);
	border: 1.5px dashed var(--border); border-radius: 10px;
	gap: 16px;
}
.ad-dummy-left { display: flex; align-items: center; gap: 14px; flex: 1; }
.ad-dummy-badge {
	background: var(--maroon); color: #fff; font-size: 0.65rem;
	font-weight: 800; padding: 4px 10px; border-radius: 4px;
	letter-spacing: 1px; flex-shrink: 0;
}
.ad-dummy-text strong {
	display: block; font-size: 0.9rem; color: var(--charcoal);
	font-family: var(--font-head); margin-bottom: 2px;
}
.ad-dummy-text p { font-size: 0.78rem; color: var(--text-light); margin: 0; }
.ad-dummy-right { flex-shrink: 0; }
.ad-dummy-btn {
	display: inline-block; background: var(--gold); color: #fff;
	padding: 8px 20px; border-radius: 8px; font-size: 0.82rem;
	font-weight: 600; cursor: pointer; transition: 0.2s;
}
.ad-dummy-btn:hover { background: var(--gold-dark); }
@media (max-width: 576px) {
	.ad-dummy { flex-direction: column; text-align: center; padding: 14px 16px; }
	.ad-dummy-left { flex-direction: column; }
}

/* ====================================================
   AREA DETAIL PAGE - COLORFUL
   ==================================================== */

/* Hero Map */
.ad-map-hero { width: 100%; height: 320px; }
.ad-map-hero-map { width: 100%; height: 100%; }

/* Header Card */
.ad-header-card {
	background: #fff; border-radius: 14px; padding: 24px 28px;
	margin-top: -54px; position: relative; z-index: 400;
	box-shadow: 0 8px 30px rgba(0,0,0,0.1);
	border-left: 5px solid var(--maroon);
}
.ad-breadcrumb { font-size: 0.8rem; color: #888; margin-bottom: 10px; }
.ad-breadcrumb a { color: #888; text-decoration: none; }
.ad-breadcrumb a:hover { color: var(--maroon); }
.ad-breadcrumb span { color: #333; font-weight: 600; }
.ad-header-main {
	display: flex; align-items: center; justify-content: space-between;
	gap: 16px; flex-wrap: wrap;
}
.ad-header-card h1 {
	font-family: var(--font-head); font-size: 1.7rem; font-weight: 800;
	color: #111; margin: 0; line-height: 1.2;
}
.ad-header-sub { font-size: 0.88rem; color: #888; margin: 4px 0 0; }
.ad-header-sub i { color: var(--maroon); margin-right: 4px; }
.ad-pin-badge {
	display: flex; flex-direction: column; align-items: center;
	background: linear-gradient(135deg, var(--maroon), #c0392b);
	border-radius: 10px; padding: 10px 22px; text-align: center;
}
.ad-pin-badge span { font-size: 0.58rem; font-weight: 700; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 1.5px; }
.ad-pin-badge strong { font-family: var(--font-head); font-size: 1.4rem; font-weight: 800; color: #fff; }

/* Content: Main + Sidebar */
.ad-content {
	display: flex; gap: 32px; padding: 32px 0; align-items: flex-start;
}
.ad-content-main { flex: 1; min-width: 0; }
.ad-content-side { width: 300px; flex-shrink: 0; }

.ad-content-main h2 {
	font-family: var(--font-head); font-size: 1.12rem; font-weight: 700;
	color: #222; margin: 0 0 14px; padding-bottom: 10px;
	border-bottom: 2px solid #f0f0f0;
	display: flex; align-items: center; gap: 8px;
}
.ad-content-main h2 i { color: var(--maroon); font-size: 0.95rem; }
.ad-content-main p {
	font-size: 0.92rem; color: #444; line-height: 1.85; margin: 0 0 26px;
}

/* Landmarks */
.ad-landmark-list { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.ad-landmark {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 7px 16px; border-radius: 20px; font-size: 0.82rem; font-weight: 500;
	background: linear-gradient(135deg, #fef3f2, #fff1f0); color: #b91c1c;
	border: 1px solid #fecaca; transition: 0.2s;
}
.ad-landmark:hover { background: var(--maroon); color: #fff; border-color: var(--maroon); }
.ad-landmark i { font-size: 0.68rem; }
.ad-landmark:hover i { color: #fff; }

/* Sidebar */
.ad-side-box {
	border-radius: 12px; padding: 20px; margin-bottom: 16px;
}
.ad-side-highlight {
	background: linear-gradient(180deg, #fafbff 0%, #f0f4ff 100%);
	border: 1px solid #dde4f6;
}
.ad-side-links {
	background: #fff; border: 1px solid #eee;
}
.ad-side-box h3 {
	font-family: var(--font-head); font-size: 0.9rem; font-weight: 700;
	color: #222; margin: 0 0 14px; padding-bottom: 10px;
	border-bottom: 2px solid #e8ecf4;
	display: flex; align-items: center; gap: 8px;
}
.ad-side-box h3 i { color: var(--maroon); font-size: 0.82rem; }
.ad-side-list { list-style: none; padding: 0; margin: 0; }
.ad-side-list li {
	padding: 8px 0; font-size: 0.84rem; color: #555;
	border-bottom: 1px solid rgba(0,0,0,0.04);
	display: flex; align-items: center; gap: 10px;
}
.ad-side-list li:last-child { border-bottom: none; }
.ad-side-list li i { width: 18px; text-align: center; font-size: 0.75rem; color: #6366f1; }
.ad-side-list li strong { color: #111; font-weight: 600; }
.ad-side-list li a { color: var(--maroon); text-decoration: none; font-weight: 600; display: flex; align-items: center; gap: 10px; }
.ad-side-list li a:hover { color: #111; }
.ad-side-list li a i { color: var(--maroon); }

/* Business Section BG */
.ad-biz-bg { background: #f8f9fc; padding: 10px 0 20px; }

/* Section */
.ad-section { padding: 28px 0; }
.ad-section h2 {
	font-family: var(--font-head); font-size: 1.12rem; font-weight: 700;
	color: #222; margin: 0 0 20px; padding-bottom: 10px;
	border-bottom: 2px solid #f0f0f0;
	display: flex; align-items: center; gap: 8px;
}
.ad-section h2 i { color: var(--maroon); font-size: 0.95rem; }
.ad-more-btn {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 10px 24px; border-radius: 8px; font-size: 0.85rem; font-weight: 700;
	background: var(--maroon); color: #fff; text-decoration: none;
	transition: 0.2s;
}
.ad-more-btn:hover { background: #a03020; color: #fff; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.12); }

/* All Areas Table */
.ad-areas-table-wrap {
	max-height: 500px; overflow-y: auto; border-radius: 10px;
	border: 1px solid #e5e7eb;
}
.ad-areas-table {
	width: 100%; border-collapse: collapse; font-size: 0.85rem;
}
.ad-areas-table thead { position: sticky; top: 0; z-index: 2; }
.ad-areas-table thead tr {
	background: linear-gradient(135deg, var(--maroon), #a03020);
}
.ad-areas-table th {
	padding: 12px 16px; color: #fff; font-weight: 700;
	font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.5px;
	text-align: left;
}
.ad-areas-table td {
	padding: 10px 16px; color: #333; border-bottom: 1px solid #f3f4f6;
}
.ad-areas-table tbody tr { background: #fff; transition: background 0.15s; }
.ad-areas-table tbody tr:nth-child(even) { background: #fafbfd; }
.ad-areas-table tbody tr:hover { background: #fff5f5; }
.ad-areas-table td:first-child { color: #aaa; font-weight: 600; width: 50px; }
.ad-table-pin {
	display: inline-block; padding: 2px 10px; border-radius: 4px;
	font-size: 0.8rem; font-weight: 700; background: #f0f4ff; color: #4f46e5;
}
.ad-table-link {
	color: var(--maroon); font-weight: 600; text-decoration: none;
	font-size: 0.8rem; display: inline-flex; align-items: center; gap: 4px;
}
.ad-table-link:hover { text-decoration: underline; }
.ad-table-link i { font-size: 0.68rem; }

/* Responsive */
@media (max-width: 992px) {
	.ad-content { flex-direction: column; }
	.ad-content-side { width: 100%; }
}
@media (max-width: 768px) {
	.ad-map-hero { height: 220px; }
	.ad-header-card { margin-top: -36px; padding: 18px 20px; }
	.ad-header-card h1 { font-size: 1.3rem; }
	.ad-areas-table th, .ad-areas-table td { padding: 8px 10px; font-size: 0.78rem; }
}

/* ====================================================
   BLOG SYSTEM
   ==================================================== */

/* Blog Hero */
.bl-hero {
	background: linear-gradient(135deg, #7b2d26 0%, #4a1a16 100%);
	padding: 50px 0 40px; text-align: center;
}
.bl-hero h1 {
	font-family: var(--font-head); font-size: 2.2rem; font-weight: 800;
	color: #fff; margin: 0 0 8px;
}
.bl-hero p { font-size: 0.95rem; color: rgba(255,255,255,0.65); margin: 0; }

/* Blog Grid */
.bl-container { padding: 32px 0 40px; }
.bl-grid {
	display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
}
.bl-card {
	background: #fff; border-radius: 12px; overflow: hidden;
	border: 1px solid #eee; text-decoration: none; color: inherit;
	transition: transform 0.3s, box-shadow 0.3s;
	display: flex; flex-direction: column;
}
.bl-card:hover { transform: translateY(-5px); box-shadow: 0 12px 32px rgba(0,0,0,0.1); color: inherit; }
.bl-card-featured { grid-column: span 2; }
.bl-card-featured .bl-card-img { height: 280px; }
.bl-card-img {
	height: 200px; background-size: cover; background-position: center;
	background-color: #f0f0f0; position: relative;
}
.bl-card-img-ph {
	width: 100%; height: 100%; display: flex; align-items: center;
	justify-content: center; color: #ccc; font-size: 2rem;
}
.bl-card-cat {
	position: absolute; bottom: 10px; left: 10px;
	background: var(--maroon); color: #fff; padding: 4px 12px;
	border-radius: 4px; font-size: 0.7rem; font-weight: 700;
}
.bl-card-body { padding: 18px; flex: 1; display: flex; flex-direction: column; }
.bl-card-body h2 {
	font-family: var(--font-head); font-size: 1.05rem; font-weight: 700;
	color: #111; margin: 0 0 8px; line-height: 1.35;
}
.bl-card:hover .bl-card-body h2 { color: var(--maroon); }
.bl-card-body p {
	font-size: 0.84rem; color: #666; line-height: 1.6; margin: 0 0 12px;
	flex: 1;
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.bl-card-meta {
	display: flex; gap: 14px; font-size: 0.75rem; color: #999;
	border-top: 1px solid #f0f0f0; padding-top: 10px; margin-top: auto;
}
.bl-card-meta i { margin-right: 4px; }

/* Article Hero */
.bl-article-hero {
	height: 400px; background-size: cover; background-position: center;
	background-color: #1a1a2e; position: relative;
}
/* Title Section Below Hero */
.bl-title-section {
	padding: 28px 0 20px; border-bottom: 1px solid #eee;
	margin-bottom: 0; background: #fff;
}
.bl-breadcrumb { font-size: 0.8rem; margin-bottom: 12px; color: #888; }
.bl-breadcrumb a { color: #888; text-decoration: none; }
.bl-breadcrumb a:hover { color: var(--maroon); }
.bl-breadcrumb span { color: #333; }
.bl-article-cat {
	display: inline-block; background: var(--maroon); color: #fff;
	padding: 4px 14px; border-radius: 4px; font-size: 0.72rem;
	font-weight: 700; margin-bottom: 12px;
}
.bl-title-section h1 {
	font-family: var(--font-head); font-size: 2rem; font-weight: 800;
	color: #111; margin: 0 0 12px; line-height: 1.3;
}
.bl-article-meta {
	display: flex; gap: 16px; font-size: 0.82rem; color: #888;
}
.bl-article-meta i { margin-right: 4px; color: var(--maroon); }

/* Blog Layout: Content + Sidebar */
.bl-layout {
	display: flex; gap: 32px; padding: 32px 0 40px;
	align-items: flex-start;
}
.bl-main { flex: 1; min-width: 0; }
.bl-sidebar { width: 300px; flex-shrink: 0; position: sticky; top: 20px; }

/* Table of Contents */
.bl-toc {
	background: #f8fafc; border: 1px solid #e8ecf0;
	border-radius: 10px; margin-bottom: 28px; overflow: hidden;
}
.bl-toc-head {
	display: flex; justify-content: space-between; align-items: center;
	padding: 14px 18px; cursor: pointer; font-size: 0.9rem;
	font-weight: 700; color: #222; user-select: none;
}
.bl-toc-head i:first-child { color: var(--maroon); margin-right: 6px; }
.bl-toc-arrow { font-size: 0.7rem; color: #999; transition: transform 0.2s; }
.bl-toc-closed .bl-toc-arrow { transform: rotate(-90deg); }
.bl-toc-closed .bl-toc-list { display: none; }
.bl-toc-list {
	list-style: none; padding: 0 18px 14px; margin: 0;
	counter-reset: toc;
}
.bl-toc-list li {
	counter-increment: toc; padding: 5px 0;
	border-bottom: 1px solid #f0f0f0;
}
.bl-toc-list li:last-child { border-bottom: none; }
.bl-toc-list li a {
	font-size: 0.84rem; color: #444; text-decoration: none;
	display: block; transition: color 0.15s;
}
.bl-toc-list li a::before {
	content: counter(toc) ". "; font-weight: 700; color: var(--maroon);
}
.bl-toc-list li a:hover { color: var(--maroon); }
.bl-toc-sub { padding-left: 18px !important; }
.bl-toc-sub a::before { content: "- " !important; color: #999 !important; }

/* Blog Content Styles */
.bl-content {
	font-size: 1rem; color: #333; line-height: 1.9;
}
.bl-content h2 {
	font-family: var(--font-head); font-size: 1.25rem; font-weight: 700;
	color: #111; margin: 32px 0 14px; padding: 0 0 10px 0;
	border-left: none; background: none;
	border-bottom: 1px solid #eee;
	letter-spacing: -0.3px; line-height: 1.35;
}
.bl-content h3 {
	font-family: var(--font-head); font-size: 1.08rem; font-weight: 700;
	color: #222; margin: 24px 0 10px;
}
.bl-content p { margin: 0 0 16px; }
.bl-content ul, .bl-content ol { margin: 0 0 16px; padding-left: 24px; }
.bl-content li { margin-bottom: 5px; }
.bl-content p strong { font-weight: normal; color: inherit; }
.bl-content a { color: #2563eb; text-decoration: underline; }
.bl-content a:hover { color: var(--maroon); }
.bl-content img { max-width: 100%; border-radius: 8px; margin: 14px 0; }

/* Tags */
.bl-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0 20px; padding-top: 20px; border-top: 1px solid #eee; }
.bl-tag {
	display: inline-block; padding: 5px 14px; border-radius: 20px;
	font-size: 0.8rem; font-weight: 500; background: #f5f5f5;
	color: #666; text-decoration: none; border: 1px solid #eee;
}
.bl-tag:hover { background: var(--maroon); color: #fff; border-color: var(--maroon); }

/* Share */
.bl-share {
	padding: 18px 0; border-top: 1px solid #eee;
	display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
}
.bl-share strong { font-size: 0.85rem; color: #555; }
.bl-share-btns { display: flex; gap: 8px; }
.bl-share-btn {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 7px 14px; border-radius: 6px; font-size: 0.78rem;
	font-weight: 600; color: #fff; text-decoration: none; transition: 0.2s;
}
.bl-share-btn:hover { opacity: 0.85; color: #fff; transform: translateY(-1px); }
.bl-share-wa { background: #25D366; }
.bl-share-fb { background: #1877F2; }
.bl-share-tw { background: #1DA1F2; }

/* Sidebar Widgets */
.bl-widget {
	background: #fff; border: 1px solid #eee; border-radius: 10px;
	padding: 18px; margin-bottom: 18px;
}
.bl-widget h3 {
	font-family: var(--font-head); font-size: 0.92rem; font-weight: 700;
	color: #111; margin: 0 0 14px; padding-bottom: 10px;
	border-bottom: 2px solid var(--maroon);
}
.bl-search-form { display: flex; gap: 0; }
.bl-search-input {
	flex: 1; padding: 8px 12px; border: 1px solid #ddd;
	border-radius: 6px 0 0 6px; font-size: 0.84rem; outline: none;
}
.bl-search-input:focus { border-color: var(--maroon); }
.bl-search-form button {
	padding: 8px 14px; border: 1px solid var(--maroon); border-left: none;
	border-radius: 0 6px 6px 0; background: var(--maroon); color: #fff;
	cursor: pointer; font-size: 0.82rem;
}
.bl-widget-post {
	display: flex; gap: 12px; padding: 10px 0;
	border-bottom: 1px solid #f5f5f5; text-decoration: none; color: inherit;
}
.bl-widget-post:last-child { border-bottom: none; }
.bl-widget-post:hover strong { color: var(--maroon); }
.bl-widget-post-img {
	width: 60px; height: 50px; border-radius: 6px; flex-shrink: 0;
	background-size: cover; background-position: center; background-color: #f0f0f0;
	display: flex; align-items: center; justify-content: center;
	color: #ccc; font-size: 0.9rem;
}
.bl-widget-post strong {
	font-size: 0.82rem; color: #222; line-height: 1.35;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.bl-widget-post span { font-size: 0.72rem; color: #999; }
.bl-widget-links { list-style: none; padding: 0; margin: 0; }
.bl-widget-links li { padding: 7px 0; border-bottom: 1px solid #f5f5f5; }
.bl-widget-links li:last-child { border-bottom: none; }
.bl-widget-links li a {
	font-size: 0.84rem; color: #444; text-decoration: none;
	display: flex; align-items: center; gap: 8px;
}
.bl-widget-links li a:hover { color: var(--maroon); }
.bl-widget-links li a i { color: var(--maroon); width: 16px; font-size: 0.78rem; }

/* Responsive Blog */
@media (max-width: 992px) {
	.bl-grid { grid-template-columns: repeat(2, 1fr); }
	.bl-card-featured { grid-column: span 2; }
	.bl-layout { flex-direction: column; }
	.bl-sidebar { width: 100%; position: relative; top: 0; }
}
@media (max-width: 768px) {
	.bl-grid { grid-template-columns: 1fr; }
	.bl-card-featured { grid-column: span 1; }
	.bl-article-hero { height: 240px; }
	.bl-title-section h1 { font-size: 1.4rem; }
	.bl-hero h1 { font-size: 1.6rem; }
}


/* ====================================================
   LUCKNOW UNIVERSITY / EDUCATION PAGE
   ==================================================== */
.lu-hero {
	background: linear-gradient(135deg, #1e3a5f 0%, #0f1f38 60%, #0a1628 100%);
	position: relative; overflow: hidden; padding: 40px 0;
}
.lu-hero-pattern {
	position: absolute; inset: 0;
	background: repeating-linear-gradient(90deg, transparent, transparent 80px, rgba(255,255,255,0.02) 80px, rgba(255,255,255,0.02) 81px);
	pointer-events: none;
}
.lu-hero-inner {
	display: flex; gap: 32px; align-items: flex-start;
	position: relative; z-index: 1;
}
.lu-hero-left { flex: 1; }
.lu-breadcrumb { font-size: 0.78rem; color: rgba(255,255,255,0.4); margin-bottom: 14px; }
.lu-breadcrumb a { color: rgba(255,255,255,0.4); text-decoration: none; }
.lu-breadcrumb a:hover { color: #fff; }
.lu-breadcrumb span { color: rgba(255,255,255,0.7); }
.lu-hero-badge {
	display: inline-flex; align-items: center; gap: 6px;
	background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.15);
	padding: 5px 14px; border-radius: 6px; font-size: 0.75rem;
	font-weight: 700; color: #f59e0b; margin-bottom: 14px;
}
.lu-hero h1 {
	font-family: var(--font-head); font-size: 2.2rem; font-weight: 800;
	color: #fff; margin: 0 0 8px; line-height: 1.2;
}
.lu-hero-tagline { font-size: 1rem; color: rgba(255,255,255,0.6); margin: 0 0 20px; }
.lu-hero-stats {
	display: inline-flex; gap: 2px; background: rgba(0,0,0,0.3);
	border-radius: 8px; overflow: hidden; margin-bottom: 20px;
}
.lu-stat {
	padding: 12px 20px; text-align: center; background: rgba(255,255,255,0.05);
}
.lu-stat strong { display: block; font-family: var(--font-head); font-size: 1.15rem; font-weight: 800; color: #fff; }
.lu-stat span { font-size: 0.65rem; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 0.5px; }
.lu-hero-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.lu-btn {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 10px 22px; border-radius: 8px; font-size: 0.85rem;
	font-weight: 700; text-decoration: none; transition: 0.2s;
}
.lu-btn-primary { background: #f59e0b; color: #000; }
.lu-btn-primary:hover { background: #d97706; color: #000; transform: translateY(-2px); }
.lu-btn-outline { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.3); }
.lu-btn-outline:hover { background: rgba(255,255,255,0.1); color: #fff; }
.lu-hero-right { width: 300px; flex-shrink: 0; }
.lu-info-card {
	background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);
	border-radius: 12px; padding: 20px; backdrop-filter: blur(4px);
}
.lu-info-card h3 { font-size: 0.88rem; font-weight: 700; color: #fff; margin: 0 0 14px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.1); }
.lu-info-card h3 i { color: #f59e0b; margin-right: 6px; }
.lu-info-card ul { list-style: none; padding: 0; margin: 0; }
.lu-info-card li { padding: 6px 0; font-size: 0.82rem; color: rgba(255,255,255,0.7); display: flex; align-items: flex-start; gap: 10px; }
.lu-info-card li i { color: #f59e0b; width: 16px; margin-top: 3px; font-size: 0.75rem; }
.lu-info-card li a { color: #60a5fa; text-decoration: none; }
.lu-info-card li a:hover { text-decoration: underline; }
.lu-section { padding: 36px 0; }
.lu-section-alt { background: #f8fafc; }
.lu-section-title {
	font-family: var(--font-head); font-size: 1.3rem; font-weight: 800;
	color: #1e3a5f; margin: 0 0 24px; display: flex; align-items: center; gap: 10px;
	padding-bottom: 12px; border-bottom: 3px solid #1e3a5f;
}
.lu-section-title i { color: #f59e0b; }
.lu-about-grid { display: flex; gap: 28px; }
.lu-about-text { flex: 1; font-size: 0.92rem; color: #444; line-height: 1.8; }
.lu-about-text p { margin: 0 0 14px; }
.lu-about-highlights { width: 280px; flex-shrink: 0; display: flex; flex-direction: column; gap: 12px; }
.lu-highlight { display: flex; align-items: center; gap: 14px; padding: 14px 16px; background: #fff; border-radius: 10px; border: 1px solid #e2e8f0; }
.lu-highlight i { font-size: 1.3rem; color: #1e3a5f; width: 30px; }
.lu-highlight strong { display: block; font-size: 1rem; color: #111; }
.lu-highlight span { font-size: 0.75rem; color: #888; }
.lu-course-block { margin-bottom: 32px; }
.lu-course-head { font-family: var(--font-head); font-size: 1.05rem; font-weight: 700; color: #333; margin: 0 0 16px; display: flex; align-items: center; gap: 8px; }
.lu-course-head i { color: #1e3a5f; }
.lu-course-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.lu-course-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 20px; transition: transform 0.2s, box-shadow 0.2s; }
.lu-course-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.06); }
.lu-course-icon { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1rem; margin-bottom: 12px; }
.lu-course-card h4 { font-size: 0.95rem; font-weight: 700; color: #1e3a5f; margin: 0 0 8px; }
.lu-course-card p { font-size: 0.8rem; color: #666; line-height: 1.6; margin: 0 0 10px; }
.lu-course-meta { display: flex; gap: 12px; flex-wrap: wrap; }
.lu-course-meta span { font-size: 0.72rem; font-weight: 600; color: #888; background: #f5f5f5; padding: 3px 10px; border-radius: 4px; }
.lu-steps { display: flex; flex-direction: column; gap: 0; }
.lu-step { display: flex; gap: 18px; align-items: flex-start; padding: 20px 0; border-bottom: 1px solid #f0f0f0; }
.lu-step:last-child { border-bottom: none; }
.lu-step-num { width: 40px; height: 40px; border-radius: 50%; background: #1e3a5f; color: #fff; font-family: var(--font-head); font-size: 1.1rem; font-weight: 800; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.lu-step h4 { font-size: 0.95rem; font-weight: 700; color: #1e3a5f; margin: 0 0 4px; }
.lu-step p { font-size: 0.85rem; color: #555; margin: 0; line-height: 1.6; }
.lu-step a { color: #2563eb; }
.lu-dept-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.lu-dept-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 18px; transition: transform 0.2s; }
.lu-dept-card:hover { transform: translateY(-3px); box-shadow: 0 6px 18px rgba(0,0,0,0.05); }
.lu-dept-icon { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 0.9rem; margin-bottom: 10px; }
.lu-dept-card h4 { font-size: 0.9rem; font-weight: 700; color: #1e3a5f; margin: 0 0 6px; }
.lu-dept-card p { font-size: 0.78rem; color: #666; line-height: 1.5; margin: 0; }
.lu-facility-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }
.lu-facility { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 20px 14px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; text-align: center; }
.lu-facility i { font-size: 1.5rem; color: #1e3a5f; }
.lu-facility strong { font-size: 0.88rem; color: #222; }
.lu-facility span { font-size: 0.75rem; color: #888; line-height: 1.4; }
.lu-location-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.lu-map-box { height: 300px; border-radius: 10px; overflow: hidden; border: 1px solid #e2e8f0; }
.lu-reach-info { display: flex; flex-direction: column; gap: 4px; }
.lu-reach-item { display: flex; gap: 14px; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid #f0f0f0; }
.lu-reach-item:last-child { border-bottom: none; }
.lu-reach-item > i { font-size: 1rem; color: #1e3a5f; width: 24px; margin-top: 2px; }
.lu-reach-item strong { font-size: 0.88rem; color: #222; display: block; }
.lu-reach-item p { font-size: 0.8rem; color: #888; margin: 2px 0 0; }
.lu-alumni-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.lu-alumni { padding: 16px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; text-align: center; }
.lu-alumni strong { display: block; font-size: 0.9rem; color: #1e3a5f; margin-bottom: 2px; }
.lu-alumni span { font-size: 0.75rem; color: #888; }
@media (max-width: 992px) {
	.lu-hero-inner { flex-direction: column; }
	.lu-hero-right { width: 100%; }
	.lu-about-grid { flex-direction: column; }
	.lu-about-highlights { width: 100%; flex-direction: row; flex-wrap: wrap; }
	.lu-highlight { flex: 1; min-width: 140px; }
	.lu-location-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
	.lu-hero h1 { font-size: 1.5rem; }
	.lu-hero-stats { flex-wrap: wrap; }
	.lu-course-grid { grid-template-columns: 1fr; }
	.lu-dept-grid { grid-template-columns: 1fr 1fr; }
	.lu-facility-grid { grid-template-columns: 1fr 1fr; }
}

/* ====================================================
   REVIEW SUMMARY BAR (Amazon/Google Style)
   ==================================================== */
.rv-summary-strip {
	background: #fff; border-bottom: 1px solid #e5e5e5;
	padding: 24px 0;
}
.rv-summary {
	display: flex; align-items: center; gap: 40px;
}

/* Left: Big Rating */
.rv-left {
	display: flex; align-items: center; gap: 14px; flex-shrink: 0;
}
.rv-big-num {
	font-family: var(--font-head); font-size: 3rem; font-weight: 800;
	color: #333; line-height: 1;
}
.rv-left-info { display: flex; flex-direction: column; gap: 4px; }
.rv-stars-big i { font-size: 1rem; color: #E8622C; }
.rv-stars-big i.far { color: #ccc; }
.rv-left-info span { font-size: 0.82rem; color: #888; }

/* Center: Bar Chart */
.rv-bars { flex: 1; display: flex; flex-direction: column; gap: 6px; }
.rv-bar-row {
	display: flex; align-items: center; gap: 8px;
}
.rv-bar-label {
	font-size: 0.82rem; font-weight: 600; color: #E8622C;
	min-width: 32px; text-align: right; white-space: nowrap;
}
.rv-bar-label i { font-size: 0.7rem; }
.rv-bar-track {
	flex: 1; height: 12px; background: #e5e5e5;
	border-radius: 2px; overflow: hidden;
}
.rv-bar-fill {
	height: 100%; background: #E8622C; border-radius: 2px;
	transition: width 0.6s ease;
}
.rv-bar-count {
	font-size: 0.82rem; color: #666; min-width: 36px;
	text-align: right; font-weight: 500;
}

/* Right: Write Review Button */
.rv-right { flex-shrink: 0; }
.rv-write-btn {
	display: inline-block; padding: 12px 32px;
	border: 2px solid #E8622C; border-radius: 4px;
	color: #E8622C; font-size: 0.92rem; font-weight: 700;
	text-decoration: none; transition: 0.2s;
	white-space: nowrap;
}
.rv-write-btn:hover {
	background: #E8622C; color: #fff;
}

/* Responsive */
@media (max-width: 768px) {
	.rv-summary { flex-direction: column; gap: 20px; align-items: stretch; }
	.rv-left { justify-content: center; }
	.rv-right { text-align: center; }
	.rv-big-num { font-size: 2.2rem; }
}

/* ====================================================
   BUSINESS DETAIL - PHOTO GRID + HEADER
   ==================================================== */

/* Photo Grid (Airbnb style) */
.bd-photo-grid {
	display: flex; gap: 6px; border-radius: 14px;
	overflow: hidden; height: 340px;
}
.bd-photo-main {
	flex: 1.2; cursor: pointer; overflow: hidden;
	position: relative;
}
.bd-photo-main img {
	width: 100%; height: 100%; object-fit: cover;
	transition: transform 0.3s;
}
.bd-photo-main:hover img { transform: scale(1.03); }
.bd-photo-side {
	flex: 1; display: grid;
	grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr;
	gap: 6px;
}
.bd-photo-thumb {
	cursor: pointer; overflow: hidden; position: relative;
}
.bd-photo-thumb img {
	width: 100%; height: 100%; object-fit: cover;
	transition: transform 0.3s;
}
.bd-photo-thumb:hover img { transform: scale(1.05); }
.bd-photo-last { position: relative; }
.bd-photo-more {
	position: absolute; bottom: 10px; right: 10px;
	background: #fff; color: #222; padding: 7px 16px;
	border-radius: 8px; font-size: 0.8rem; font-weight: 600;
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	display: flex; align-items: center; gap: 6px;
	cursor: pointer;
}
.bd-photo-more:hover { background: #f5f5f5; }
.bd-photo-placeholder {
	width: 100%; height: 100%; display: flex;
	align-items: center; justify-content: center;
	background: #f0f0f0; color: #ccc; font-size: 2rem;
}
.bd-photo-thumb .bd-photo-placeholder { font-size: 1.2rem; }

/* Header Bar */
.bd-header-bar {
	display: flex; align-items: flex-start;
	justify-content: space-between; gap: 20px;
	padding: 20px 0 16px;
	border-bottom: 1px solid #eee;
	margin-bottom: 0;
}
.bd-header-left h1 {
	font-family: var(--font-head); font-size: 1.6rem;
	font-weight: 800; color: #111; margin: 0 0 6px;
}
.bd-header-info {
	display: flex; gap: 18px; flex-wrap: wrap;
	font-size: 0.88rem; color: #555;
}
.bd-header-info span {
	display: inline-flex; align-items: center; gap: 5px;
}
.bd-header-info i { font-size: 0.78rem; }
.bd-header-right {
	display: flex; align-items: center; gap: 20px;
	flex-shrink: 0;
}
.bd-header-rating {
	display: flex; align-items: center; gap: 10px;
}
.bd-header-rating-num {
	font-family: var(--font-head); font-size: 2.2rem;
	font-weight: 800; color: #222; line-height: 1;
}
.bd-header-stars i { color: #E8622C; font-size: 0.9rem; }
.bd-header-stars i.far { color: #ddd; }
.bd-header-rev-count {
	font-size: 0.78rem; color: #888; display: block;
	margin-top: 2px;
}
.bd-header-actions {
	display: flex; gap: 8px;
}
.bd-header-actions button {
	background: none; border: 1px solid #ddd;
	padding: 8px 16px; border-radius: 8px;
	font-size: 0.82rem; font-weight: 600; color: #333;
	cursor: pointer; display: flex; align-items: center;
	gap: 6px; transition: 0.15s;
}
.bd-header-actions button:hover {
	border-color: #111; background: #f9f9f9;
}

/* Responsive */
@media (max-width: 768px) {
	.bd-photo-grid { height: 220px; border-radius: 10px; }
	.bd-photo-side { display: none; }
	.bd-photo-main { flex: 1; }
	.bd-header-bar { flex-direction: column; gap: 12px; }
	.bd-header-left h1 { font-size: 1.3rem; }
	.bd-header-right { width: 100%; justify-content: space-between; }
	.bd-header-rating-num { font-size: 1.6rem; }
}

/* ====================================================
   BUSINESS DETAIL - CLEAN SIMPLE SECTIONS
   ==================================================== */
.bd-section { margin-bottom: 28px; }
.bd-section h2 {
	font-family: 'Inter', sans-serif; font-size: 1.15rem; font-weight: 700;
	color: #111; margin: 0 0 14px; padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.bd-section p { font-size: 0.92rem; color: #444; line-height: 1.8; margin: 0 0 12px; }

/* Simple hours table */
.bd-hours-table { width: 100%; border-collapse: collapse; }
.bd-hours-table td {
	padding: 9px 0; font-size: 0.88rem; color: #333;
	border-bottom: 1px solid #f5f5f5;
}
.bd-hours-table td:first-child { font-weight: 600; color: #555; width: 140px; }
.bd-hours-table td:last-child { font-weight: 600; }
.bd-hours-table small { color: #059669; font-weight: 600; }
.bd-today { background: #f0fdf4; }
.bd-today td { color: #059669 !important; }

/* Sidebar title - no icon */
.bd-sidebar-title {
	font-family: 'Inter', sans-serif; font-size: 0.92rem; font-weight: 700;
	color: #111; margin: 0 0 12px; padding-bottom: 8px;
	border-bottom: 1px solid #eee;
}
.bd-sidebar-title i { display: none; }

/* Social row in sidebar */
.bd-social-row {
	display: flex; gap: 8px; margin-top: 12px; padding-top: 12px;
	border-top: 1px solid #f0f0f0;
}
.bd-social-row a {
	width: 34px; height: 34px; border-radius: 50%;
	background: #f5f5f5; color: #555;
	display: flex; align-items: center; justify-content: center;
	font-size: 0.85rem; text-decoration: none; transition: 0.2s;
}
.bd-social-row a:hover { background: #E8622C; color: #fff; }

/* Details table in sidebar */
.bd-details-table { width: 100%; border-collapse: collapse; }
.bd-details-table td {
	padding: 7px 0; font-size: 0.84rem; color: #444;
	border-bottom: 1px solid #f5f5f5;
}
.bd-details-table td:first-child { color: #888; width: 90px; }
.bd-details-table a { color: #2563eb; text-decoration: none; }
.bd-details-table a:hover { text-decoration: underline; }

/* Override title font */
.bd-header-left h1 {
	font-family: 'Inter', sans-serif !important;
	font-size: 1.6rem; font-weight: 800; color: #111;
	letter-spacing: -0.5px;
}

/* ====================================================
   AFFILIATE BOOKING BOX
   ==================================================== */
.bd-book-box { border: 2px solid #E8622C; border-radius: 12px; }
.bd-aff-list { display: flex; flex-direction: column; gap: 8px; }
.bd-aff-btn {
	display: flex; align-items: center; justify-content: space-between;
	padding: 12px 16px; border-radius: 8px; text-decoration: none;
	border: 1px solid #e5e5e5; transition: 0.2s; background: #fff;
}
.bd-aff-btn:hover { border-color: #E8622C; box-shadow: 0 4px 12px rgba(0,0,0,0.06); transform: translateY(-1px); }
.bd-aff-name { font-size: 0.88rem; font-weight: 700; color: #222; display: flex; align-items: center; gap: 8px; }
.bd-aff-name i { font-size: 0.85rem; }
.bd-aff-action { font-size: 0.78rem; font-weight: 600; color: #E8622C; display: flex; align-items: center; gap: 4px; }
.bd-aff-action i { font-size: 0.65rem; }
.bd-aff-booking .bd-aff-name { color: #003580; }
.bd-aff-mmt .bd-aff-name { color: #E8622C; }
.bd-aff-goibibo .bd-aff-name { color: #f26522; }
.bd-aff-agoda .bd-aff-name { color: #5b2d8e; }
.bd-aff-trivago .bd-aff-name { color: #007faf; }
.bd-aff-booking { border-color: #003580; }
.bd-aff-mmt { border-color: #E8622C; }
.bd-aff-goibibo { border-color: #f26522; }
.bd-aff-agoda { border-color: #5b2d8e; }
.bd-aff-trivago { border-color: #007faf; }

/* Direction Button */
.bd-direction-btn {
	display: block; text-align: center; padding: 12px;
	font-size: 0.88rem; font-weight: 700; color: #E8622C;
	text-decoration: none; border-top: 1px solid #eee;
	margin-top: 10px; transition: 0.2s;
}
.bd-direction-btn:hover { color: #fff; background: #E8622C; border-radius: 0 0 10px 10px; margin: 10px -18px -18px; padding: 12px 18px; }
.bd-direction-btn i { margin-right: 6px; }

/* ====================================================
   WORDPRESS SPECIFIC OVERRIDES
   ==================================================== */
/* Reset WP defaults */
body.page, body.single, body.archive, body.search, body.home, body.error404 {
	font-family: var(--font-body); background: var(--bg); color: var(--text);
	line-height: 1.65; margin: 0; padding: 0;
}
.entry-content, .entry-summary { margin: 0; padding: 0; }
.wp-block-post-content { margin: 0; }
.site-content { overflow: visible; }

/* Fix WP image handling - use URL from meta */
.lc-card-img[data-bg] { background-size: cover; background-position: center; }

/* Fix WP admin bar overlap */
body.admin-bar .lc-nav { top: 32px; }
@media (max-width: 782px) { body.admin-bar .lc-nav { top: 46px; } }

/* Fix WP default link styles */
a:focus, a:active { outline: none; }
.lc-card a, .lc-card a:hover { text-decoration: none; }

/* Navigation mobile fix for WordPress */
@media (max-width: 992px) {
	.lc-nav-links {
		display: none; position: fixed; top: 0; left: 0;
		width: 280px; height: 100vh; background: #fff;
		flex-direction: column; padding: 80px 20px 20px;
		box-shadow: 4px 0 20px rgba(0,0,0,0.1); z-index: 999;
		gap: 0; overflow-y: auto;
	}
	.lc-nav-links.lc-nav-open { display: flex; }
	.lc-nav-link { padding: 12px 16px; width: 100%; border-bottom: 1px solid #f0f0f0; }
	.lc-nav-search { max-width: 100%; margin: 0; display: none; }
	.lc-nav-actions { display: none; }
	.lc-hamburger { display: flex !important; }
	.lc-dd-menu {
		position: static; box-shadow: none; border: none;
		background: #f9f9f9; margin: 0; display: none;
		padding: 0;
	}
	.lc-nav-dropdown:hover .lc-dd-menu { display: block; }
	.lc-dd-menu a { padding: 10px 30px; }
	.lc-hero2-content h1 { font-size: 2rem; }
	.lc-hero2-search-box { flex-direction: column; }
	.lc-hero2-search-box button { width: 100%; border-radius: 8px; }
	.lc-hero2-search-box select { width: 100%; border-left: none; border-top: 1px solid #ddd; }
	.lc-hero2-search-box input { border-radius: 8px; }
	.lc-cat-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 576px) {
	.lc-cat-grid { grid-template-columns: repeat(2, 1fr); }
	.lc-hero2-content h1 { font-size: 1.5rem; }
	.lc-trust-row { grid-template-columns: 1fr 1fr; }
	.bd-photo-grid { height: 200px; }
	.bd-photo-side { display: none; }
	.bd-header-bar { flex-direction: column; gap: 12px; }
	.bd-header-right { width: 100%; }
}

/* Hamburger button */
.lc-hamburger {
	display: none; background: none; border: 1px solid #ddd;
	padding: 8px 12px; border-radius: 6px; font-size: 1.1rem;
	color: #333; cursor: pointer; align-items: center; justify-content: center;
}
@media (min-width: 993px) { .lc-hamburger { display: none !important; } }
@media (max-width: 992px) { .lc-hamburger { display: flex !important; } }

/* WordPress pagination */
.nav-links { display: flex; gap: 6px; justify-content: center; margin: 30px 0; }
.nav-links a, .nav-links span {
	display: inline-flex; align-items: center; justify-content: center;
	width: 38px; height: 38px; border-radius: 8px; font-size: 0.85rem;
	font-weight: 600; text-decoration: none;
	border: 1px solid #ddd; color: #333;
}
.nav-links .current { background: #E8622C; color: #fff; border-color: #E8622C; }
.nav-links a:hover { background: #f5f5f5; }

/* ====================================================
   PIN CODE / POSTAL DETAIL TABLE (Blue Header Style)
   ==================================================== */
.pc-detail-table { overflow: hidden; border-radius: 8px; border: 1px solid #ddd; }
.pc-detail-table table { width: 100%; border-collapse: collapse; }
.pc-detail-table thead tr { background: linear-gradient(135deg, #003d7a, #00528a); }
.pc-detail-table th {
	padding: 14px 20px; color: #fff; font-size: 0.92rem; font-weight: 700;
	text-align: left;
}
.pc-detail-table th:first-child { width: 40%; }
.pc-detail-table td {
	padding: 11px 20px; font-size: 0.88rem; color: #333;
	border-bottom: 1px solid #eee;
}
.pc-detail-table td:first-child {
	font-weight: 600; color: #555; background: #f9fafb;
}
.pc-detail-table tbody tr:nth-child(even) td { background: #f5f7fa; }
.pc-detail-table tbody tr:nth-child(even) td:first-child { background: #eef1f5; }
.pc-detail-table tbody tr:hover td { background: #eef6ff; }
.pc-detail-table tbody tr:hover td:first-child { background: #e0edfa; }

@media (max-width: 576px) {
	.pc-detail-table th, .pc-detail-table td { padding: 9px 12px; font-size: 0.82rem; }
}


/* ====================================================
   NEW HOMEPAGE - Premium Nawabi + Modern UI
   ==================================================== */
.lc-newhero { position:relative; padding:80px 0 60px; overflow:hidden; min-height:520px; display:flex; align-items:center; }
.lc-newhero-bg { position:absolute; inset:0; background:linear-gradient(135deg,#1a0a00 0%,#2d1400 30%,#1a1a2e 70%,#0f0f23 100%); }
.lc-newhero-overlay { position:absolute; inset:0; background:url('https://images.unsplash.com/photo-1589308078059-be1415eab4c3?w=1400') center/cover no-repeat; opacity:0.15; }
.lc-newhero-pattern { position:absolute; inset:0; background:repeating-linear-gradient(45deg,transparent,transparent 30px,rgba(255,255,255,0.01) 30px,rgba(255,255,255,0.01) 31px); }
.lc-newhero-inner { position:relative; z-index:2; text-align:center; max-width:750px; margin:0 auto; }
.lc-newhero-badge { display:inline-flex; align-items:center; gap:8px; background:rgba(245,158,11,0.15); border:1px solid rgba(245,158,11,0.3); padding:8px 20px; border-radius:30px; font-size:0.8rem; font-weight:700; color:#f59e0b; margin-bottom:20px; }
.lc-newhero h1 { font-family:var(--font-head); font-size:2.8rem; font-weight:800; color:#fff; line-height:1.2; margin:0 0 14px; }
.lc-newhero h1 span { color:#f59e0b; }
.lc-newhero-desc { font-size:1.05rem; color:rgba(255,255,255,0.6); margin:0 0 28px; }
.lc-newhero-search-box { display:flex; background:rgba(255,255,255,0.95); border-radius:14px; overflow:hidden; box-shadow:0 8px 32px rgba(0,0,0,0.3); }
.lc-newhero-search-box i { padding:16px 0 16px 18px; color:#999; font-size:1rem; }
.lc-newhero-search-box input { flex:1; border:none; padding:16px 14px; font-size:0.95rem; background:transparent; outline:none; font-family:var(--font-body); }
.lc-newhero-search-box button { padding:14px 30px; background:#E8622C; color:#fff; border:none; font-size:0.92rem; font-weight:700; cursor:pointer; transition:0.2s; }
.lc-newhero-search-box button:hover { background:#c7511f; }
.lc-newhero-search { margin-bottom:20px; }
.lc-newhero-tags { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin-bottom:18px; }
.lc-newhero-tags > span { color:rgba(255,255,255,0.4); font-size:0.82rem; }
.lc-newhero-tags a { font-size:0.82rem; font-weight:600; color:rgba(255,255,255,0.7); background:rgba(255,255,255,0.08); padding:6px 14px; border-radius:20px; border:1px solid rgba(255,255,255,0.1); display:inline-flex; align-items:center; gap:5px; }
.lc-newhero-tags a:hover { background:rgba(255,255,255,0.15); color:#fff; }
.lc-mood-row { display:flex; justify-content:center; gap:8px; flex-wrap:wrap; }
.lc-mood-chip { font-size:0.78rem; padding:7px 16px; border-radius:20px; background:rgba(245,158,11,0.1); border:1px solid rgba(245,158,11,0.2); color:#f5c563; font-weight:500; text-decoration:none; }
.lc-mood-chip:hover { background:rgba(245,158,11,0.2); color:#ffd700; }
.lc-sec-head { text-align:center; margin-bottom:32px; }
.lc-sec-head h2 { font-family:var(--font-head); font-size:1.6rem; font-weight:800; color:#1a1a2e; margin:0 0 6px; }
.lc-sec-head p { color:#888; font-size:0.9rem; margin:0; }
.lc-newcats { padding:50px 0; background:#fff; }
.lc-newcats-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:16px; }
.lc-newcat-card { display:flex; flex-direction:column; align-items:center; gap:10px; padding:24px 12px; border-radius:16px; background:var(--cat-bg); text-decoration:none; transition:transform 0.3s,box-shadow 0.3s; }
.lc-newcat-card:hover { transform:translateY(-6px); box-shadow:0 12px 30px rgba(0,0,0,0.08); }
.lc-newcat-icon { width:52px; height:52px; border-radius:14px; background:#fff; display:flex; align-items:center; justify-content:center; font-size:1.2rem; color:var(--cat-color); box-shadow:0 4px 12px rgba(0,0,0,0.06); }
.lc-newcat-card span { font-size:0.8rem; font-weight:600; color:#333; text-align:center; }
.lc-trending { padding:50px 0; background:#faf9f7; }
.lc-trending-scroll { display:flex; gap:18px; overflow-x:auto; padding-bottom:10px; scrollbar-width:none; }
.lc-trending-scroll::-webkit-scrollbar { display:none; }
.lc-trend-card { min-width:240px; border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 2px 12px rgba(0,0,0,0.06); text-decoration:none; color:inherit; transition:transform 0.3s; flex-shrink:0; }
.lc-trend-card:hover { transform:translateY(-5px); box-shadow:0 12px 30px rgba(0,0,0,0.1); color:inherit; }
.lc-trend-img { height:160px; background-size:cover; background-position:center; background-color:#f0e6d6; position:relative; display:flex; align-items:center; justify-content:center; color:#ccc; font-size:2rem; }
.lc-trend-badge { position:absolute; top:10px; left:10px; background:rgba(0,0,0,0.6); color:#fff; padding:3px 10px; border-radius:6px; font-size:0.68rem; font-weight:700; }
.lc-trend-body { padding:14px; }
.lc-trend-body h3 { font-size:0.92rem; font-weight:700; color:#1a1a2e; margin:0 0 6px; }
.lc-trend-meta { display:flex; gap:12px; font-size:0.78rem; color:#888; }
.lc-trend-stars { color:#f59e0b; font-weight:700; }
.lc-gems { padding:50px 0; }
.lc-gems-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:18px; min-height:380px; }
.lc-gem-big { position:relative; border-radius:16px; overflow:hidden; }
.lc-gem-img { position:absolute; inset:0; background-size:cover; background-position:center; }
.lc-gem-overlay { position:absolute; inset:0; background:linear-gradient(transparent 30%,rgba(0,0,0,0.8)); display:flex; flex-direction:column; justify-content:flex-end; padding:28px; }
.lc-gem-tag { display:inline-block; background:rgba(245,158,11,0.9); color:#fff; padding:3px 12px; border-radius:4px; font-size:0.7rem; font-weight:700; margin-bottom:10px; width:fit-content; }
.lc-gem-overlay h3 { color:#fff; font-size:1.4rem; font-weight:800; margin:0 0 6px; }
.lc-gem-overlay p { color:rgba(255,255,255,0.7); font-size:0.88rem; margin:0 0 12px; }
.lc-gem-overlay a { color:#f59e0b; font-weight:700; font-size:0.88rem; display:inline-flex; align-items:center; gap:6px; }
.lc-gem-small { display:flex; flex-direction:column; gap:18px; }
.lc-gem-card { display:flex; border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 2px 12px rgba(0,0,0,0.05); flex:1; }
.lc-gem-card-img { width:140px; flex-shrink:0; background-size:cover; background-position:center; }
.lc-gem-card-body { padding:18px; display:flex; flex-direction:column; justify-content:center; }
.lc-gem-card-body h4 { font-size:0.95rem; font-weight:700; color:#1a1a2e; margin:6px 0 4px; }
.lc-gem-card-body p { font-size:0.8rem; color:#888; margin:0; }
.lc-why { padding:50px 0; background:#faf9f7; }
.lc-why-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.lc-why-card { background:#fff; border-radius:16px; padding:28px 20px; text-align:center; box-shadow:0 2px 12px rgba(0,0,0,0.04); transition:transform 0.3s; }
.lc-why-card:hover { transform:translateY(-5px); }
.lc-why-icon { width:56px; height:56px; border-radius:16px; display:flex; align-items:center; justify-content:center; font-size:1.3rem; margin:0 auto 14px; }
.lc-why-card h3 { font-size:0.95rem; font-weight:700; color:#1a1a2e; margin:0 0 6px; }
.lc-why-card p { font-size:0.82rem; color:#888; margin:0; }
.lc-testi { padding:50px 0; }
.lc-testi-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.lc-testi-card { background:#fff; border:1px solid #f0f0f0; border-radius:16px; padding:24px; }
.lc-testi-head { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.lc-testi-avatar { width:40px; height:40px; border-radius:50%; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; flex-shrink:0; }
.lc-testi-head strong { font-size:0.88rem; display:block; }
.lc-testi-head > div > span { font-size:0.75rem; color:#888; }
.lc-testi-stars { margin-left:auto; color:#f59e0b; font-size:0.75rem; }
.lc-testi-card p { font-size:0.88rem; color:#555; line-height:1.6; margin:0; font-style:italic; }
.lc-newcta { padding:50px 0; background:linear-gradient(135deg,#1a0a00,#2d1400,#1a1a2e); }
.lc-newcta-inner { display:flex; align-items:center; gap:40px; }
.lc-newcta-left { flex:1; }
.lc-newcta-left h2 { font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#fff; margin:0 0 10px; }
.lc-newcta-left p { color:rgba(255,255,255,0.6); margin:0 0 16px; }
.lc-newcta-features { display:flex; gap:16px; flex-wrap:wrap; margin-bottom:20px; }
.lc-newcta-features span { font-size:0.82rem; color:rgba(255,255,255,0.8); display:inline-flex; align-items:center; gap:6px; }
.lc-newcta-features i { color:#f59e0b; }
.lc-newcta-btn { display:inline-flex; align-items:center; gap:8px; padding:14px 30px; background:#f59e0b; color:#000; border-radius:10px; font-weight:700; text-decoration:none; transition:0.2s; }
.lc-newcta-btn:hover { background:#fbbf24; transform:translateY(-2px); color:#000; }
.lc-newcta-right { display:flex; gap:2px; background:rgba(255,255,255,0.05); border-radius:14px; overflow:hidden; }
.lc-newcta-stat { padding:24px 28px; text-align:center; }
.lc-newcta-stat strong { display:block; font-family:var(--font-head); font-size:1.6rem; font-weight:800; color:#fff; }
.lc-newcta-stat span { font-size:0.72rem; color:rgba(255,255,255,0.5); text-transform:uppercase; }
.lc-today { padding:50px 0; background:#faf9f7; }
.lc-today-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.lc-today-card { display:flex; flex-direction:column; align-items:center; gap:8px; padding:24px 16px; background:#fff; border-radius:14px; text-decoration:none; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,0.04); transition:transform 0.3s; }
.lc-today-card:hover { transform:translateY(-4px); box-shadow:0 8px 24px rgba(0,0,0,0.08); }
.lc-today-card strong { font-size:0.9rem; color:#1a1a2e; }
.lc-today-card span { font-size:0.78rem; color:#888; }
@media (max-width:992px) {
.lc-newcats-grid { grid-template-columns:repeat(4,1fr); }
.lc-gems-grid { grid-template-columns:1fr; }
.lc-gem-big { min-height:280px; }
.lc-why-grid { grid-template-columns:repeat(2,1fr); }
.lc-testi-grid { grid-template-columns:1fr; }
.lc-newcta-inner { flex-direction:column; text-align:center; }
.lc-newcta-features { justify-content:center; }
.lc-today-grid { grid-template-columns:repeat(2,1fr); }
.lc-newhero h1 { font-size:2rem; }
}
@media (max-width:576px) {
.lc-newcats-grid { grid-template-columns:repeat(3,1fr); gap:10px; }
.lc-newcat-card { padding:16px 8px; }
.lc-newhero h1 { font-size:1.5rem; }
.lc-newhero-search-box { flex-direction:column; border-radius:12px; }
.lc-newhero-search-box button { border-radius:0 0 12px 12px; }
.lc-why-grid { grid-template-columns:1fr 1fr; }
.lc-today-grid { grid-template-columns:1fr 1fr; }
.lc-gem-card { flex-direction:column; }
.lc-gem-card-img { width:100%; height:140px; }
}


/* ====================================================
   SLIDER / CAROUSEL + PLACES SECTION
   ==================================================== */

/* Section Head with Arrows */
.lc-sec-head-row { display:flex; justify-content:space-between; align-items:center; margin-bottom:28px; flex-wrap:nowrap; gap:12px; }
.lc-sec-head-row > div:first-child { flex:1; min-width:0; }
.lc-sec-head-row h2 { font-family:var(--font-head); font-size:1.6rem; font-weight:800; color:#1a1a2e; margin:0 0 4px; }
.lc-sec-head-row p { color:#888; font-size:0.9rem; margin:0; }
.lc-slider-arrows { display:flex; gap:8px; flex-shrink:0; align-items:center; }
.lc-arrow {
	width:40px; height:40px; border-radius:50%; border:1px solid #ddd;
	background:#fff; color:#333; display:flex; align-items:center; justify-content:center;
	cursor:pointer; font-size:0.85rem; transition:0.2s;
}
.lc-arrow:hover { background:#1a1a2e; color:#fff; border-color:#1a1a2e; }

/* Slider */
.lc-slider-wrap { overflow:hidden; }
.lc-slider-track {
	display:flex; gap:18px; overflow-x:auto; scroll-behavior:smooth;
	scrollbar-width:none; padding:4px 0;
}
.lc-slider-track::-webkit-scrollbar { display:none; }
.lc-slide { min-width:280px; flex-shrink:0; }

/* Trending Card (updated) */
.lc-trend-card { display:block; border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 2px 12px rgba(0,0,0,0.06); text-decoration:none; color:inherit; transition:transform 0.3s,box-shadow 0.3s; }
.lc-trend-card:hover { transform:translateY(-5px) scale(1.02); box-shadow:0 16px 40px rgba(0,0,0,0.12); color:inherit; }
.lc-trend-img { height:170px; background-size:cover; background-position:center; background-color:#f0e6d6; position:relative; display:flex; align-items:center; justify-content:center; color:#ccc; font-size:2rem; }
.lc-trend-badge { position:absolute; top:10px; left:10px; background:rgba(0,0,0,0.65); color:#fff; padding:4px 12px; border-radius:6px; font-size:0.7rem; font-weight:700; backdrop-filter:blur(4px); }
.lc-trend-body { padding:14px 16px; }
.lc-trend-body h3 { font-size:0.95rem; font-weight:700; color:#1a1a2e; margin:0 0 8px; line-height:1.3; }
.lc-trend-meta { display:flex; gap:14px; font-size:0.8rem; color:#888; margin-bottom:6px; }
.lc-trend-stars { color:#f59e0b; font-weight:700; }
.lc-trend-stars i { font-size:0.72rem; }
.lc-trend-loc { color:#E8622C; font-weight:600; }
.lc-trend-loc i { color:#E8622C; font-size:0.72rem; }
.lc-trend-desc { font-size:0.8rem; color:#999; margin:0; line-height:1.4; }

/* Places Section */
.lc-places-section { padding:50px 0; }
.lc-place-card { display:block; border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 2px 12px rgba(0,0,0,0.06); text-decoration:none; color:inherit; transition:transform 0.3s,box-shadow 0.3s; }
.lc-place-card:hover { transform:translateY(-5px) scale(1.02); box-shadow:0 16px 40px rgba(0,0,0,0.12); color:inherit; }
.lc-place-img { height:180px; background-size:cover; background-position:center; background-color:#e8d5c0; position:relative; display:flex; align-items:center; justify-content:center; color:#ccc; font-size:2rem; }
.lc-place-tag { position:absolute; bottom:10px; left:10px; background:rgba(245,158,11,0.9); color:#fff; padding:4px 12px; border-radius:6px; font-size:0.7rem; font-weight:700; }
.lc-place-body { padding:14px 16px; }
.lc-place-body h3 { font-size:0.95rem; font-weight:700; color:#1a1a2e; margin:0 0 8px; }
.lc-place-meta { display:flex; gap:14px; font-size:0.8rem; }

/* Responsive slider */
@media (max-width:768px) {
	.lc-slide { min-width:220px; }
	/* .lc-sec-head-row column removed - arrows stay inline */
}


/* ====================================================
   LIKE / DISLIKE BUTTONS + MAP LINK ON CARDS
   ==================================================== */
.lc-card-actions-row {
	display:flex; justify-content:space-between; align-items:center;
	padding:8px 14px; border-bottom:1px solid #f0f0f0;
}
.lc-like-btns { display:flex; gap:6px; }
.lc-like-btn {
	display:inline-flex; align-items:center; gap:5px;
	padding:6px 14px; border-radius:8px; border:1px solid #ddd;
	background:#fff; color:#3b5998; font-size:0.82rem; font-weight:700;
	cursor:pointer; transition:all 0.3s ease; font-family:var(--font-body);
}
.lc-like-btn i { color:#3b5998; font-size:1.1rem; }
.lc-like-btn span { color:#3b5998; }
.lc-like-btn:hover { border-color:#3b5998; background:#eef1f8; }
.lc-like-btn.lc-dislike { background:#fff; color:#e0345b; border-color:#ddd; }
.lc-like-btn.lc-dislike i { color:#e0345b; font-size:1.1rem; }
.lc-like-btn.lc-dislike span { color:#e0345b; }
.lc-like-btn.lc-dislike:hover { border-color:#e0345b; background:#fdf0f3; }
.lc-like-btn i { font-size:0.85rem; transition:transform 0.3s ease; }
.lc-like-btn.lc-liked { background:#eef1f8; border-color:#3b5998; }
.lc-like-btn.lc-liked i { color:#3b5998; }
.lc-like-btn.lc-liked i { transform:scale(1.3); font-weight:900; }
.lc-like-btn.lc-dislike.lc-liked { background:#fdf0f3; border-color:#e0345b; }
.lc-like-btn.lc-dislike.lc-liked i { color:#e0345b; }
.lc-like-btn.lc-liked i.fa-thumbs-up { animation:lcBounce 0.5s ease; }
.lc-like-btn.lc-dislike.lc-liked i.fa-thumbs-down { animation:lcShake 0.5s ease; }
@keyframes lcBounce { 0%{transform:scale(1)} 30%{transform:scale(1.5) rotate(-10deg)} 60%{transform:scale(0.9)} 100%{transform:scale(1.3)} }
@keyframes lcShake { 0%{transform:scale(1)} 25%{transform:scale(1.3) rotate(10deg)} 50%{transform:scale(1.3) rotate(-10deg)} 75%{transform:scale(1.3) rotate(5deg)} 100%{transform:scale(1.3)} }

.lc-map-link {
	display:inline-flex; align-items:center; gap:5px;
	padding:5px 14px; border-radius:20px; background:#eef2ff;
	color:#4f46e5; font-size:0.78rem; font-weight:600;
	text-decoration:none; transition:0.2s; border:1px solid #e0e7ff;
}
.lc-map-link:hover { background:#4f46e5; color:#fff; border-color:#4f46e5; }
.lc-map-link i { font-size:0.8rem; }

/* Category listing section spacing */
.lc-cat-listing { padding:40px 0; }
.lc-cat-listing:nth-child(even) { background:#faf9f7; }


/* ====================================================
   CARD FIXES - Small Details Button + Place Like/Dislike + Responsive
   ==================================================== */

/* Bottom row: phone left, details button right */
.lc-card-bottom-row {
	display:flex; justify-content:space-between; align-items:center;
	margin-top:6px;
}
.lc-card-bottom-row .lc-card-phone { margin:0; }

/* Small details button */
.lc-card-btn-sm {
	display:inline-flex; align-items:center; gap:4px;
	padding:4px 12px; border-radius:6px; font-size:0.72rem;
	font-weight:600; color:#fff; background:#E8622C;
	text-decoration:none; transition:0.2s; white-space:nowrap;
}
.lc-card-btn-sm:hover { background:#c7511f; color:#fff; }
.lc-card-btn-sm i { font-size:0.6rem; }

/* Remove old card foot */
.lc-card-foot { display:none; }

/* Place card actions (like/dislike) */
.lc-place-actions {
	display:flex; justify-content:flex-start; margin-top:8px;
	padding-top:8px; border-top:1px solid #f0f0f0;
}
.lc-place-card { display:block; border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 2px 12px rgba(0,0,0,0.06); text-decoration:none; color:inherit; transition:transform 0.3s; }
.lc-place-card:hover { transform:translateY(-5px); box-shadow:0 12px 30px rgba(0,0,0,0.1); color:inherit; }
.lc-place-body a:hover { color:#E8622C !important; }

/* ====== FULL RESPONSIVE FIX ====== */
@media (max-width:992px) {
	/* Hero */
	.lc-newhero { padding:50px 0 40px; min-height:auto; }
	.lc-newhero h1 { font-size:1.8rem; }
	.lc-newhero-desc { font-size:0.9rem; }
	.lc-mood-row { gap:6px; }
	.lc-mood-chip { font-size:0.7rem; padding:5px 12px; }

	/* Categories */
	.lc-newcats-grid { grid-template-columns:repeat(4,1fr); gap:12px; }

	/* Cards */
	.lc-card { flex-direction:column; }
	.lc-card-img { width:100% !important; height:180px !important; min-height:180px !important; }

	/* Gems */
	.lc-gems-grid { grid-template-columns:1fr; }
	.lc-gem-big { min-height:260px; }
	.lc-gem-small { flex-direction:row; }
	.lc-gem-card { flex:1; flex-direction:column; }
	.lc-gem-card-img { width:100%; height:130px; }

	/* Why */
	.lc-why-grid { grid-template-columns:repeat(2,1fr); }

	/* Testimonials */
	.lc-testi-grid { grid-template-columns:1fr; }

	/* CTA */
	.lc-newcta-inner { flex-direction:column; text-align:center; }
	.lc-newcta-features { justify-content:center; }

	/* Today */
	.lc-today-grid { grid-template-columns:repeat(2,1fr); }

	/* Section heads */
	/* .lc-sec-head-row column removed - arrows stay inline */

	/* Sliders */
	.lc-slide { min-width:220px; }
}

@media (max-width:576px) {
	/* Hero */
	.lc-newhero { padding:40px 0 30px; }
	.lc-newhero h1 { font-size:1.4rem; }
	.lc-newhero-badge { font-size:0.7rem; padding:6px 14px; }
	.lc-newhero-search-box { flex-direction:column; border-radius:12px; }
	.lc-newhero-search-box input { border-radius:12px 12px 0 0; }
	.lc-newhero-search-box button { border-radius:0 0 12px 12px; padding:12px; }
	.lc-newhero-search-box i { display:none; }
	.lc-newhero-tags { gap:6px; }
	.lc-newhero-tags a { font-size:0.72rem; padding:4px 10px; }
	.lc-mood-row { gap:4px; }
	.lc-mood-chip { font-size:0.68rem; padding:4px 10px; }

	/* Categories */
	.lc-newcats-grid { grid-template-columns:repeat(3,1fr); gap:8px; }
	.lc-newcat-card { padding:14px 6px; gap:8px; }
	.lc-newcat-icon { width:42px; height:42px; font-size:1rem; }
	.lc-newcat-card span { font-size:0.7rem; }

	/* Cards responsive */
	.lc-card-img { height:160px !important; }
	.lc-card-actions-row { padding:6px 10px; }
	.lc-like-btn { padding:4px 8px; font-size:0.7rem; }
	.lc-map-link { padding:4px 10px; font-size:0.7rem; }

	/* Slider */
	.lc-slide { min-width:200px; }
	.lc-trend-img, .lc-place-img { height:140px; }

	/* Why */
	.lc-why-grid { grid-template-columns:1fr 1fr; gap:12px; }
	.lc-why-card { padding:20px 14px; }

	/* Today */
	.lc-today-grid { grid-template-columns:1fr 1fr; gap:10px; }
	.lc-today-card { padding:16px 10px; }

	/* Gems */
	.lc-gem-big { min-height:220px; }
	.lc-gem-overlay h3 { font-size:1.1rem; }
	.lc-gem-small { flex-direction:column; }
	.lc-gem-card-img { width:100%; height:120px; }

	/* CTA */
	.lc-newcta-stat { padding:16px 18px; }
	.lc-newcta-stat strong { font-size:1.2rem; }
	.lc-newcta-left h2 { font-size:1.3rem; }

	/* Section heads */
	.lc-sec-head h2 { font-size:1.2rem; }
	.lc-sec-head-row h2 { font-size:1.2rem; }

	/* Navbar mobile */
	.lc-topbar-inner { font-size:0.7rem; }
	.lc-topbar-right { gap:10px; }
	.lc-nav-inner { height:56px; gap:12px; }
	.lc-logo-name { font-size:1rem; }
}

@media (max-width:400px) {
	.lc-newcats-grid { grid-template-columns:repeat(2,1fr); }
	.lc-newhero h1 { font-size:1.2rem; }
	.lc-why-grid { grid-template-columns:1fr; }
}


/* ====================================================
   SHINE / COLOR / TEXT / FOOTER / RESPONSIVE FIXES
   ==================================================== */

/* 1. Text color - soft black */
body { color: #2d2d2d; }
.lc-card-body, .lc-card-address, .lc-card-phone, p, .fl-card-content { color: #3a3a3a; }
h1, h2, h3, h4, h5, h6 { color: #1a1a2e; }

/* 2. Website Shine - subtle gradient accents */
.lc-newcats { background: linear-gradient(180deg, #fff 0%, #fef9f5 100%); }
.lc-trending { background: linear-gradient(180deg, #faf8f5 0%, #fff 100%); }
.lc-why { background: linear-gradient(180deg, #fef9f5 0%, #fff5ee 100%); }
.lc-today { background: linear-gradient(180deg, #f8f6f3 0%, #fef9f5 100%); }
.lc-testi { background: linear-gradient(180deg, #fff 0%, #fefbf8 100%); }
.lc-cat-listing:nth-child(odd) { background: linear-gradient(180deg, #fefbf8 0%, #fff 100%); }

/* Cards shine on hover */
.lc-card:hover, .lc-trend-card:hover, .lc-place-card:hover, .lc-why-card:hover, .lc-testi-card:hover {
	box-shadow: 0 16px 40px rgba(232,98,44,0.08), 0 0 0 1px rgba(232,98,44,0.06);
}

/* 5. Footer Shine */
.lc-footer {
	background: linear-gradient(135deg, #1a0a00 0%, #2d1400 40%, #1a1a2e 100%) !important;
}
.lc-footer-grid { border-bottom: 1px solid rgba(255,255,255,0.08); padding-bottom: 30px; margin-bottom: 20px; }
.lc-footer-about p { color: rgba(255,255,255,0.5); }
.lc-footer-col h6 { color: #f59e0b !important; font-size: 0.9rem; margin-bottom: 14px; }
.lc-footer-col a { color: rgba(255,255,255,0.55) !important; display: block; padding: 4px 0; font-size: 0.84rem; }
.lc-footer-col a:hover { color: #f59e0b !important; padding-left: 4px; }
.lc-footer-social a { background: rgba(255,255,255,0.08); width: 36px; height: 36px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.6); margin-right: 6px; transition: 0.2s; }
.lc-footer-social a:hover { background: #f59e0b; color: #000; }
.lc-footer-bar { border-top: 1px solid rgba(255,255,255,0.06); padding-top: 16px; }
.lc-footer-bar span { color: rgba(255,255,255,0.35); }
.lc-footer-bar-links a { color: rgba(255,255,255,0.35) !important; }
.lc-footer-bar-links a:hover { color: #f59e0b !important; }

/* 7. Share button on business detail */
.bd-header-social { display: flex; gap: 6px; align-items: center; margin-top: 8px; }
.bd-share-btn {
	display: inline-flex; align-items: center; gap: 5px;
	padding: 5px 14px; border-radius: 20px; border: 1px solid #e5e5e5;
	background: #fff; color: #666; font-size: 0.78rem; font-weight: 600;
	cursor: pointer; transition: 0.2s; font-family: var(--font-body);
}
.bd-share-btn:hover { border-color: #3b82f6; color: #3b82f6; background: #eff6ff; }

/* 8. Review styles */
.bd-review-item { display: flex; gap: 14px; padding: 16px 0; border-bottom: 1px solid #f0f0f0; }
.bd-review-item:last-child { border-bottom: none; }
.bd-review-avatar {
	width: 40px; height: 40px; border-radius: 50%; background: #E8622C; color: #fff;
	display: flex; align-items: center; justify-content: center;
	font-weight: 800; font-size: 0.9rem; flex-shrink: 0;
}
.bd-review-body { flex: 1; }
.bd-review-meta { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; }
.bd-review-meta strong { font-size: 0.88rem; }
.bd-review-date { font-size: 0.75rem; color: #888; }
.bd-review-stars-sm i { font-size: 0.72rem; color: #ddd; }
.bd-review-stars-sm i.active { color: #f59e0b; }
.bd-review-text { font-size: 0.88rem; color: #555; line-height: 1.6; margin: 6px 0 0; }

/* Responsive fix for bd-header */
@media (max-width: 768px) {
	.bd-header-bar { flex-direction: column; gap: 12px; }
	.bd-header-right { width: 100%; }
	.bd-header-social { flex-wrap: wrap; }
	.bd-photo-grid { height: 200px; border-radius: 10px; }
	.bd-photo-side { display: none; }
	.rv-summary { flex-direction: column; gap: 16px; }
	.rv-right { width: 100%; text-align: center; }
}


/* Force dislike thumb to point DOWN */
.lc-like-btn.lc-dislike i.fa-thumbs-down,
.lc-like-btn.lc-dislike i.far.fa-thumbs-down,
.lc-like-btn.lc-dislike i.fas.fa-thumbs-down {
	display:inline-block !important;
	transform:none !important;
}
/* Make icons bigger and bolder */
.lc-like-btn i { font-size:1.1rem !important; }
.lc-like-btn.lc-liked i { transform:scale(1.3) !important; }
.lc-like-btn.lc-dislike.lc-liked i { transform:scale(1.3) !important; }


/* Facebook style dislike - thumb pointing down */
.lc-like-btn.lc-dislike i.fa-thumbs-down,
.lc-like-btn.lc-dislike i.far.fa-thumbs-down,
.lc-like-btn.lc-dislike i.fas.fa-thumbs-down {
	display:inline-block;
	transform: scaleY(-1) !important;
}
.lc-like-btn.lc-dislike.lc-liked i {
	transform: scaleY(-1) scale(1.3) !important;
}


/* ====================================================
   EVENTS - BOOKMYSHOW STYLE CARDS
   ==================================================== */
.lc-events-bms { padding:50px 0; background:linear-gradient(180deg,#fff 0%,#fef9f5 100%); }

.lc-ev-card {
	background:#fff; border-radius:12px; overflow:hidden;
	box-shadow:0 2px 10px rgba(0,0,0,0.06);
	transition:transform 0.3s,box-shadow 0.3s;
}
.lc-ev-card:hover { transform:translateY(-5px); box-shadow:0 12px 30px rgba(0,0,0,0.1); }

.lc-ev-img {
	height:180px; background-size:cover; background-position:center;
	background-color:#f0e6d6; position:relative;
}
.lc-ev-bookmark {
	position:absolute; top:10px; right:10px;
	width:32px; height:32px; border-radius:50%;
	background:rgba(255,255,255,0.85); border:none;
	display:flex; align-items:center; justify-content:center;
	cursor:pointer; font-size:0.9rem; color:#888;
	transition:0.2s; backdrop-filter:blur(4px);
}
.lc-ev-bookmark:hover, .lc-ev-bookmark.active { color:#f59e0b; }
.lc-ev-bookmark.active i { font-weight:900; }

.lc-ev-body { padding:14px 16px; }

.lc-ev-date {
	font-size:0.78rem; font-weight:600; color:#E8622C;
	margin-bottom:6px;
}

.lc-ev-body h3 {
	font-size:0.92rem; font-weight:700; color:#1a1a2e;
	margin:0 0 4px; line-height:1.3;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.lc-ev-body h3 a { color:inherit; text-decoration:none; }
.lc-ev-body h3 a:hover { color:#E8622C; }

.lc-ev-venue {
	font-size:0.8rem; color:#888; margin:0 0 10px;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

.lc-ev-footer {
	display:flex; justify-content:space-between; align-items:center;
	padding-top:10px; border-top:1px solid #f0f0f0;
}

.lc-ev-interested {
	font-size:0.75rem; color:#888; display:flex; align-items:center; gap:4px;
}
.lc-ev-interested i { font-size:0.7rem; color:#aaa; }

.lc-ev-price {
	font-size:0.78rem; font-weight:700; color:#E8622C;
	display:flex; align-items:center; gap:4px;
}
.lc-ev-price i { font-size:0.7rem; }
.lc-ev-free { color:#059669; }

@media (max-width:576px) {
	.lc-ev-img { height:150px; }
	.lc-ev-body h3 { font-size:0.85rem; }
}


/* ====================================================
   CONSISTENT FONT SIZE - ALL CARD TITLES
   ==================================================== */
.lc-card-title,
.lc-card-title a,
.lc-trend-body h3,
.lc-trend-body h3 a,
.lc-place-body h3,
.lc-place-body h3 a,
.lc-ev-body h3,
.lc-ev-body h3 a,
.fl-card-title,
.fl-card-title a {
	font-family: 'Inter', var(--font-head), sans-serif !important;
	font-size: 0.95rem !important;
	font-weight: 600 !important;
	color: #1a1a2e !important;
	line-height: 1.35 !important;
	letter-spacing: -0.2px;
}
.lc-card-title a:hover,
.lc-trend-body h3 a:hover,
.lc-place-body h3 a:hover,
.lc-ev-body h3 a:hover,
.fl-card-title a:hover {
	color: #E8622C !important;
}

/* Location/venue text consistent */
.lc-card-address,
.lc-card-phone,
.lc-ev-venue,
.lc-trend-loc,
.fl-card-info {
	font-size: 0.82rem !important;
	color: #888 !important;
	font-weight: 400 !important;
}


/* ====================================================
   CATEGORIES - IMAGE + TEXT STYLE (BookMyShow/Insider)
   ==================================================== */
.lc-imgcat-grid {
	display:grid; grid-template-columns:repeat(6,1fr); gap:14px;
}
.lc-imgcat-card {
	display:flex; align-items:center; justify-content:space-between;
	padding:16px 10px 16px 18px; border-radius:14px;
	text-decoration:none; min-height:90px;
	transition:transform 0.3s,box-shadow 0.3s;
	overflow:hidden; position:relative;
}
.lc-imgcat-card:hover {
	transform:translateY(-4px);
	box-shadow:0 10px 28px rgba(0,0,0,0.08);
}
.lc-imgcat-name {
	font-family:var(--font-head); font-size:0.88rem; font-weight:700;
	color:#1a1a2e; z-index:2; line-height:1.2;
}
.lc-imgcat-img {
	width:75px; height:75px; object-fit:cover; border-radius:10px;
	flex-shrink:0; z-index:2;
	transition:transform 0.3s;
}
.lc-imgcat-card:hover .lc-imgcat-img { transform:scale(1.08); }

.lc-imgcat-viewall {
	flex-direction:column; align-items:center; justify-content:center;
	text-align:center; gap:2px;
}
.lc-imgcat-sub {
	font-size:0.75rem; color:#888; font-weight:500;
}
.lc-imgcat-viewall .lc-imgcat-name {
	font-size:0.95rem;
}

@media (max-width:992px) {
	.lc-imgcat-grid { grid-template-columns:repeat(4,1fr); }
}
@media (max-width:576px) {
	.lc-imgcat-grid { grid-template-columns:repeat(2,1fr); gap:10px; }
	.lc-imgcat-card { padding:12px 8px 12px 14px; min-height:75px; }
	.lc-imgcat-name { font-size:0.78rem; }
	.lc-imgcat-img { width:58px; height:58px; }
}


/* Big emoji icon */
.lc-imgcat-emoji {
	font-size: 4rem;
	line-height: 1;
	flex-shrink: 0;
	z-index: 2;
	transition: transform 0.3s;
}
.lc-imgcat-card:hover .lc-imgcat-emoji {
	transform: scale(1.15) rotate(-5deg);
}
.lc-imgcat-img { display: none; }

@media (max-width:576px) {
	.lc-imgcat-emoji { font-size: 2.8rem; }
}


/* ====================================================
   IPL SCHEDULE SECTION
   ==================================================== */
.lc-ipl-section { padding:50px 0; background:#fff; }
.lc-ipl-section .lc-sec-head-row h2 { color:#1a1a2e; }
.lc-ipl-section .lc-sec-head-row p { color:#888; }
.lc-ipl-section .lc-arrow { background:#fff; border-color:#ddd; color:#333; }
.lc-ipl-section .lc-arrow:hover { background:#E8622C; border-color:#E8622C; color:#fff; }

.lc-ipl-card {
	background:#fff; border-radius:14px; overflow:hidden;
	box-shadow:0 4px 16px rgba(0,0,0,0.1);
	transition:transform 0.3s;
}
.lc-ipl-card:hover { transform:translateY(-5px); }

.lc-ipl-header {
	display:flex; justify-content:space-between; align-items:center;
	padding:10px 16px; border-bottom:1px solid #f0f0f0;
}
.lc-ipl-badge {
	font-size:0.68rem; font-weight:700; padding:3px 10px;
	border-radius:4px; text-transform:uppercase; letter-spacing:0.5px;
}
.lc-ipl-home { background:#ecfdf5; color:#059669; }
.lc-ipl-away { background:#fef2f2; color:#ef4444; }
.lc-ipl-date { font-size:0.75rem; color:#888; font-weight:500; }

.lc-ipl-teams {
	display:flex; align-items:center; justify-content:center;
	gap:16px; padding:20px 16px;
}
.lc-ipl-team { text-align:center; }
.lc-ipl-logo {
	width:56px; height:56px; border-radius:50%;
	display:flex; align-items:center; justify-content:center;
	color:#fff; font-family:var(--font-head); font-size:0.82rem;
	font-weight:800; letter-spacing:0.5px;
	box-shadow:0 4px 12px rgba(0,0,0,0.15);
}
.lc-ipl-vs {
	font-family:var(--font-head); font-size:0.85rem; font-weight:800;
	color:#888; background:#f5f5f5; padding:6px 12px; border-radius:6px;
}

.lc-ipl-venue {
	padding:10px 16px; border-top:1px solid #f0f0f0;
	font-size:0.78rem; color:#888; text-align:center;
}
.lc-ipl-venue i { color:#E8622C; margin-right:4px; }

@media (max-width:576px) {
	.lc-ipl-logo { width:44px; height:44px; font-size:0.7rem; }
	.lc-ipl-teams { padding:14px; gap:10px; }
}


/* ====================================================
   EVENT DETAIL PAGE - BOOKMYSHOW STYLE
   ==================================================== */
.ev-hero { height:320px; background-size:cover; background-position:center; position:relative; background-color:#1a1a2e; }
.ev-hero-overlay { position:absolute; inset:0; background:linear-gradient(transparent 40%,rgba(0,0,0,0.7)); }

.ev-header { padding:24px 0 16px; border-bottom:1px solid #eee; }
.ev-header h1 { font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#1a1a2e; margin:0 0 6px; }
.ev-header-sub { font-size:0.92rem; color:#888; margin:0; }

.ev-info-strip { background:#f9fafb; border-bottom:1px solid #eee; padding:18px 0; }
.ev-info-grid { display:flex; gap:32px; flex-wrap:wrap; }
.ev-info-item { display:flex; align-items:center; gap:12px; }
.ev-info-item i { font-size:1.2rem; }
.ev-info-item span { font-size:0.72rem; color:#888; display:block; text-transform:uppercase; letter-spacing:0.5px; }
.ev-info-item strong { font-size:0.92rem; color:#1a1a2e; }

.ev-actions { display:flex; gap:10px; flex-wrap:wrap; }
.ev-book-btn {
	display:inline-flex; align-items:center; gap:8px;
	padding:10px 24px; background:#E8622C; color:#fff;
	border-radius:8px; font-weight:700; font-size:0.88rem;
	text-decoration:none; transition:0.2s;
}
.ev-book-btn:hover { background:#c7511f; color:#fff; }

/* Booking Card */
.ev-book-card {
	background:#fff; border:2px solid #E8622C; border-radius:14px;
	padding:24px; margin-bottom:28px; text-align:center;
}
.ev-book-top { display:flex; align-items:center; gap:14px; text-align:left; margin-bottom:16px; }
.ev-book-icon {
	width:50px; height:50px; border-radius:12px; background:#059669;
	display:flex; align-items:center; justify-content:center;
	color:#fff; font-size:1.3rem;
}
.ev-book-top h4 { font-size:0.95rem; font-weight:700; color:#1a1a2e; margin:0 0 2px; }
.ev-book-top span { font-size:0.8rem; color:#888; }
.ev-book-top span i { color:#E8622C; margin-right:3px; }
.ev-book-price { font-size:2rem; font-weight:800; color:#059669; margin:10px 0; }
.ev-book-cta {
	display:block; width:100%; padding:12px; background:#059669;
	color:#fff; border-radius:10px; font-weight:700; font-size:0.95rem;
	text-decoration:none; text-align:center; transition:0.2s;
}
.ev-book-cta:hover { background:#047857; color:#fff; }
.ev-book-note { font-size:0.75rem; color:#888; margin:10px 0 0; }
.ev-book-note i { margin-right:4px; }

@media (max-width:768px) {
	.ev-hero { height:220px; }
	.ev-header h1 { font-size:1.3rem; }
	.ev-info-grid { gap:16px; }
	.ev-info-item { gap:8px; }
}


/* ====================================================
   BLOG - CATEGORY BUTTONS + RELATED SLIDER
   ==================================================== */

/* Category buttons below hero */
.bl-cat-buttons { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
.bl-cat-btn {
	display:inline-block; padding:6px 16px; border-radius:6px;
	background:#E8622C; color:#fff !important; font-size:0.78rem;
	font-weight:700; text-decoration:none !important; transition:0.2s;
}
.bl-cat-btn:hover { background:#c7511f; color:#fff !important; }

/* Hide old category style */
.bl-article-cat { display:none !important; }

/* Related posts section */
.bl-related-section { margin-top:30px; padding-top:24px; border-top:1px solid #eee; }
.bl-related-card {
	display:block; border-radius:10px; overflow:hidden;
	background:#fff; border:1px solid #eee; transition:transform 0.2s;
}
.bl-related-card:hover { transform:translateY(-3px); box-shadow:0 6px 16px rgba(0,0,0,0.06); }
.bl-related-img {
	height:120px; background-size:cover; background-position:center;
	background-color:#f0f0f0; display:flex; align-items:center;
	justify-content:center; color:#ccc; font-size:1.2rem;
}
.bl-related-body { padding:10px 12px; }


/* ====================================================
   EVENT DETAIL - BOOKMYSHOW PREMIUM STYLE
   ==================================================== */

/* Hero */
.evd-hero { position:relative; min-height:400px; background-size:cover; background-position:center; background-color:#1a1a2e; }
.evd-hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(10,10,30,0.92) 0%,rgba(10,10,30,0.7) 50%,rgba(10,10,30,0.4) 100%); display:flex; align-items:center; }
.evd-hero-inner { display:flex; justify-content:space-between; align-items:center; gap:40px; width:100%; }
.evd-hero-left { flex:1; }
.evd-cat-tag { display:inline-block; background:#E8622C; color:#fff; padding:5px 14px; border-radius:4px; font-size:0.72rem; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:14px; }
.evd-hero h1 { font-family:var(--font-head); font-size:2.2rem; font-weight:800; color:#fff; margin:0 0 14px; line-height:1.2; }
.evd-hero-meta { display:flex; gap:18px; flex-wrap:wrap; }
.evd-hero-meta span { font-size:0.88rem; color:rgba(255,255,255,0.7); display:inline-flex; align-items:center; gap:6px; }
.evd-hero-meta i { font-size:0.82rem; }
.evd-loc { color:#f59e0b !important; font-weight:600; }
.evd-loc i { color:#f59e0b; }

/* Floating Booking Card (Hero Right) */
.evd-hero-right { flex-shrink:0; }
.evd-book-float {
	background:rgba(255,255,255,0.1); backdrop-filter:blur(16px);
	border:1px solid rgba(255,255,255,0.15); border-radius:16px;
	padding:28px 24px; text-align:center; min-width:220px;
}
.evd-book-price { font-family:var(--font-head); font-size:2.2rem; font-weight:800; color:#fff; }
.evd-book-float p { font-size:0.78rem; color:rgba(255,255,255,0.5); margin:0 0 16px; }
.evd-book-cta {
	display:block; width:100%; padding:12px; background:#E8622C; color:#fff;
	border-radius:10px; font-weight:700; font-size:0.95rem; text-decoration:none;
	text-align:center; transition:0.2s;
}
.evd-book-cta:hover { background:#c7511f; color:#fff; }
.evd-book-actions { display:flex; justify-content:center; gap:8px; margin-top:14px; }

/* Info Strip */
.evd-strip { background:#fff; border-bottom:1px solid #eee; padding:16px 0; }
.evd-strip-grid { display:flex; gap:32px; flex-wrap:wrap; }
.evd-strip-item { display:flex; align-items:center; gap:12px; }
.evd-strip-item i { font-size:1.2rem; color:#E8622C; }
.evd-strip-item span { font-size:0.68rem; color:#888; text-transform:uppercase; letter-spacing:0.5px; display:block; }
.evd-strip-item strong { font-size:0.92rem; color:#1a1a2e; }

/* Sections */
.evd-section { margin-bottom:28px; }
.evd-section h2 { font-family:var(--font-head); font-size:1.15rem; font-weight:700; color:#1a1a2e; margin:0 0 14px; padding-bottom:10px; border-bottom:1px solid #eee; }

/* Highlights */
.evd-highlights { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.evd-hl { display:flex; align-items:center; gap:8px; font-size:0.88rem; color:#444; padding:8px 0; }
.evd-hl i { color:#059669; font-size:0.85rem; }

/* Venue Card */
.evd-venue-card { display:flex; gap:20px; background:#f9fafb; border-radius:12px; overflow:hidden; border:1px solid #eee; }
.evd-venue-info { flex:1; padding:20px; }
.evd-venue-info h3 { font-size:1rem; font-weight:700; color:#1a1a2e; margin:0 0 6px; }
.evd-venue-info p { font-size:0.85rem; color:#888; margin:0 0 12px; }
.evd-dir-btn { display:inline-flex; align-items:center; gap:6px; padding:8px 18px; background:#E8622C; color:#fff; border-radius:8px; font-size:0.82rem; font-weight:600; text-decoration:none; }
.evd-dir-btn:hover { background:#c7511f; color:#fff; }
.evd-venue-map { width:250px; height:180px; flex-shrink:0; }

/* Sidebar Sticky Booking */
.evd-sidebar-book {
	background:#fff; border:2px solid #E8622C; border-radius:14px;
	padding:24px; text-align:center; margin-bottom:18px;
	position:sticky; top:80px;
}
.evd-sb-price { font-family:var(--font-head); font-size:2rem; font-weight:800; color:#E8622C; }
.evd-sb-cta {
	display:block; width:100%; padding:12px; background:#E8622C; color:#fff;
	border-radius:10px; font-weight:700; text-decoration:none; text-align:center;
	transition:0.2s; margin-bottom:12px;
}
.evd-sb-cta:hover { background:#c7511f; color:#fff; }
.evd-sb-badges { display:flex; justify-content:center; gap:8px; }
.evd-sb-badges span {
	font-size:0.72rem; font-weight:600; padding:4px 10px; border-radius:4px;
	display:inline-flex; align-items:center; gap:4px;
}
.evd-sb-badges span:first-child { background:#fef2f2; color:#ef4444; }
.evd-sb-badges span:last-child { background:#fffbeb; color:#f59e0b; }

/* Responsive */
@media (max-width:768px) {
	.evd-hero { min-height:auto; }
	.evd-hero-inner { flex-direction:column; padding:40px 0; }
	.evd-hero-right { width:100%; }
	.evd-book-float { min-width:auto; }
	.evd-hero h1 { font-size:1.5rem; }
	.evd-strip-grid { gap:16px; }
	.evd-highlights { grid-template-columns:1fr; }
	.evd-venue-card { flex-direction:column; }
	.evd-venue-map { width:100%; height:160px; }
	.evd-sidebar-book { position:relative; top:0; }
}


/* ====================================================
   EVENT SIDEBAR - SCREENSHOT STYLE
   ==================================================== */

/* Event Info Card */
.evd-info-card {
	background:#fff; border-radius:14px; border:1px solid #eee;
	box-shadow:0 2px 12px rgba(0,0,0,0.06); overflow:hidden;
	position:sticky; top:80px;
}
.evd-info-list {
	list-style:none; padding:20px 22px; margin:0;
}
.evd-info-list li {
	display:flex; align-items:flex-start; gap:14px;
	padding:12px 0; border-bottom:1px solid #f5f5f5;
	font-size:0.92rem; color:#333;
}
.evd-info-list li:last-child { border-bottom:none; }
.evd-info-list li i {
	color:#888; font-size:0.95rem; width:20px; text-align:center;
	margin-top:2px; flex-shrink:0;
}
.evd-info-venue i:first-child { color:#E8622C; }
.evd-info-venue a {
	color:#3b82f6; margin-left:6px; font-size:0.85rem;
}
.evd-info-venue a:hover { color:#E8622C; }

.evd-info-bottom {
	display:flex; align-items:center; justify-content:space-between;
	padding:16px 22px; border-top:1px solid #eee; background:#fafafa;
}
.evd-info-price strong {
	font-size:1.1rem; font-weight:800; color:#1a1a2e; display:block;
}
.evd-available {
	font-size:0.75rem; font-weight:600; color:#059669;
}

.evd-booknow-btn {
	padding:10px 28px; background:#f06292; color:#fff;
	border-radius:8px; font-weight:700; font-size:0.88rem;
	text-decoration:none; transition:0.2s;
}
.evd-booknow-btn:hover { background:#e91e63; color:#fff; }

/* Interested Card */
.evd-interested-card {
	display:flex; align-items:center; justify-content:space-between;
	background:#fff; border:1px solid #eee; border-radius:12px;
	padding:14px 20px; margin-top:14px;
	box-shadow:0 1px 6px rgba(0,0,0,0.04);
}
.evd-interested-left {
	display:flex; align-items:center; gap:8px;
	font-size:0.88rem; color:#333;
}
.evd-interested-btn {
	padding:8px 18px; border:1.5px solid #E8622C; border-radius:8px;
	background:#fff; color:#E8622C; font-size:0.82rem; font-weight:700;
	cursor:pointer; transition:0.2s; font-family:var(--font-body);
}
.evd-interested-btn:hover { background:#fef2f2; }
.evd-interested-btn.active {
	background:#E8622C; color:#fff; border-color:#E8622C;
}

/* Remove old sidebar booking styles on event pages */
.evd-sidebar-book { display:none; }
.evd-sb-price, .evd-sb-cta, .evd-sb-badges { display:none; }

@media (max-width:768px) {
	.evd-info-card { position:relative; top:0; }
	.evd-info-bottom { flex-direction:column; gap:10px; text-align:center; }
	.evd-booknow-btn { width:100%; text-align:center; }
}


/* ====================================================
   EVENT TAGS + INTERESTED STRIP (Below Hero)
   ==================================================== */
.evd-tags-strip {
	background:#fff; border-bottom:1px solid #eee; padding:14px 0;
}
.evd-tags-inner {
	display:flex; justify-content:space-between; align-items:center;
	gap:16px; flex-wrap:wrap;
}
.evd-tags-left { display:flex; gap:8px; flex-wrap:wrap; }
.evd-tag-chip {
	display:inline-block; padding:6px 16px; border-radius:6px;
	border:1.5px solid #1a1a2e; font-size:0.82rem; font-weight:600;
	color:#1a1a2e; text-decoration:none; transition:0.2s;
	background:#fff;
}
.evd-tag-chip:hover { background:#1a1a2e; color:#fff; }

.evd-tags-right { display:flex; align-items:center; gap:12px; }
.evd-interested-inline {
	display:flex; align-items:center; gap:6px;
	font-size:0.88rem; color:#333;
}

/* Remove old interested card from sidebar (now in strip) */
.evd-interested-card { display:none; }

@media (max-width:576px) {
	.evd-tags-inner { flex-direction:column; align-items:flex-start; }
	.evd-tag-chip { font-size:0.75rem; padding:5px 12px; }
}


/* ====================================================
   IPL MATCH CARD - iplt20.com STYLE
   ==================================================== */
.ipl-match-card {
	display:flex; align-items:stretch; background:#fff;
	border:1px solid #eee; border-radius:10px; overflow:hidden;
	transition:box-shadow 0.2s;
}
.ipl-match-card:hover { box-shadow:0 4px 20px rgba(0,0,0,0.06); }

.ipl-match-left {
	width:170px; flex-shrink:0; padding:18px 20px;
	border-right:2px solid #f0f0f0; position:relative;
}
.ipl-match-left::after {
	content:''; position:absolute; right:-6px; top:24px;
	width:10px; height:10px; border-radius:50%; background:#E8622C;
}
.ipl-match-num span {
	display:inline-block; padding:3px 12px; border:1.5px solid #E8622C;
	border-radius:4px; font-size:0.72rem; font-weight:700; color:#E8622C;
}
.ipl-dot { display:none; }
.ipl-match-date {
	font-family:var(--font-head); font-size:1.05rem; font-weight:800;
	color:#1a1a2e; margin:10px 0 2px;
}
.ipl-match-time { font-size:0.78rem; color:#888; }
.ipl-match-time i { margin-right:3px; }

.ipl-match-center { flex:1; padding:14px 24px; }
.ipl-match-venue {
	font-size:0.82rem; color:#555; margin-bottom:12px; font-weight:500;
}
.ipl-match-teams { display:flex; align-items:center; gap:16px; }
.ipl-team-row { display:flex; align-items:center; gap:10px; flex:1; }
.ipl-team-logo {
	width:40px; height:40px; border-radius:50%;
	display:flex; align-items:center; justify-content:center;
	color:#fff; font-size:0.68rem; font-weight:800;
	flex-shrink:0; box-shadow:0 2px 8px rgba(0,0,0,0.12);
}
.ipl-team-name { font-size:0.88rem; font-weight:600; color:#1a1a2e; }
.ipl-vs {
	font-family:var(--font-head); font-size:0.82rem; font-weight:700;
	color:#888; font-style:italic; flex-shrink:0;
}

.ipl-match-right {
	display:flex; align-items:center; padding:18px 20px; flex-shrink:0;
}
.ipl-match-btn {
	padding:10px 22px; background:#E8622C; color:#fff;
	border-radius:6px; font-size:0.82rem; font-weight:700;
	text-decoration:none; transition:0.2s; white-space:nowrap;
}
.ipl-match-btn:hover { background:#c7511f; color:#fff; }

@media (max-width:768px) {
	.ipl-match-card { flex-direction:column; }
	.ipl-match-left { width:100%; border-right:none; border-bottom:2px solid #f0f0f0; padding:14px 16px; }
	.ipl-match-left::after { display:none; }
	.ipl-match-center { padding:12px 16px; }
	.ipl-match-teams { flex-direction:column; gap:8px; }
	.ipl-match-right { padding:12px 16px; justify-content:center; }
	.lc-slide[style*="min-width:600px"] { min-width:320px !important; }
}


/* ====================================================
   LSG TEAM PAGE
   ==================================================== */
.lsg-hero { background:linear-gradient(135deg,#0a1628 0%,#0e2240 50%,#142850 100%); position:relative; overflow:hidden; padding:40px 0; }
.lsg-hero-pattern { position:absolute; inset:0; background:radial-gradient(circle at 20% 50%,rgba(245,158,11,0.08) 0%,transparent 60%); }
.lsg-hero-inner { display:flex; justify-content:space-between; align-items:center; gap:30px; position:relative; z-index:2; }
.lsg-hero-left { display:flex; align-items:center; gap:20px; }
.lsg-logo-circle { width:80px; height:80px; border-radius:50%; background:linear-gradient(135deg,#004f91,#00337a); display:flex; align-items:center; justify-content:center; color:#fff; font-family:var(--font-head); font-size:1.5rem; font-weight:800; border:3px solid rgba(255,255,255,0.15); flex-shrink:0; }
.lsg-hero h1 { font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#fff; margin:0 0 8px; }
.lsg-official-btn { display:inline-flex; align-items:center; gap:6px; padding:8px 18px; background:#E8622C; color:#fff; border-radius:6px; font-size:0.82rem; font-weight:700; text-decoration:none; }
.lsg-official-btn:hover { background:#c7511f; color:#fff; }
.lsg-hero-right { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.lsg-hero-info { background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.08); border-radius:8px; padding:10px 16px; }
.lsg-hero-info span { font-size:0.7rem; font-weight:700; color:#f59e0b; text-transform:uppercase; display:block; margin-bottom:2px; }
.lsg-hero-info strong { font-size:0.88rem; color:#fff; }

/* Tabs */
.lsg-tabs-wrap { background:#fff; border-bottom:1px solid #eee; position:sticky; top:68px; z-index:100; }
.lsg-tabs { display:flex; gap:4px; }
.lsg-tab { padding:14px 20px; background:none; border:none; font-size:0.88rem; font-weight:600; color:#888; cursor:pointer; border-bottom:3px solid transparent; transition:0.2s; font-family:var(--font-body); }
.lsg-tab:hover { color:#1a1a2e; }
.lsg-tab.active { color:#1a1a2e; border-bottom-color:#E8622C; }

/* Squad Grid */
.lsg-squad-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.lsg-player-card { background:#1a1a2e; border-radius:12px; overflow:hidden; text-align:center; transition:transform 0.3s; }
.lsg-player-card:hover { transform:translateY(-5px); }
.lsg-player-img { height:200px; background-size:cover; background-position:top center; background-color:#2a2a3e; position:relative; display:flex; align-items:center; justify-content:center; }
.lsg-player-placeholder { font-size:3rem; font-weight:800; color:rgba(255,255,255,0.15); }
.lsg-player-jersey { position:absolute; top:8px; right:8px; background:rgba(0,0,0,0.5); color:#fff; padding:3px 8px; border-radius:4px; font-size:0.72rem; font-weight:700; }
.lsg-player-body { padding:14px; }
.lsg-player-body h3 { font-size:0.95rem; font-weight:700; color:#fff; margin:0 0 4px; }
.lsg-player-role { display:inline-block; background:rgba(0,79,145,0.5); color:#7cb8e8; padding:3px 10px; border-radius:4px; font-size:0.7rem; font-weight:600; margin-bottom:4px; }
.lsg-player-nation { display:block; font-size:0.75rem; color:rgba(255,255,255,0.4); }

@media (max-width:992px) {
	.lsg-hero-inner { flex-direction:column; text-align:center; }
	.lsg-hero-left { flex-direction:column; }
	.lsg-hero-right { width:100%; }
	.lsg-squad-grid { grid-template-columns:repeat(3,1fr); }
	.lsg-tabs { overflow-x:auto; scrollbar-width:none; }
}
@media (max-width:576px) {
	.lsg-squad-grid { grid-template-columns:repeat(2,1fr); gap:10px; }
	.lsg-player-img { height:160px; }
	.lsg-hero h1 { font-size:1.3rem; }
	.lsg-tab { padding:12px 14px; font-size:0.82rem; }
}

/* ====================================================
   HOTEL BOOKING PAGE — MakeMyTrip / Booking.com Style
   ==================================================== */

/* ===== HERO SECTION ===== */
.ht-hero {
	position: relative;
	overflow: hidden;
	min-height: 520px;
	display: flex;
	align-items: center;
}
.ht-hero-bg {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 40%, #0c4a6e 70%, #164e63 100%);
}
.ht-hero-overlay {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse at 20% 50%, rgba(14,165,233,0.15) 0%, transparent 60%),
		radial-gradient(ellipse at 80% 20%, rgba(139,92,246,0.1) 0%, transparent 50%),
		radial-gradient(ellipse at 50% 90%, rgba(232,98,44,0.08) 0%, transparent 40%);
}
.ht-hero-particles {
	position: absolute;
	inset: 0;
	overflow: hidden;
}
.ht-hero-particles span {
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: rgba(255,255,255,0.08);
	animation: htParticle 8s linear infinite;
}
.ht-hero-particles span:nth-child(1) { left: 10%; top: 20%; animation-delay: 0s; animation-duration: 12s; width: 8px; height: 8px; }
.ht-hero-particles span:nth-child(2) { left: 30%; top: 60%; animation-delay: 2s; animation-duration: 10s; }
.ht-hero-particles span:nth-child(3) { left: 50%; top: 30%; animation-delay: 4s; animation-duration: 14s; width: 10px; height: 10px; }
.ht-hero-particles span:nth-child(4) { left: 70%; top: 70%; animation-delay: 1s; animation-duration: 9s; }
.ht-hero-particles span:nth-child(5) { left: 85%; top: 15%; animation-delay: 3s; animation-duration: 11s; width: 7px; height: 7px; }
.ht-hero-particles span:nth-child(6) { left: 60%; top: 85%; animation-delay: 5s; animation-duration: 13s; }
@keyframes htParticle {
	0% { transform: translateY(0) scale(1); opacity: 0; }
	10% { opacity: 1; }
	90% { opacity: 1; }
	100% { transform: translateY(-400px) scale(0.5); opacity: 0; }
}
.ht-hero-inner {
	position: relative;
	z-index: 2;
	text-align: center;
	padding: 60px 0 50px;
}
.ht-hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.15);
	backdrop-filter: blur(10px);
	padding: 8px 20px;
	border-radius: 50px;
	font-size: 0.82rem;
	font-weight: 600;
	color: #fbbf24;
	margin-bottom: 20px;
	letter-spacing: 0.5px;
}
.ht-hero-badge i { font-size: 0.75rem; }
.ht-hero-title {
	font-family: var(--font-head);
	font-size: 3rem;
	font-weight: 800;
	color: #fff;
	line-height: 1.15;
	margin: 0 0 14px;
	text-shadow: 0 4px 20px rgba(0,0,0,0.3);
}
.ht-hero-title span {
	background: linear-gradient(135deg, #38bdf8, #818cf8, #fb923c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
.ht-hero-subtitle {
	font-size: 1.05rem;
	color: rgba(255,255,255,0.7);
	margin: 0 auto 32px;
	max-width: 560px;
	line-height: 1.6;
}

/* ===== SEARCH BOX ===== */
.ht-search-box {
	background: rgba(255,255,255,0.08);
	border: 1px solid rgba(255,255,255,0.12);
	backdrop-filter: blur(20px);
	border-radius: 20px;
	padding: 24px 28px;
	max-width: 960px;
	margin: 0 auto 28px;
	box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}
.ht-search-row {
	display: flex;
	gap: 12px;
	align-items: flex-end;
}
.ht-search-field {
	flex: 1;
	text-align: left;
}
.ht-search-field-loc { flex: 1.3; }
.ht-search-field-sm { flex: 0.7; }
.ht-search-field label {
	display: block;
	font-size: 0.72rem;
	font-weight: 700;
	color: rgba(255,255,255,0.6);
	text-transform: uppercase;
	letter-spacing: 0.8px;
	margin-bottom: 6px;
}
.ht-search-field label i {
	margin-right: 4px;
	color: #38bdf8;
}
.ht-input {
	width: 100%;
	padding: 12px 14px;
	background: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.15);
	border-radius: 10px;
	color: #fff;
	font-size: 0.92rem;
	font-weight: 600;
	font-family: var(--font-body);
	outline: none;
	transition: 0.3s;
}
.ht-input:focus {
	background: rgba(255,255,255,0.15);
	border-color: #38bdf8;
	box-shadow: 0 0 0 3px rgba(56,189,248,0.15);
}
.ht-input option { color: #222; background: #fff; }
.ht-search-sub {
	font-size: 0.7rem;
	color: rgba(255,255,255,0.4);
	margin-top: 4px;
	display: block;
}
input[type="date"].ht-input::-webkit-calendar-picker-indicator {
	filter: invert(1) brightness(2);
	cursor: pointer;
}
.ht-search-btn {
	padding: 12px 32px;
	background: linear-gradient(135deg, #E8622C, #f59e0b);
	border: none;
	border-radius: 10px;
	color: #fff;
	font-size: 0.95rem;
	font-weight: 700;
	font-family: var(--font-body);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
	transition: 0.3s;
	box-shadow: 0 4px 20px rgba(232,98,44,0.4);
}
.ht-search-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 30px rgba(232,98,44,0.5);
}

/* Trust Strip */
.ht-trust-strip {
	display: flex;
	gap: 24px;
	justify-content: center;
	flex-wrap: wrap;
}
.ht-trust-strip span {
	font-size: 0.82rem;
	font-weight: 600;
	color: rgba(255,255,255,0.7);
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.ht-trust-strip i {
	color: #34d399;
	font-size: 0.75rem;
}

/* ===== BOOKING PARTNERS STRIP ===== */
.ht-partners {
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
	padding: 20px 0;
	box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.ht-partners .container {
	display: flex;
	align-items: center;
	gap: 16px;
}
.ht-partners-label {
	font-size: 0.82rem;
	font-weight: 700;
	color: #666;
	white-space: nowrap;
	flex-shrink: 0;
}
.ht-partners-row {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	scrollbar-width: none;
	padding: 2px 0;
}
.ht-partners-row::-webkit-scrollbar { display: none; }
.ht-partner-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 18px;
	border-radius: 50px;
	font-size: 0.82rem;
	font-weight: 700;
	color: var(--pc);
	background: color-mix(in srgb, var(--pc) 8%, white);
	border: 1.5px solid color-mix(in srgb, var(--pc) 20%, white);
	white-space: nowrap;
	text-decoration: none;
	transition: 0.3s;
	flex-shrink: 0;
}
.ht-partner-chip:hover {
	background: var(--pc);
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px color-mix(in srgb, var(--pc) 30%, transparent);
}
.ht-partner-chip i { font-size: 0.78rem; }

/* ===== SECTION HEADS ===== */
.ht-section-head {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 28px;
	gap: 20px;
	flex-wrap: wrap;
}
.ht-section-title {
	font-family: var(--font-head);
	font-size: 1.6rem;
	font-weight: 800;
	color: #1a1a1a;
	margin: 0 0 4px;
	display: flex;
	align-items: center;
	gap: 10px;
}
.ht-section-desc {
	font-size: 0.92rem;
	color: #888;
	margin: 0;
}
.ht-view-controls {
	display: flex;
	gap: 10px;
	align-items: center;
}
.ht-search-inline {
	position: relative;
}
.ht-search-inline i {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: #aaa;
	font-size: 0.82rem;
}
.ht-search-inline input {
	padding: 10px 14px 10px 34px;
	border: 1.5px solid #e5e5e5;
	border-radius: 10px;
	font-size: 0.85rem;
	font-family: var(--font-body);
	outline: none;
	transition: 0.3s;
	width: 220px;
}
.ht-search-inline input:focus {
	border-color: #0066cc;
	box-shadow: 0 0 0 3px rgba(0,102,204,0.08);
}
.ht-sort-select {
	padding: 10px 14px;
	border: 1.5px solid #e5e5e5;
	border-radius: 10px;
	font-size: 0.85rem;
	font-family: var(--font-body);
	outline: none;
	cursor: pointer;
	background: #fff;
}

/* ===== DEALS SECTION ===== */
.ht-deals {
	padding: 50px 0;
	background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}
.ht-deals-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
}
.ht-deal-card {
	background: #fff;
	border: 1.5px solid #e5e5e5;
	border-radius: 16px;
	padding: 24px;
	position: relative;
	overflow: hidden;
	transition: 0.35s var(--ease);
}
.ht-deal-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: var(--dc);
}
.ht-deal-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 16px 50px rgba(0,0,0,0.1);
	border-color: var(--dc);
}
.ht-deal-badge {
	position: absolute;
	top: 12px;
	right: 12px;
	background: #ef4444;
	color: #fff;
	font-size: 0.65rem;
	font-weight: 800;
	padding: 3px 10px;
	border-radius: 4px;
	letter-spacing: 1px;
}
.ht-deal-logo {
	font-size: 0.85rem;
	font-weight: 700;
	color: var(--dc);
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	gap: 6px;
}
.ht-deal-title {
	font-family: var(--font-head);
	font-size: 1.15rem;
	font-weight: 800;
	color: #1a1a1a;
	margin: 0 0 8px;
}
.ht-deal-desc {
	font-size: 0.85rem;
	color: #666;
	line-height: 1.5;
	margin: 0 0 14px;
}
.ht-deal-highlight {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #fef3c7;
	color: #92400e;
	padding: 6px 14px;
	border-radius: 8px;
	font-size: 0.82rem;
	font-weight: 700;
	margin-bottom: 16px;
}
.ht-deal-highlight i { color: #f59e0b; }
.ht-deal-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 22px;
	background: var(--dc);
	color: #fff;
	border-radius: 10px;
	font-size: 0.88rem;
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
}
.ht-deal-btn:hover {
	opacity: 0.9;
	transform: translateY(-2px);
	color: #fff;
	box-shadow: 0 6px 20px color-mix(in srgb, var(--dc) 30%, transparent);
}

/* ===== HOTEL LISTINGS ===== */
.ht-listings {
	padding: 13px 0;
}

/* Area Filter Pills */
.ht-area-pills {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 28px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f0f0f0;
}
.ht-pill {
	padding: 8px 18px;
	border: 1.5px solid #e5e5e5;
	border-radius: 50px;
	font-size: 0.82rem;
	font-weight: 600;
	color: #666;
	background: #fff;
	cursor: pointer;
	font-family: var(--font-body);
	transition: 0.25s;
}
.ht-pill:hover { border-color: #0066cc; color: #0066cc; }
.ht-pill-active {
	background: #0066cc;
	color: #fff;
	border-color: #0066cc;
}
.ht-pill-active:hover { color: #fff; }

/* Hotel Grid */
.ht-hotel-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}

/* Hotel Card */
.ht-hotel-card {
	display: flex;
	background: #fff;
	border: 1.5px solid #e5e5e5;
	border-radius: 16px;
	overflow: hidden;
	transition: all 0.35s var(--ease);
}
.ht-hotel-card:hover {
	border-color: #ccc;
	box-shadow: 0 12px 40px rgba(0,0,0,0.08);
	transform: translateY(-4px);
}
.ht-hotel-featured {
	border-color: #fbbf24;
	box-shadow: 0 4px 20px rgba(251,191,36,0.15);
}

/* Hotel Image */
.ht-hotel-img {
	width: 300px;
	min-height: 240px;
	flex-shrink: 0;
	position: relative;
	overflow: hidden;
	background: #f0f0f0;
}
.ht-hotel-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.5s;
}
.ht-hotel-card:hover .ht-hotel-img img {
	transform: scale(1.06);
}
.ht-hotel-img-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #e0e7ff, #dbeafe);
	font-size: 3rem;
	color: #93c5fd;
}
.ht-hotel-badge-feat {
	position: absolute;
	top: 12px;
	left: 12px;
	background: linear-gradient(135deg, #f59e0b, #fbbf24);
	color: #fff;
	font-size: 0.72rem;
	font-weight: 700;
	padding: 5px 12px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	gap: 4px;
	box-shadow: 0 2px 10px rgba(245,158,11,0.4);
}
.ht-hotel-badge-price {
	position: absolute;
	bottom: 12px;
	right: 12px;
	background: rgba(0,0,0,0.75);
	backdrop-filter: blur(8px);
	color: #fff;
	font-size: 1.1rem;
	font-weight: 800;
	padding: 8px 14px;
	border-radius: 10px;
}
.ht-hotel-badge-price small {
	font-size: 0.7rem;
	font-weight: 500;
	opacity: 0.8;
}

/* Hotel Body */
.ht-hotel-body {
	flex: 1;
	padding: 22px 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-width: 0;
}
.ht-hotel-stars {
	display: flex;
	align-items: center;
	gap: 2px;
	margin-bottom: 6px;
}
.ht-hotel-stars i {
	font-size: 0.72rem;
	color: #f59e0b;
}
.ht-hotel-stars i.far { color: #d4d4d4; }
.ht-hotel-star-label {
	font-size: 0.72rem;
	font-weight: 600;
	color: #999;
	margin-left: 6px;
}
.ht-hotel-name {
	font-family: var(--font-head);
	font-size: 1.2rem;
	font-weight: 700;
	margin: 0 0 6px;
	line-height: 1.3;
}
.ht-hotel-name a {
	color: #1a1a1a;
	text-decoration: none;
}
.ht-hotel-name a:hover { color: #0066cc; }
.ht-hotel-loc {
	font-size: 0.84rem;
	color: #888;
	display: flex;
	align-items: center;
	gap: 5px;
}
.ht-hotel-loc i { color: #E8622C; font-size: 0.75rem; }

/* Amenities */
.ht-hotel-amenities {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	margin: 14px 0;
}
.ht-amenity {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px 12px;
	border-radius: 6px;
	font-size: 0.75rem;
	font-weight: 600;
	color: #555;
	background: #f5f5f5;
	border: 1px solid #ebebeb;
}
.ht-amenity i { font-size: 0.68rem; color: #0066cc; }

/* Hotel Bottom */
.ht-hotel-bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 16px;
	padding-top: 14px;
	border-top: 1px solid #f0f0f0;
}
.ht-hotel-price-box {
	display: flex;
	align-items: baseline;
	gap: 4px;
	flex-wrap: wrap;
}
.ht-hotel-orig-price {
	font-size: 0.85rem;
	color: #bbb;
	text-decoration: line-through;
	font-weight: 500;
}
.ht-hotel-price {
	font-family: var(--font-head);
	font-size: 1.4rem;
	font-weight: 800;
	color: #059669;
}
.ht-hotel-per {
	font-size: 0.78rem;
	color: #999;
	font-weight: 500;
}
.ht-hotel-tax {
	font-size: 0.7rem;
	color: #bbb;
	width: 100%;
}

/* Hotel Actions */
.ht-hotel-actions {
	display: flex;
	gap: 8px;
	align-items: center;
	flex-shrink: 0;
}
.ht-btn-details {
	padding: 10px 16px;
	border: 1.5px solid #e5e5e5;
	border-radius: 10px;
	font-size: 0.82rem;
	font-weight: 600;
	color: #666;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: 0.25s;
	white-space: nowrap;
}
.ht-btn-details:hover {
	border-color: #0066cc;
	color: #0066cc;
	background: #f0f7ff;
}

/* Book Now Dropdown */
.ht-book-dropdown {
	position: relative;
}
.ht-btn-book {
	padding: 10px 22px;
	background: linear-gradient(135deg, #0066cc, #0052a3);
	color: #fff;
	border: none;
	border-radius: 10px;
	font-size: 0.88rem;
	font-weight: 700;
	font-family: var(--font-body);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: 0.3s;
	white-space: nowrap;
	box-shadow: 0 4px 15px rgba(0,102,204,0.25);
}
.ht-btn-book:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(0,102,204,0.35);
}
.ht-dd-arrow {
	font-size: 0.65rem;
	transition: 0.3s;
}
.ht-dd-open .ht-dd-arrow { transform: rotate(180deg); }

/* Booking Menu */
.ht-book-menu {
	display: none;
	position: absolute;
	bottom: calc(100% + 8px);
	right: 0;
	background: #fff;
	border: 1.5px solid #e5e5e5;
	border-radius: 14px;
	box-shadow: 0 16px 50px rgba(0,0,0,0.15);
	min-width: 260px;
	z-index: 100;
	overflow: hidden;
	animation: htMenuIn 0.25s ease;
}
@keyframes htMenuIn {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: translateY(0); }
}
.ht-dd-open .ht-book-menu { display: block; }
.ht-book-menu-head {
	padding: 12px 16px;
	font-size: 0.75rem;
	font-weight: 700;
	color: #999;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border-bottom: 1px solid #f0f0f0;
}
.ht-book-menu a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 11px 16px;
	font-size: 0.88rem;
	font-weight: 600;
	color: #333;
	text-decoration: none;
	transition: 0.2s;
}
.ht-book-menu a:hover { background: #f5f5f5; color: #0066cc; }
.ht-book-menu a i.fa-external-link-alt { font-size: 0.68rem; color: #ccc; margin-left: auto; }
.ht-bm-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex-shrink: 0;
}
.ht-bm-call {
	border-top: 1px solid #f0f0f0;
	color: #059669 !important;
}
.ht-bm-call:hover { background: #ecfdf5 !important; }

/* No Results */
.ht-no-results {
	text-align: center;
	padding: 60px 20px;
	color: #bbb;
}
.ht-no-results i { font-size: 2.5rem; margin-bottom: 14px; display: block; color: #ddd; }
.ht-no-results h3 { font-size: 1.2rem; color: #999; margin: 0 0 6px; }
.ht-no-results p { font-size: 0.88rem; }

/* ===== WHY BOOK SECTION ===== */
.ht-why {
	padding: 60px 0;
	background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}
.ht-why-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.ht-why-card {
	text-align: center;
	padding: 32px 24px;
	background: #fff;
	border: 1.5px solid #e5e5e5;
	border-radius: 16px;
	transition: 0.35s var(--ease);
}
.ht-why-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 40px rgba(0,0,0,0.08);
	border-color: var(--wc);
}
.ht-why-icon {
	width: 64px;
	height: 64px;
	border-radius: 16px;
	background: color-mix(in srgb, var(--wc) 10%, white);
	color: var(--wc);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	margin: 0 auto 16px;
	transition: 0.3s;
}
.ht-why-card:hover .ht-why-icon {
	background: var(--wc);
	color: #fff;
	transform: scale(1.1);
}
.ht-why-card h4 {
	font-family: var(--font-head);
	font-size: 1.05rem;
	font-weight: 700;
	color: #1a1a1a;
	margin: 0 0 8px;
}
.ht-why-card p {
	font-size: 0.85rem;
	color: #888;
	line-height: 1.6;
	margin: 0;
}

/* ===== POPULAR AREAS ===== */
.ht-areas {
	padding: 50px 0 60px;
}
.ht-areas-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin-top: 28px;
}
.ht-area-card {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 20px 22px;
	background: #fff;
	border: 1.5px solid #e5e5e5;
	border-radius: 14px;
	text-decoration: none;
	transition: 0.3s var(--ease);
}
.ht-area-card:hover {
	border-color: var(--ac);
	transform: translateY(-4px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}
.ht-area-icon {
	width: 50px;
	height: 50px;
	border-radius: 12px;
	background: color-mix(in srgb, var(--ac) 10%, white);
	color: var(--ac);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	flex-shrink: 0;
	transition: 0.3s;
}
.ht-area-card:hover .ht-area-icon {
	background: var(--ac);
	color: #fff;
}
.ht-area-info h4 {
	font-family: var(--font-head);
	font-size: 1rem;
	font-weight: 700;
	color: #1a1a1a;
	margin: 0 0 2px;
}
.ht-area-info p {
	font-size: 0.82rem;
	color: #888;
	margin: 0;
}
.ht-area-arrow {
	margin-left: auto;
	color: #ddd;
	font-size: 0.82rem;
	transition: 0.3s;
}
.ht-area-card:hover .ht-area-arrow { color: var(--ac); transform: translateX(4px); }

/* ===== FAQ SECTION ===== */
.ht-faq {
	padding: 60px 0;
	background: #f8fafc;
}
.ht-faq-list {
	max-width: 100%;
	margin: 0;
}
.ht-faq-item {
	background: #fff;
	border: 1.5px solid #e5e5e5;
	border-radius: 14px;
	margin-bottom: 10px;
	overflow: hidden;
	transition: 0.3s;
}
.ht-faq-item:hover { border-color: #ccc; }
.ht-faq-item[open] { border-color: #0066cc; box-shadow: 0 4px 16px rgba(0,102,204,0.06); }
.ht-faq-item summary {
	padding: 18px 22px;
	font-size: 0.95rem;
	font-weight: 600;
	color: #333;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	list-style: none;
}
.ht-faq-item summary::-webkit-details-marker { display: none; }
.ht-faq-item summary span { flex: 1; }
.ht-faq-item summary i {
	font-size: 0.75rem;
	color: #ccc;
	transition: 0.3s;
	flex-shrink: 0;
	margin-left: 12px;
}
.ht-faq-item[open] summary i { transform: rotate(45deg); color: #0066cc; }
.ht-faq-answer {
	padding: 0 22px 18px;
	font-size: 0.88rem;
	color: #666;
	line-height: 1.7;
}

/* ===== CTA SECTION ===== */
.ht-cta {
	padding: 0 0 60px;
	background: #f8fafc;
}
.ht-cta-box {
	background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);
	border-radius: 20px;
	padding: 48px 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
	overflow: hidden;
	position: relative;
}
.ht-cta-box::before {
	content: '';
	position: absolute;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background: rgba(56,189,248,0.08);
	top: -80px;
	right: -60px;
}
.ht-cta-content { position: relative; z-index: 1; }
.ht-cta-content h2 {
	font-family: var(--font-head);
	font-size: 1.6rem;
	font-weight: 800;
	color: #fff;
	margin: 0 0 8px;
}
.ht-cta-content p {
	font-size: 0.95rem;
	color: rgba(255,255,255,0.7);
	margin: 0;
}
.ht-cta-actions {
	display: flex;
	gap: 12px;
	flex-shrink: 0;
	position: relative;
	z-index: 1;
}
.ht-cta-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 28px;
	border-radius: 12px;
	font-size: 0.92rem;
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
	white-space: nowrap;
}
.ht-cta-wa {
	background: #25d366;
	color: #fff;
}
.ht-cta-wa:hover {
	background: #20bd5a;
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(37,211,102,0.3);
}
.ht-cta-call {
	background: rgba(255,255,255,0.1);
	color: #fff;
	border: 1px solid rgba(255,255,255,0.2);
}
.ht-cta-call:hover {
	background: rgba(255,255,255,0.2);
	color: #fff;
	transform: translateY(-2px);
}

/* ===== RESPONSIVE: HOTEL PAGE ===== */
@media (max-width: 1024px) {
	.ht-deals-grid { grid-template-columns: repeat(2, 1fr); }
	.ht-why-grid { grid-template-columns: repeat(2, 1fr); }
	.ht-areas-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
	.ht-hero { min-height: auto; }
	.ht-hero-inner { padding: 40px 0 36px; }
	.ht-hero-title { font-size: 2rem; }
	.ht-hero-subtitle { font-size: 0.92rem; }
	.ht-search-row {
		flex-direction: column;
		gap: 10px;
	}
	.ht-search-field,
	.ht-search-field-loc,
	.ht-search-field-sm { flex: auto; width: 100%; }
	.ht-search-btn { width: 100%; justify-content: center; padding: 14px; }
	.ht-trust-strip { gap: 12px; }
	.ht-trust-strip span { font-size: 0.75rem; }
	.ht-partners .container { flex-direction: column; align-items: flex-start; }
	.ht-hotel-card { flex-direction: column; }
	.ht-hotel-img { width: 100%; min-height: 200px; height: 200px; }
	.ht-hotel-bottom { flex-direction: column; align-items: flex-start; gap: 12px; }
	.ht-hotel-actions { width: 100%; }
	.ht-btn-book { flex: 1; justify-content: center; }
	.ht-btn-details { flex: 1; justify-content: center; }
	.ht-book-menu { right: auto; left: 0; bottom: auto; top: calc(100% + 8px); }
	.ht-deals-grid { grid-template-columns: 1fr; }
	.ht-why-grid { grid-template-columns: 1fr 1fr; }
	.ht-areas-grid { grid-template-columns: 1fr; }
	.ht-cta-box { flex-direction: column; text-align: center; padding: 32px 24px; }
	.ht-cta-actions { width: 100%; justify-content: center; }
	.ht-section-head { flex-direction: column; align-items: flex-start; }
	.ht-view-controls { width: 100%; }
	.ht-search-inline input { width: 100%; }
}
@media (max-width: 480px) {
	.ht-hero-title { font-size: 1.6rem; }
	.ht-search-box { padding: 18px 16px; border-radius: 14px; }
	.ht-hotel-name { font-size: 1.05rem; }
	.ht-hotel-price { font-size: 1.2rem; }
	.ht-why-grid { grid-template-columns: 1fr; }
	.ht-cta-actions { flex-direction: column; }
	.ht-cta-btn { width: 100%; justify-content: center; }
	.ht-area-pills { gap: 6px; }
	.ht-pill { padding: 6px 14px; font-size: 0.78rem; }
}

/* ====================================================
   HOTEL AREA PAGES + ALL AREAS GRID + ADS
   ==================================================== */

/* ===== GOOGLE ADSENSE AD SLOTS ===== */
.ht-ad-container { padding: 16px 0; }
.ht-ad-slot {
	background: #f8f8f8;
	border: 1px dashed #ddd;
	border-radius: 10px;
	min-height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.ht-ad-slot ins { width: 100%; }
.ht-ad-top { margin-bottom: 0; }
.ht-ad-bottom { margin-top: 0; }

/* ===== ALL AREAS GRID (on main hotels page) ===== */
.ht-area-search-box {
	position: relative;
	max-width: 480px;
	margin: 24px 0 28px;
}
.ht-area-search-box > i {
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	color: #aaa;
	font-size: 0.85rem;
}
.ht-area-search-box input {
	width: 100%;
	padding: 13px 120px 13px 40px;
	border: 1.5px solid #e5e5e5;
	border-radius: 12px;
	font-size: 0.9rem;
	font-family: var(--font-body);
	outline: none;
	transition: 0.3s;
}
.ht-area-search-box input:focus {
	border-color: #7c3aed;
	box-shadow: 0 0 0 3px rgba(124,58,237,0.08);
}
.ht-area-count {
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0.78rem;
	font-weight: 700;
	color: #999;
	background: #f0f0f0;
	padding: 4px 12px;
	border-radius: 6px;
}

.ht-areas-grid-all {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}
.ht-area-card-sm {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	background: #fff;
	border: 1.5px solid #f0f0f0;
	border-radius: 10px;
	text-decoration: none;
	transition: 0.25s var(--ease);
	overflow: hidden;
}
.ht-area-card-sm:hover {
	border-color: var(--ac);
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(0,0,0,0.06);
	background: color-mix(in srgb, var(--ac) 3%, white);
}
.ht-area-icon-sm {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	background: color-mix(in srgb, var(--ac) 10%, white);
	color: var(--ac);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.85rem;
	flex-shrink: 0;
	transition: 0.25s;
}
.ht-area-card-sm:hover .ht-area-icon-sm {
	background: var(--ac);
	color: #fff;
}
.ht-area-info-sm {
	flex: 1;
	min-width: 0;
}
.ht-area-info-sm h4 {
	font-family: var(--font-head);
	font-size: 0.85rem;
	font-weight: 600;
	color: #333;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ht-area-card-sm:hover .ht-area-info-sm h4 { color: var(--ac); }
.ht-area-pin {
	font-size: 0.7rem;
	font-weight: 600;
	color: #aaa;
}
.ht-area-arrow-sm {
	font-size: 0.7rem;
	color: #ddd;
	flex-shrink: 0;
	transition: 0.25s;
}
.ht-area-card-sm:hover .ht-area-arrow-sm {
	color: var(--ac);
	transform: translateX(3px);
}

/* ===== AREA HERO (hotel-area pages) ===== */
.ht-area-hero {
	position: relative;
	overflow: hidden;
	padding: 0;
}
.ht-area-hero-bg {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, #1e293b 0%, #0f172a 50%, #172554 100%);
}
.ht-area-hero-inner {
	position: relative;
	z-index: 2;
	padding: 40px 0 44px;
}
.ht-area-hero-breadcrumb {
	font-size: 0.78rem;
	margin-bottom: 14px;
}
.ht-area-hero-breadcrumb a {
	color: rgba(255,255,255,0.5);
	text-decoration: none;
}
.ht-area-hero-breadcrumb a:hover { color: #fff; }
.ht-area-hero-breadcrumb span {
	color: rgba(255,255,255,0.3);
	margin: 0 6px;
}
.ht-area-hero-breadcrumb span:last-child {
	color: rgba(255,255,255,0.8);
	margin: 0;
}
.ht-area-hero-title {
	font-family: var(--font-head);
	font-size: 2.2rem;
	font-weight: 800;
	color: #fff;
	margin: 0 0 10px;
	line-height: 1.2;
	text-shadow: 0 2px 12px rgba(0,0,0,0.2);
}
.ht-area-hero-desc {
	font-size: 0.95rem;
	color: rgba(255,255,255,0.7);
	margin: 0 0 24px;
	line-height: 1.6;
	max-width: 650px;
}
.ht-area-hero-pin {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: rgba(255,255,255,0.1);
	padding: 3px 12px;
	border-radius: 6px;
	font-size: 0.82rem;
	font-weight: 600;
	color: #fbbf24;
	margin-left: 8px;
}

/* Quick Book Buttons */
.ht-area-quick-book {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.ht-area-qb-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 22px;
	border-radius: 10px;
	font-size: 0.88rem;
	font-weight: 700;
	text-decoration: none;
	color: #fff;
	background: var(--qbc);
	transition: 0.3s;
	box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}
.ht-area-qb-btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 28px rgba(0,0,0,0.3);
	color: #fff;
	opacity: 0.92;
}

/* ===== NO HOTELS STATE ===== */
.ht-no-hotels-area {
	text-align: center;
	padding: 50px 20px;
}
.ht-no-hotels-icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #f0f7ff;
	color: #60a5fa;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	margin: 0 auto 20px;
}
.ht-no-hotels-area h2 {
	font-family: var(--font-head);
	font-size: 1.5rem;
	font-weight: 800;
	color: #1a1a1a;
	margin: 0 0 8px;
}
.ht-no-hotels-area > p {
	font-size: 0.95rem;
	color: #888;
	margin: 0 0 28px;
}
.ht-no-hotels-btns {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 12px;
	max-width: 700px;
	margin: 0 auto;
}
.ht-no-hotel-btn {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 20px;
	background: #fff;
	border: 1.5px solid #e5e5e5;
	border-radius: 12px;
	text-decoration: none;
	font-size: 0.92rem;
	font-weight: 600;
	color: var(--nhc);
	transition: 0.3s;
}
.ht-no-hotel-btn span { flex: 1; text-align: left; }
.ht-no-hotel-btn i.fa-external-link-alt { font-size: 0.7rem; color: #ccc; }
.ht-no-hotel-btn:hover {
	background: var(--nhc);
	color: #fff;
	border-color: var(--nhc);
	transform: translateY(-3px);
	box-shadow: 0 8px 24px color-mix(in srgb, var(--nhc) 25%, transparent);
}
.ht-no-hotel-btn:hover i { color: #fff; }

/* View All Areas Button */
.ht-btn-all-areas {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 28px;
	background: #7c3aed;
	color: #fff;
	border-radius: 10px;
	font-size: 0.88rem;
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
}
.ht-btn-all-areas:hover {
	background: #6d28d9;
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(124,58,237,0.25);
}

/* ===== RESPONSIVE: AREA PAGES + GRID ===== */
@media (max-width: 1024px) {
	.ht-areas-grid-all { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
	.ht-areas-grid-all { grid-template-columns: repeat(2, 1fr); }
	.ht-area-hero-title { font-size: 1.6rem; }
	.ht-area-hero-inner { padding: 30px 0 36px; }
	.ht-area-quick-book { gap: 8px; }
	.ht-area-qb-btn { padding: 8px 16px; font-size: 0.82rem; }
	.ht-no-hotels-btns { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
	.ht-areas-grid-all { grid-template-columns: 1fr; }
	.ht-area-hero-title { font-size: 1.35rem; }
	.ht-area-card-sm { padding: 12px 14px; gap: 10px; }
	.ht-area-info-sm h4 { font-size: 0.82rem; }
}

/* ====================================================
   HOTEL PAGE V2 — Map, Best Deal Modal, Pagination,
   Footer Link Sections, Ad Banner
   ==================================================== */

/* ===== TWO COLUMN: LISTINGS + MAP ===== */
.ht-two-col {
	display: flex;
	gap: 24px;
	align-items: flex-start;
}
.ht-listings-col {
	flex: 1;
	min-width: 0;
}
.ht-map-col {
	width: 380px;
	flex-shrink: 0;
	position: sticky;
	top: 80px;
}
.ht-map-box {
	height: calc(100vh - 120px);
	border-radius: 14px;
	overflow: hidden;
	border: 1.5px solid #e5e5e5;
	box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}

/* Marker blink animation */
.ht-marker-blink {
	animation: htMarkerBlink 0.6s ease-in-out infinite alternate;
	filter: hue-rotate(140deg) brightness(1.3);
	z-index: 9999 !important;
}
@keyframes htMarkerBlink {
	0% { transform: scale(1); }
	100% { transform: scale(1.5); }
}

/* ===== BEST DEAL BUTTON ===== */
.ht-btn-bestdeal {
	padding: 10px 22px;
	background: linear-gradient(135deg, #ef4444, #f97316);
	color: #fff;
	border: none;
	border-radius: 10px;
	font-size: 0.88rem;
	font-weight: 700;
	font-family: var(--font-body);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: 0.3s;
	white-space: nowrap;
	box-shadow: 0 4px 15px rgba(239,68,68,0.25);
}
.ht-btn-bestdeal:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(239,68,68,0.35);
}

/* ===== BEST DEAL POPUP MODAL ===== */
.ht-modal-overlay {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.6);
	backdrop-filter: blur(4px);
	z-index: 9999;
	align-items: center;
	justify-content: center;
}
.ht-modal-overlay.ht-modal-open {
	display: flex;
}
.ht-modal {
	background: #fff;
	border-radius: 20px;
	width: 90%;
	max-width: 560px;
	max-height: 90vh;
	overflow-y: auto;
	box-shadow: 0 24px 80px rgba(0,0,0,0.25);
	animation: htModalIn 0.3s ease;
}
@keyframes htModalIn {
	from { opacity: 0; transform: translateY(30px) scale(0.95); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}
.ht-modal-head {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 24px 28px 16px;
	border-bottom: 1px solid #f0f0f0;
}
.ht-modal-head h3 {
	font-family: var(--font-head);
	font-size: 1.2rem;
	font-weight: 800;
	color: #1a1a1a;
	margin: 0 0 2px;
}
.ht-modal-head p {
	font-size: 0.82rem;
	color: #999;
	margin: 0;
}
.ht-modal-close {
	background: #f5f5f5;
	border: none;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #888;
	font-size: 0.9rem;
	transition: 0.2s;
	flex-shrink: 0;
}
.ht-modal-close:hover { background: #eee; color: #333; }
.ht-modal-body {
	padding: 8px 12px 16px;
}
.ht-modal-deal-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 16px;
	margin: 4px 0;
	border-radius: 12px;
	text-decoration: none;
	transition: 0.25s;
	border: 1.5px solid transparent;
}
.ht-modal-deal-row:hover {
	background: color-mix(in srgb, var(--mdc) 5%, white);
	border-color: color-mix(in srgb, var(--mdc) 20%, white);
	transform: translateX(4px);
}
.ht-modal-deal-left {
	display: flex;
	align-items: center;
	gap: 14px;
}
.ht-modal-deal-icon {
	width: 42px;
	height: 42px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 1rem;
	flex-shrink: 0;
}
.ht-modal-deal-left strong {
	display: block;
	font-size: 0.95rem;
	color: #1a1a1a;
}
.ht-modal-deal-offer {
	display: block;
	font-size: 0.78rem;
	font-weight: 600;
	color: #059669;
	margin-top: 2px;
}
.ht-modal-deal-go {
	font-size: 0.82rem;
	font-weight: 700;
	color: var(--mdc);
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 6px;
}
.ht-modal-deal-go i { font-size: 0.68rem; }

/* ===== PAGINATION ===== */
.ht-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	padding: 28px 0 10px;
}
.ht-pagination button {
	width: 40px;
	height: 40px;
	border: 1.5px solid #e5e5e5;
	border-radius: 10px;
	background: #fff;
	color: #555;
	font-size: 0.88rem;
	font-weight: 600;
	font-family: var(--font-body);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.25s;
}
.ht-pagination button:hover {
	border-color: #0066cc;
	color: #0066cc;
	background: #f0f7ff;
}
.ht-pagination button.ht-pg-active {
	background: #0066cc;
	color: #fff;
	border-color: #0066cc;
}
.ht-pg-dots {
	font-size: 0.88rem;
	color: #bbb;
	padding: 0 4px;
}

/* ===== AD BANNER (replaces partners strip) ===== */
.ht-ad-banner {
	padding: 16px 0;
	background: #f8fafc;
	border-bottom: 1px solid #eee;
	width: 100%;
}

/* ===== FOOTER LINK SECTIONS (Booking.com style) ===== */
.ht-footer-links {
	padding: 40px 0 20px;
	background: #f8fafc;
	border-top: 1px solid #eee;
}
.ht-link-section {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 14px;
	padding: 24px 28px;
	margin-bottom: 16px;
}
.ht-link-title {
	font-family: var(--font-head);
	font-size: 1.05rem;
	font-weight: 800;
	color: #1a1a1a;
	margin: 0 0 16px;
}
.ht-link-box {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px 20px;
}
.ht-link-box a {
	font-size: 0.85rem;
	color: #0891b2;
	text-decoration: none;
	padding: 5px 0;
	transition: 0.2s;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ht-link-box a:hover { color: #E8622C; text-decoration: underline; }

/* Expandable link box */
.ht-link-box-expand {
	max-height: 160px;
	overflow: hidden;
	position: relative;
	transition: max-height 0.4s ease;
}
.ht-link-box-expand::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 40px;
	background: linear-gradient(transparent, #fff);
	pointer-events: none;
}
.ht-link-box-expand.ht-link-box-expanded {
	max-height: 2000px;
}
.ht-link-box-expand.ht-link-box-expanded::after {
	display: none;
}
.ht-show-more-btn {
	display: inline-block;
	margin-top: 12px;
	background: none;
	border: none;
	color: #E8622C;
	font-size: 0.85rem;
	font-weight: 700;
	cursor: pointer;
	font-family: var(--font-body);
	padding: 0;
}
.ht-show-more-btn:hover { text-decoration: underline; }

/* ===== HOTEL NEAR POPULAR PLACES ===== */
.ht-nearby-places {
	padding: 40px 0;
	background: #fff;
}
.ht-nearby-places .ht-link-box {
	background: #f8fafc;
	border: 1px solid #e5e5e5;
	border-radius: 14px;
	padding: 24px 28px;
	margin-top: 20px;
}

/* ===== RESPONSIVE: V2 ===== */
@media (max-width: 992px) {
	.ht-two-col { flex-direction: column; }
	.ht-map-col { width: 100%; position: relative; top: 0; order: -1; }
	.ht-map-box { height: 280px; }
}
@media (max-width: 768px) {
	.ht-link-box { grid-template-columns: repeat(2, 1fr); }
	.ht-modal { width: 95%; max-width: 480px; }
	.ht-modal-head { padding: 18px 20px 14px; }
	.ht-modal-body { padding: 6px 8px 14px; }
	.ht-modal-deal-row { padding: 12px; }
	.ht-modal-deal-go { display: none; }
	.ht-pagination button { width: 36px; height: 36px; font-size: 0.82rem; }
	.ht-link-section { padding: 18px 20px; }
	.ht-nearby-places .ht-link-box { padding: 18px 20px; }
}
@media (max-width: 480px) {
	.ht-link-box { grid-template-columns: 1fr; }
	.ht-modal-deal-icon { width: 36px; height: 36px; font-size: 0.85rem; }
}

/* ====================================================
   V3 — Ghibli Hero, Filter Bar, WhatsApp Header Button
   ==================================================== */

/* ===== WHATSAPP HEADER BUTTON ===== */
.lc-btn-wa {
	background: #25d366 !important;
	color: #fff !important;
	border: none !important;
	border-radius: 8px;
	padding: 8px 20px;
	font-weight: 700;
	font-size: 0.85rem;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: 0.3s;
	box-shadow: 0 2px 10px rgba(37,211,102,0.25);
}
.lc-btn-wa:hover {
	background: #20bd5a !important;
	color: #fff !important;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(37,211,102,0.35);
}
.lc-btn-wa i { font-size: 1.05rem; }

/* ===== HERO SPLIT LAYOUT ===== */
.ht-hero-split {
	display: flex;
	align-items: center;
	gap: 40px;
	text-align: left;
}
.ht-hero-left {
	flex: 1;
	min-width: 0;
}
.ht-hero-right {
	width: 340px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* ===== GHIBLI STYLE HOTEL ILLUSTRATION ===== */
.ht-ghibli-scene {
	position: relative;
	width: 300px;
	height: 340px;
}
.ht-ghibli-building {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
}
.ht-ghibli-roof {
	width: 200px;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 40px solid #f59e0b;
	margin: 0 auto;
	position: relative;
	filter: drop-shadow(0 -4px 8px rgba(245,158,11,0.3));
}
.ht-ghibli-roof::after {
	content: '';
	position: absolute;
	top: 40px;
	left: -10px;
	right: -10px;
	height: 6px;
	background: #d97706;
	border-radius: 0 0 4px 4px;
}
.ht-ghibli-body {
	width: 200px;
	height: 180px;
	background: linear-gradient(180deg, #fef3c7, #fde68a);
	border-radius: 0 0 12px 12px;
	position: relative;
	box-shadow: 0 8px 30px rgba(0,0,0,0.2);
	overflow: hidden;
}
.ht-ghibli-body::before {
	content: '';
	position: absolute;
	inset: 0;
	background: repeating-linear-gradient(0deg, transparent, transparent 35px, rgba(217,119,6,0.08) 35px, rgba(217,119,6,0.08) 36px);
}
.ht-ghibli-sign {
	text-align: center;
	padding: 10px 0 6px;
	font-family: var(--font-head);
	font-size: 0.95rem;
	font-weight: 800;
	letter-spacing: 4px;
	color: #92400e;
	text-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.ht-ghibli-windows {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
	padding: 4px 20px;
}
.ht-gw {
	width: 100%;
	aspect-ratio: 1;
	border-radius: 4px;
	background: #78350f;
	border: 2px solid #92400e;
	position: relative;
}
.ht-gw-on {
	background: #fbbf24;
	box-shadow: 0 0 12px rgba(251,191,36,0.6), inset 0 0 6px rgba(255,255,255,0.3);
	animation: htGhibliGlow 3s ease-in-out infinite alternate;
}
@keyframes htGhibliGlow {
	0% { box-shadow: 0 0 8px rgba(251,191,36,0.4); }
	100% { box-shadow: 0 0 20px rgba(251,191,36,0.8), 0 0 40px rgba(251,191,36,0.2); }
}
.ht-ghibli-door {
	width: 40px;
	height: 50px;
	background: linear-gradient(180deg, #78350f, #451a03);
	border-radius: 20px 20px 0 0;
	margin: 10px auto 0;
	position: relative;
	border: 2px solid #92400e;
}
.ht-ghibli-door::after {
	content: '';
	position: absolute;
	right: 8px;
	top: 50%;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fbbf24;
}

/* Trees */
.ht-ghibli-trees {
	position: absolute;
	bottom: 20px;
	left: 10px;
	display: flex;
	gap: 8px;
}
.ht-gt {
	width: 36px;
	height: 50px;
	background: radial-gradient(ellipse, #059669, #047857);
	border-radius: 50% 50% 20% 20%;
	position: relative;
	box-shadow: 0 4px 12px rgba(5,150,105,0.3);
}
.ht-gt::after {
	content: '';
	position: absolute;
	bottom: -8px;
	left: 50%;
	transform: translateX(-50%);
	width: 6px;
	height: 12px;
	background: #78350f;
	border-radius: 2px;
}
.ht-gt-sm { width: 28px; height: 38px; }

/* Clouds */
.ht-ghibli-clouds {
	position: absolute;
	top: 0;
	width: 100%;
}
.ht-gc {
	display: block;
	width: 80px;
	height: 28px;
	background: rgba(255,255,255,0.15);
	border-radius: 20px;
	position: absolute;
	top: 10px;
	right: 10px;
	animation: htCloudFloat 12s ease-in-out infinite;
}
.ht-gc::before {
	content: '';
	position: absolute;
	width: 40px;
	height: 20px;
	background: inherit;
	border-radius: 20px;
	top: -10px;
	left: 15px;
}
.ht-gc-2 {
	width: 60px;
	height: 22px;
	top: 40px;
	right: auto;
	left: 20px;
	animation-delay: 4s;
	animation-duration: 15s;
}
@keyframes htCloudFloat {
	0%, 100% { transform: translateX(0); }
	50% { transform: translateX(20px); }
}

/* Stars + Label */
.ht-ghibli-stars {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 3px;
}
.ht-ghibli-stars i {
	font-size: 0.75rem;
	color: #fbbf24;
	filter: drop-shadow(0 0 4px rgba(251,191,36,0.5));
}
.ht-ghibli-label {
	position: absolute;
	bottom: -16px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 0.78rem;
	font-weight: 700;
	color: rgba(255,255,255,0.6);
	white-space: nowrap;
	letter-spacing: 0.5px;
}

/* ===== QUICK FILTER BAR ===== */
.ht-filter-bar {
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
	padding: 12px 0;
	position: sticky;
	top: 68px;
	z-index: 90;
	box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.ht-filter-scroll {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 2px 0;
}
.ht-filter-label {
	font-size: 0.82rem;
	font-weight: 700;
	color: #666;
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
}
.ht-filter-label i { color: #0066cc; }
.ht-filter-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	border: 1.5px solid #e5e5e5;
	border-radius: 50px;
	background: #fff;
	color: #555;
	font-size: 0.82rem;
	font-weight: 600;
	font-family: var(--font-body);
	cursor: pointer;
	white-space: nowrap;
	flex-shrink: 0;
	transition: 0.25s;
}
.ht-filter-chip i { font-size: 0.75rem; color: #999; transition: 0.25s; }
.ht-filter-chip:hover {
	border-color: #0066cc;
	color: #0066cc;
}
.ht-filter-chip:hover i { color: #0066cc; }
.ht-filter-chip.ht-chip-active {
	background: #0066cc;
	color: #fff;
	border-color: #0066cc;
}
.ht-filter-chip.ht-chip-active i { color: #fff; }

/* ====================================================
   V4 — Booking.com Filter Bar, Dummy Ad, Sketch, FAQ fix
   ==================================================== */

/* ===== DUMMY AD IMAGE ===== */
.ht-ad-dummy {
	background: linear-gradient(135deg, #f0f4f8, #e2e8f0);
	border: 2px dashed #cbd5e1;
	border-radius: 12px;
	min-height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.ht-ad-dummy-inner {
	text-align: center;
	padding: 16px 20px;
}
.ht-ad-dummy-inner i {
	font-size: 1.5rem;
	color: #94a3b8;
	display: block;
	margin-bottom: 4px;
}
.ht-ad-dummy-inner span {
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #94a3b8;
}
.ht-ad-dummy-inner p {
	font-size: 0.82rem;
	color: #b0bec5;
	margin: 4px 0 0;
}

/* ===== BOOKING.COM STYLE FILTER BAR ===== */
.htfb-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 18px;
	border: 1.5px solid #e5e5e5;
	border-radius: 50px;
	background: #fff;
	color: #333;
	font-size: 0.85rem;
	font-weight: 600;
	font-family: var(--font-body);
	cursor: pointer;
	white-space: nowrap;
	flex-shrink: 0;
	transition: 0.25s;
}
.htfb-btn:hover { border-color: #0066cc; color: #0066cc; }
.htfb-btn i { font-size: 0.75rem; }
.htfb-arrow { font-size: 0.6rem !important; margin-left: 2px; transition: 0.2s; }
.htfb-filters { font-weight: 700; }
.htfb-filters i { color: #0066cc; }

/* Sort / Price Dropdown */
.htfb-dropdown {
	position: relative;
	flex-shrink: 0;
}
.htfb-menu {
	display: none;
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	background: #fff;
	border: 1.5px solid #e5e5e5;
	border-radius: 12px;
	box-shadow: 0 12px 40px rgba(0,0,0,0.15);
	min-width: 220px;
	z-index: 500;
	animation: htMenuIn 0.2s ease;
}
.htfb-open .htfb-menu { display: block; }
.htfb-open .htfb-arrow { transform: rotate(180deg); }
.htfb-menu a {
	display: block;
	padding: 11px 18px;
	font-size: 0.88rem;
	color: #333;
	text-decoration: none;
	transition: 0.15s;
}
.htfb-menu a:hover { background: #f5f5f5; color: #0066cc; }
.htfb-menu a.htfb-type-active { background: #f0f7ff; color: #0066cc; font-weight: 700; }
.htfb-menu a i { margin-right: 4px; }

/* Price Range Popup */
.htfb-price-menu {
	min-width: 340px;
	padding: 20px;
}
.htfb-price-head {
	font-size: 0.95rem;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 16px;
}
.htfb-range-track {
	position: relative;
	height: 40px;
	display: flex;
	align-items: center;
}
.htfb-range {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 4px;
	background: #dbeafe;
	border-radius: 4px;
	outline: none;
	position: absolute;
	pointer-events: none;
}
.htfb-range:first-child { z-index: 1; }
.htfb-range:last-child { z-index: 2; }
.htfb-range::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #0066cc;
	border: 3px solid #fff;
	box-shadow: 0 2px 8px rgba(0,102,204,0.3);
	cursor: pointer;
	pointer-events: all;
	position: relative;
	z-index: 3;
}
.htfb-range::-moz-range-thumb {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #0066cc;
	border: 3px solid #fff;
	box-shadow: 0 2px 8px rgba(0,102,204,0.3);
	cursor: pointer;
	pointer-events: all;
}
.htfb-price-inputs {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 14px;
}
.htfb-price-field { flex: 1; }
.htfb-price-field label {
	display: block;
	font-size: 0.75rem;
	font-weight: 600;
	color: #888;
	margin-bottom: 4px;
}
.htfb-price-input-wrap {
	display: flex;
	align-items: center;
	border: 1.5px solid #e5e5e5;
	border-radius: 8px;
	padding: 0 10px;
	background: #fff;
}
.htfb-price-input-wrap span {
	font-size: 0.88rem;
	color: #888;
	font-weight: 600;
}
.htfb-price-input-wrap input {
	border: none;
	outline: none;
	padding: 10px 6px;
	font-size: 0.88rem;
	font-family: var(--font-body);
	font-weight: 600;
	width: 100%;
	color: #1a1a1a;
}
.htfb-plus { color: #888; }
.htfb-price-sep {
	font-size: 1rem;
	color: #ccc;
	font-weight: 600;
	padding-top: 18px;
}
.htfb-price-actions {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 18px;
	padding-top: 14px;
	border-top: 1px solid #f0f0f0;
}
.htfb-reset {
	background: none;
	border: none;
	color: #888;
	font-size: 0.85rem;
	font-weight: 600;
	cursor: pointer;
	font-family: var(--font-body);
	padding: 0;
}
.htfb-reset:hover { color: #333; }
.htfb-apply {
	padding: 10px 28px;
	background: #0066cc;
	color: #fff;
	border: none;
	border-radius: 8px;
	font-size: 0.88rem;
	font-weight: 700;
	font-family: var(--font-body);
	cursor: pointer;
	transition: 0.2s;
}
.htfb-apply:hover { background: #0052a3; }

/* ===== AREA HERO SPLIT LAYOUT ===== */
.ht-area-hero-split {
	display: flex;
	align-items: center;
	gap: 40px;
}
.ht-area-hero-left { flex: 1; min-width: 0; }

/* ===== SKETCH-STYLE HOTEL (Area Hero Right) ===== */
.ht-area-hero-sketch {
	width: 260px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ht-sketch-hotel {
	position: relative;
	width: 200px;
	height: 250px;
	filter: drop-shadow(0 6px 20px rgba(0,0,0,0.2));
}
.ht-sketch-roof {
	width: 180px;
	height: 0;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-bottom: 34px solid rgba(255,255,255,0.2);
	margin: 0 auto;
	position: relative;
}
.ht-sketch-roof::after {
	content: '';
	position: absolute;
	top: 34px;
	left: -8px;
	right: -8px;
	height: 4px;
	background: rgba(255,255,255,0.15);
}
.ht-sketch-body {
	width: 180px;
	height: 150px;
	margin: 0 auto;
	border: 2px solid rgba(255,255,255,0.2);
	border-top: none;
	border-radius: 0 0 8px 8px;
	background: rgba(255,255,255,0.05);
	backdrop-filter: blur(4px);
	position: relative;
}
.ht-sketch-sign {
	text-align: center;
	padding: 8px 0 4px;
	font-family: var(--font-head);
	font-size: 0.85rem;
	font-weight: 800;
	letter-spacing: 4px;
	color: rgba(255,255,255,0.7);
}
.ht-sketch-wins {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 6px;
	padding: 2px 18px;
}
.ht-sketch-wins span {
	aspect-ratio: 1;
	border-radius: 3px;
	border: 1.5px solid rgba(255,255,255,0.2);
	background: rgba(255,255,255,0.05);
}
.ht-sw-lit {
	background: rgba(251,191,36,0.4) !important;
	border-color: rgba(251,191,36,0.5) !important;
	box-shadow: 0 0 10px rgba(251,191,36,0.3);
	animation: htSketchGlow 2.5s ease-in-out infinite alternate;
}
@keyframes htSketchGlow {
	0% { box-shadow: 0 0 6px rgba(251,191,36,0.2); }
	100% { box-shadow: 0 0 16px rgba(251,191,36,0.5); }
}
.ht-sketch-door {
	width: 30px;
	height: 38px;
	border: 1.5px solid rgba(255,255,255,0.2);
	border-bottom: none;
	border-radius: 15px 15px 0 0;
	margin: 8px auto 0;
	background: rgba(255,255,255,0.08);
}
.ht-sketch-door::after {
	content: '';
	position: absolute;
	right: calc(50% - 20px);
	bottom: 18px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: rgba(251,191,36,0.6);
}
.ht-sketch-tree {
	position: absolute;
	bottom: 0;
	left: -10px;
	width: 28px;
	height: 40px;
	background: radial-gradient(ellipse, rgba(52,211,153,0.4), rgba(16,185,129,0.3));
	border-radius: 50% 50% 20% 20%;
}
.ht-sketch-tree::after {
	content: '';
	position: absolute;
	bottom: -6px;
	left: 50%;
	transform: translateX(-50%);
	width: 4px;
	height: 8px;
	background: rgba(255,255,255,0.15);
	border-radius: 2px;
}

/* ===== FAQ LEFT ALIGN FIX ===== */
.ht-faq-list {
	text-align: left !important;
}
.ht-faq-item summary {
	text-align: left !important;
}
.ht-faq-answer {
	text-align: left !important;
}

/* ===== HOTEL BOTTOM — remove price-box gap ===== */
.ht-hotel-bottom {
	justify-content: flex-end;
}

/* ===== RESPONSIVE: V4 ===== */
@media (max-width: 992px) {
	.ht-area-hero-sketch { display: none; }
	.ht-area-hero-split { text-align: left; }
}
@media (max-width: 768px) {
	.ht-filter-bar { top: 0; }
	.ht-filter-chip { padding: 6px 13px; font-size: 0.78rem; }
	.htfb-btn { padding: 6px 14px; font-size: 0.82rem; }
	.htfb-price-menu { min-width: 280px; padding: 16px; }
}
@media (max-width: 480px) {
	.htfb-price-menu { min-width: auto; width: calc(100vw - 40px); }
}

/* ====================================================
   HOTEL CARDS — Capture.PNG exact match
   ==================================================== */
.htbc-card {
	display: flex;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 16px;
	transition: box-shadow 0.25s, border-color 0.25s;
}
.htbc-card:hover {
	border-color: #0071c2;
	box-shadow: 0 4px 20px rgba(0,113,194,0.1);
}

/* Image */
.htbc-img {
	width: 300px;
	flex-shrink: 0;
	display: block;
	overflow: hidden;
	background: #f0f0f0;
}
.htbc-img img { width:100%; height:100%; object-fit:cover; transition:transform 0.4s; }
.htbc-card:hover .htbc-img img { transform:scale(1.05); }
.htbc-img-ph {
	width:100%; height:100%; min-height:260px;
	display:flex; align-items:center; justify-content:center;
	background:linear-gradient(135deg,#dbeafe,#e0e7ff);
	font-size:2.5rem; color:#93c5fd;
}

/* Body */
.htbc-body {
	flex:1; padding:16px 20px;
	display:flex; flex-direction:column; min-width:0;
}

/* Row 1: Name + Rating inline */
.htbc-row1 {
	display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:6px;
}
.htbc-name {
	font-family:var(--font-head); font-size:1.15rem; font-weight:700;
	margin:0; line-height:1.3; flex:1; min-width:0;
}
.htbc-name a { color:#1a1a1a; text-decoration:none; }
.htbc-name a:hover { color:#0071c2; text-decoration:underline; }

/* Rating inline: green badge + Excellent + count */
.htbc-rating-inline {
	display:flex; align-items:center; gap:6px; flex-shrink:0; white-space:nowrap;
}
.htbc-score-green {
	display:inline-flex; align-items:center; justify-content:center;
	min-width:28px; height:20px; padding:0 4px;
	border-radius:10%;
	background:#059669; color:#fff;
	font-size:0.78rem; font-weight:800; font-family:var(--font-head);
}
.htbc-rating-inline strong {
	font-size:0.9rem; color:#1a1a1a;
}
.htbc-rc {
	font-size:0.8rem; color:#888; font-weight:500;
}

/* Meta row: Stars + Write a review */
.htbc-meta-row {
	display:flex; align-items:center; justify-content:space-between; gap:12px;
	margin-bottom:6px;
}
.htbc-stars {
	display:flex; align-items:center; gap:1px;
}
.htbc-stars i { font-size:0.7rem; color:#f59e0b; }
.htbc-stars span { font-size:0.82rem; font-weight:600; color:#666; margin-left:6px; }

/* Write a review button */
.htbc-write-review {
	display:inline-flex; align-items:center; gap:5px;
	padding:6px 16px; border-radius:4px;
	background:#e53e3e; color:#fff;
	font-size:0.78rem; font-weight:700;
	text-decoration:none; transition:0.2s;
	white-space:nowrap; flex-shrink:0;
}
.htbc-write-review:hover { background:#c53030; color:#fff; }
.htbc-write-review i { font-size:0.7rem; }

/* Location */
.htbc-loc {
	font-size:0.85rem; color:#555;
	display:flex; align-items:center; gap:4px; margin-bottom:6px;
}
.htbc-loc i { font-size:0.72rem; color:#e53e3e; }

/* Contact: phone + website */
.htbc-contact {
	display:flex; align-items:center; gap:16px; margin-bottom:8px;
}
.htbc-phone {
	font-size:0.85rem; font-weight:600; color:#1a1a1a; text-decoration:none;
	display:inline-flex; align-items:center; gap:4px;
}
.htbc-phone i { font-size:0.72rem; color:#059669; }
.htbc-phone:hover { color:#0071c2; }
.htbc-website {
	font-size:0.85rem; font-weight:600; color:#0071c2; text-decoration:none;
}
.htbc-website:hover { text-decoration:underline; }

/* Amenity chips */
.htbc-amenities {
	display:flex; gap:6px; flex-wrap:wrap; margin-bottom:10px;
}
.htbc-am {
	display:inline-flex; align-items:center; gap:4px;
	padding:5px 12px; border-radius:4px;
	font-size:0.78rem; font-weight:600; color:#444;
	border:1px solid #ddd; background:#fff;
}
.htbc-am i { font-size:0.7rem; color:#555; }

/* Description */
.htbc-desc {
	font-size:0.84rem; color:#555; line-height:1.6;
	margin:0 0 10px; padding:12px 16px;
	background:#f0f7ff; border-radius:6px;
	border-left:3px solid #0071c2;
}
.htbc-desc i { color:#0071c2; font-size:0.6rem; margin-right:4px; }
.htbc-desc strong { color:#1a1a1a; }

/* Footer: More Details + Get Best Deal */
.htbc-foot {
	display:flex; justify-content:space-between; align-items:center;
	margin-top:auto;
}
.htbc-link-details {
	font-size:0.88rem; font-weight:600; color:#0071c2; text-decoration:none;
}
.htbc-link-details:hover { text-decoration:underline; }
.htbc-btn-deal {
	padding:10px 24px;
	background:#fff; color:#0071c2;
	border:2px solid #0071c2; border-radius:4px;
	font-size:0.88rem; font-weight:700;
	font-family:var(--font-body); cursor:pointer;
	transition:0.2s;
}
.htbc-btn-deal:hover { background:#0071c2; color:#fff; }

/* ===== CARD RESPONSIVE ===== */
@media (max-width:992px) {
	.ht-two-col { flex-direction:column; }
	.ht-map-col { width:100%; position:relative; top:0; order:-1; }
	.ht-map-box { height:250px; }
}
@media (max-width:768px) {
	.htbc-card { flex-direction:column; }
	.htbc-img { width:100%; height:200px; }
	.htbc-row1 { flex-direction:column; gap:6px; }
	.htbc-meta-row { flex-direction:column; align-items:flex-start; gap:6px; }
	.htbc-foot { flex-direction:column; gap:10px; align-items:stretch; }
	.htbc-btn-deal { width:100%; text-align:center; justify-content:center; display:flex; }
	.htbc-desc { font-size:0.8rem; padding:10px 12px; }
	.ht-hero-inner { padding: 35px 0 30px; }
	.ht-hero-title { font-size: 1.8rem; }
	.ht-search-row { flex-direction: column; gap: 10px; }
	.ht-search-field, .ht-search-field-loc, .ht-search-field-sm { flex: auto; width: 100%; }
	.ht-search-btn { width: 100%; justify-content: center; }
	.ht-search-box { padding: 18px 16px; border-radius: 14px; }
	.ht-trust-strip { gap: 10px; flex-wrap: wrap; justify-content: center; }
	.ht-trust-strip span { font-size: 0.72rem; }
	.ht-deals-grid { grid-template-columns: 1fr !important; }
	.ht-why-grid { grid-template-columns: 1fr !important; }
	.ht-section-head { flex-direction: column; align-items: flex-start; }
	.ht-view-controls { width: 100%; }
	.ht-search-inline input { width: 100%; }
	.ht-area-pills { flex-wrap: wrap; }
	.ht-areas-grid-all { grid-template-columns: repeat(2,1fr) !important; }
	.ht-link-box { grid-template-columns: repeat(2,1fr) !important; }
	.ht-nearby-places .ht-link-box { grid-template-columns: repeat(2,1fr) !important; }
	.ht-faq-list { max-width: 100%; }
	.ht-area-hero-title { font-size: 1.5rem; }
	.ht-area-hero-sketch { display: none; }
	.ht-area-quick-book { flex-wrap: wrap; gap: 6px; }
	.ht-area-qb-btn { padding: 7px 14px; font-size: 0.78rem; }
	.ht-filter-bar { top: 0; }
	.htfb-btn { padding: 6px 12px; font-size: 0.78rem; }
	.htfb-price-menu { min-width: 280px; padding: 14px; }
}
@media (max-width: 480px) {
	.ht-hero-title { font-size: 1.4rem; }
	.ht-hero-subtitle { font-size: 0.85rem; }
	.htbc-name { font-size: 0.95rem; }
	.htbc-body { padding: 12px 14px; }
	.htbc-score { width: 28px; height: 28px; font-size: 0.78rem; }
	.htbc-rating-label { font-size: 0.82rem; }
	.htbc-rating-count { font-size: 0.75rem; }
	.htbc-price-val { font-size: 1.1rem; }
	.ht-areas-grid-all { grid-template-columns: 1fr !important; }
	.ht-link-box { grid-template-columns: 1fr !important; }
	.ht-nearby-places .ht-link-box { grid-template-columns: 1fr !important; }
	.htfb-price-menu { min-width: auto; width: calc(100vw - 32px); }
	.ht-area-pills { gap: 4px; }
	.ht-pill { padding: 5px 12px; font-size: 0.75rem; }
}

/* ====================================================
   MEGA MENU + NAV ICON STYLING
   ==================================================== */

/* Nav link icons */
.lc-nav-link i {
	color: var(--maroon);
	margin-right: 4px;
	font-size: 0.78rem;
}
.lc-dd-icon {
	font-size: 0.55rem !important;
	margin-left: 3px;
	color: #aaa !important;
	transition: 0.2s;
}
.lc-nav-dropdown:hover .lc-dd-icon { transform: rotate(180deg); }

/* Mega Menu */
.lc-mega-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: -40px;
	background: #fff;
	border: 1px solid var(--border);
	border-radius: 12px;
	box-shadow: 0 16px 50px rgba(0,0,0,0.12);
	padding: 20px;
	z-index: 600;
	margin-top: 4px;
	min-width: 480px;
	grid-template-columns: repeat(3, 1fr);
	gap: 0 20px;
}
.lc-nav-dropdown:hover .lc-mega-menu {
	display: grid;
}
.lc-mega-col h6 {
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
	margin: 0 0 10px;
	padding-bottom: 6px;
	border-bottom: 1px solid #f0f0f0;
	display: flex;
	align-items: center;
	gap: 6px;
}
.lc-mega-col a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	font-size: 0.88rem;
	color: #444;
	text-decoration: none;
	border-radius: 6px;
	transition: 0.15s;
	font-weight: 500;
}
.lc-mega-col a:hover {
	background: #f5f5f5;
	color: var(--maroon);
}
.lc-mega-col a i {
	width: 18px;
	text-align: center;
	font-size: 0.82rem;
	color: #888;
}
.lc-mega-col a:hover i { color: var(--maroon); }

/* Regular dropdown - style icons */
.lc-dd-menu a i {
	width: 20px;
	text-align: center;
}

/* Mobile nav */
@media (max-width: 992px) {
	.lc-mega-menu {
		position: static;
		box-shadow: none;
		border: none;
		min-width: auto;
		grid-template-columns: 1fr;
		padding: 0 10px;
		margin-top: 0;
	}
	.lc-mega-col { margin-bottom: 10px; }
	.lc-mega-col h6 { font-size: 0.7rem; }
}

/* ===== BUSINESS LISTING HERO ===== */
.lc-biz-hero {
	position: relative;
	overflow: hidden;
	min-height: 280px;
	display: flex;
	align-items: center;
}
.lc-biz-hero-bg { position: absolute; inset: 0; }
.lc-biz-hero-overlay {
	position: absolute; inset: 0;
	background:
		radial-gradient(ellipse at 20% 50%, rgba(255,255,255,0.05) 0%, transparent 60%),
		radial-gradient(ellipse at 80% 20%, rgba(255,255,255,0.03) 0%, transparent 50%);
}
.lc-biz-hero-particles { position: absolute; inset: 0; overflow: hidden; }
.lc-biz-hero-particles span {
	position: absolute; width: 6px; height: 6px; border-radius: 50%;
	background: rgba(255,255,255,0.06); animation: htParticle 10s linear infinite;
}
.lc-biz-hero-particles span:nth-child(1) { left:15%; top:20%; }
.lc-biz-hero-particles span:nth-child(2) { left:45%; top:60%; animation-delay:2.5s; }
.lc-biz-hero-particles span:nth-child(3) { left:70%; top:30%; animation-delay:5s; width:8px; height:8px; }
.lc-biz-hero-particles span:nth-child(4) { left:85%; top:70%; animation-delay:7s; }
.lc-biz-hero-inner { position: relative; z-index: 2; padding: 0px 67px 0px; }
.lc-biz-hero-split { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.lc-biz-hero-content { flex:1; min-width:0; }
.lc-biz-hero-img {
	flex-shrink:0; width:320px; height:320px; border-radius:20px; overflow:hidden;
	border:4px solid rgba(255,255,255,0.15); box-shadow:0 20px 60px rgba(0,0,0,0.4);
	position:relative;
}
.lc-biz-hero-img img {
	width:100%; height:100%; object-fit:cover; display:block;
}
.lc-biz-hero-icon {
	width: 56px; height: 56px; border-radius: 14px;
	background: rgba(255,255,255,0.1); backdrop-filter: blur(10px);
	display: flex; align-items: center; justify-content: center;
	font-size: 1.4rem; color: #fff; margin-bottom: 16px;
	border: 1px solid rgba(255,255,255,0.15);
}
.lc-biz-hero-title {
	font-family: var(--font-head); font-size: 2.4rem; font-weight: 800;
	color: #fff; margin: 0 0 10px; text-shadow: 0 2px 12px rgba(0,0,0,0.2);
}
.lc-biz-hero-desc {
	font-size: 1rem; color: rgba(255,255,255,0.7); margin: 0 0 20px; max-width: 550px;
}
.lc-biz-hero-stats {
	display: flex; gap: 20px; flex-wrap: wrap;
}
.lc-biz-hero-stats span {
	font-size: 0.82rem; font-weight: 600; color: rgba(255,255,255,0.8);
	display: inline-flex; align-items: center; gap: 6px;
	background: rgba(255,255,255,0.08); padding: 6px 14px; border-radius: 6px;
	border: 1px solid rgba(255,255,255,0.1);
}
.lc-biz-hero-stats i { color: rgba(255,255,255,0.6); font-size: 0.72rem; }

/* Filter wrap */
.lc-biz-filter-wrap {
	display: flex; flex-wrap: wrap; gap: 6px; padding: 2px 0;
}

@media (max-width: 768px) {
	.lc-biz-hero-split { flex-direction: column; text-align: center; gap: 24px; }
	.lc-biz-hero-img { width: 200px; height: 200px; order: -1; margin: 0 auto; }
	.lc-biz-hero-title { font-size: 1.6rem; }
	.lc-biz-hero-inner { padding: 30px 0; }
	.lc-biz-hero-stats { gap: 8px; justify-content: center; }
	.lc-biz-hero-stats span { font-size: 0.75rem; padding: 5px 10px; }
}

/* ====================================================
   BUSINESS LISTING — SIDEBAR + CARD LAYOUT
   ==================================================== */

/* 3-Column Layout */
.lcbl-3col { display:flex; gap:20px; align-items:flex-start; }
.lcbl-sidebar { width:220px; flex-shrink:0; position:sticky; top:80px; max-height:calc(100vh - 100px); overflow-y:auto; scrollbar-width:thin; }
.lcbl-sidebar::-webkit-scrollbar { width:4px; }
.lcbl-sidebar::-webkit-scrollbar-thumb { background:#ddd; border-radius:4px; }
.lcbl-main { flex:1; min-width:0; }
.lcbl-map-col { width:320px; flex-shrink:0; position:sticky; top:80px; }
.lcbl-map { height:calc(100vh - 100px); border-radius:8px; overflow:hidden; border:1px solid #e5e5e5; }

/* Budget Min/Max row */
.lcbl-budget-row { display:flex; gap:8px; }
.lcbl-budget-row input { flex:1; min-width:0; }

/* Sidebar */
.lcbl-sb-section {
	background:#fff; border:1px solid #e5e5e5; border-radius:8px;
	padding:18px 16px; margin-bottom:14px;
}
.lcbl-sb-title {
	font-size:0.92rem; font-weight:800; color:#1a1a1a;
	margin:0 0 14px; display:flex; align-items:center; gap:8px;
	padding-bottom:10px; border-bottom:2px solid #f0f0f0;
}
.lcbl-sb-title i { color:#666; font-size:0.8rem; }
.lcbl-sb-input {
	width:100%; padding:10px 12px; border:1.5px solid #e5e5e5; border-radius:8px;
	font-size:0.85rem; font-family:var(--font-body); outline:none;
}
.lcbl-sb-input:focus { border-color:#0071c2; }
.lcbl-sb-check {
	display:flex; align-items:center; gap:10px;
	padding:6px 0; cursor:pointer; font-size:0.88rem; color:#333;
}
.lcbl-sb-check input[type="checkbox"] {
	width:18px; height:18px; accent-color:#0071c2; cursor:pointer; flex-shrink:0;
}
.lcbl-sb-select {
	width:100%; padding:10px 12px; border:1.5px solid #e5e5e5; border-radius:8px;
	font-size:0.85rem; font-family:var(--font-body); outline:none; background:#fff;
}

/* Topbar */
.lcbl-topbar {
	display:flex; justify-content:space-between; align-items:center;
	margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid #f0f0f0;
}
.lcbl-count { font-size:0.88rem; color:#666; }
.lcbl-count strong { color:#1a1a1a; }
.lcbl-sort {
	padding:8px 14px; border:1.5px solid #e5e5e5; border-radius:8px;
	font-size:0.85rem; font-family:var(--font-body); outline:none; background:#fff;
}

/* Card */
.lcbl-card {
	display:flex; background:#fff; border:1px solid #e5e5e5; border-radius:10px;
	overflow:hidden; margin-bottom:16px; transition:0.25s;
}
.lcbl-card:hover { border-color:#0071c2; box-shadow:0 4px 16px rgba(0,0,0,0.06); }

/* Card Image */
.lcbl-card-img {
	width:240px; flex-shrink:0; display:block; overflow:hidden; background:#f0f0f0;
}
.lcbl-card-img img { width:100%; height:100%; object-fit:cover; }
.lcbl-card-img-ph {
	width:100%; height:100%; min-height:200px;
	display:flex; align-items:center; justify-content:center;
	background:linear-gradient(135deg,#dbeafe,#e0e7ff);
	font-size:2.5rem; color:#93c5fd;
}

/* Card Body */
.lcbl-card-body { flex:1; padding:14px 18px; display:flex; flex-direction:column; min-width:0; }

/* Row 1: Name + Click to Rate */
.lcbl-card-row1 { display:flex; justify-content:space-between; align-items:flex-start; gap:8px; margin-bottom:-12px; }
.lcbl-card-name { font-size:1.05rem; font-weight:700; margin:0; line-height:1.3; }
.lcbl-card-name a { color:#0071c2; text-decoration:none; }
.lcbl-card-name a:hover { text-decoration:underline; }
.lcbl-card-rate-stars {
	display:flex; flex-direction:column; align-items:flex-end; gap:2px; flex-shrink:0; cursor:pointer; white-space:nowrap;
}
.lcbl-card-rate-stars .lcbl-stars-row {
	display:flex; align-items:center; gap:3px;
}
.lcbl-card-rate-stars i {
	font-size:0.82rem; color:#ccc;
	width:24px; height:24px;
	display:inline-flex; align-items:center; justify-content:center;
	border:1.5px solid #ddd; border-radius:3px;
	background:#fff; transition:0.15s;
}
.lcbl-card-rate-stars i:hover { color:#f59e0b; border-color:#f59e0b; }
.lcbl-card-rate-stars span { font-size:0.75rem; color:#666; font-weight:600; }

/* Rating Badge — RED */
.lcbl-card-rating { display:flex; align-items:center; gap:8px; margin-bottom:6px; }
.lcbl-score {
	display:inline-flex; align-items:center; gap:4px;
	padding:1px 6px; border-radius:4px; color:#fff;
	font-size:0.82rem; font-weight:800; background:#f15c00 !important;
}
.lcbl-score i { font-size:0.7rem; }
.lcbl-reviews { font-size:0.82rem; color:#059669; text-decoration:none; }
.lcbl-reviews:hover { text-decoration:underline; }

/* Location */
.lcbl-card-loc { font-size:0.85rem; color:#555; margin-bottom:4px; }
.lcbl-card-loc i { color:#e53e3e; font-size:0.78rem; }
.lcbl-card-loc strong { color:#1a1a1a; }

/* Description */
.lcbl-card-desc { font-size:0.86rem; color:#333; font-style:normal; margin:4px 0; line-height:1.5; }

/* View details */
.lcbl-view-details {
	font-size:0.86rem; font-weight:600; color:#0071c2; text-decoration:none; margin-bottom:8px; display:inline-block;
}
.lcbl-view-details:hover { text-decoration:underline; color:#004a80; }

/* Bottom Buttons — HORIZONTAL ROW */
.lcbl-card-btns { display:flex; gap:8px; align-items:center; margin-top:auto; }
.lcbl-btn {
	display:inline-flex; align-items:center; gap:5px;
	padding:8px 14px; border-radius:4px;
	font-size:0.8rem; font-weight:600; text-decoration:none;
	transition:0.2s; white-space:nowrap; cursor:pointer;
}
.lcbl-btn-web { border:1.5px solid #059669; color:#059669; background:#fff; }
.lcbl-btn-web:hover { background:#059669; color:#fff; }
.lcbl-btn-web i { color:#059669; }
.lcbl-btn-web:hover i { color:#fff; }
.lcbl-btn-phone { border:1.5px solid #059669; color:#059669; background:#fff; }
.lcbl-btn-phone:hover { background:#059669; color:#fff; }
.lcbl-btn-phone i { color:#059669; }
.lcbl-btn-phone:hover i { color:#fff; }
.lcbl-btn-action { color:#fff; border:none; background:#e53e3e; }
.lcbl-btn-action:hover { background:#c53030; color:#fff; }
.lcbl-btn-action i { color:#fff; }

/* ===== RESPONSIVE ===== */
@media (max-width:1200px) {
	.lcbl-map-col { width:280px; }
}
/* Sidebar toggle button (mobile) */
.lcbl-sidebar-toggle {
	display:none; width:100%; padding:12px 16px;
	background:#fff; border:1.5px solid #e5e5e5; border-radius:8px;
	font-size:0.88rem; font-weight:700; color:#333;
	cursor:pointer; text-align:left; font-family:var(--font-body);
	margin-bottom:12px;
}
.lcbl-sidebar-toggle i { margin-right:6px; color:#0071c2; }
.lcbl-sidebar-toggle .lcbl-toggle-arrow { float:right; font-size:0.7rem; color:#999; transition:0.2s; }
.lcbl-sidebar.lcbl-sb-open .lcbl-toggle-arrow { transform:rotate(180deg); }

@media (max-width:992px) {
	.lcbl-3col { flex-direction:column; }
	.lcbl-sidebar { width:100%; position:static; max-height:none; }
	.lcbl-sidebar-toggle { display:block; }
	.lcbl-sb-section { display:none; margin-bottom:8px; }
	.lcbl-sidebar.lcbl-sb-open .lcbl-sb-section { display:block; }
	.lcbl-map-col { width:100%; position:static; order:-1; }
	.lcbl-map { height:250px; }
}
@media (max-width:768px) {
	.lcbl-card { flex-direction:column; }
	.lcbl-card-img { width:100%; height:200px; }
	.lcbl-card-row1 { gap:6px; }
	.lcbl-card-rate-stars { display:flex; }
	.lcbl-card-btns { flex-wrap:wrap; }
	.lcbl-sidebar { flex-direction:column; }
	.lcbl-sb-section { min-width:auto; }
	.lcbl-topbar { flex-direction:column; gap:8px; align-items:flex-start; }
	.lcbl-topbar > div { width:100%; }
	.lcbl-topbar input { flex:1; }
}
@media (max-width:480px) {
	.lcbl-card-name { font-size:0.95rem; }
	.lcbl-card-body { padding:12px 14px; }
	.lcbl-btn { padding:7px 10px; font-size:0.75rem; }
	.lcbl-card-loc { font-size:0.8rem; }
	.lcbl-card-desc { font-size:0.8rem; }
}
@media (max-width:480px) {
	.lcbl-card-name { font-size:0.95rem; }
	.lcbl-card-body { padding:12px 14px; }
}

/* ============================================
   CREATORS PAGE
   ============================================ */

/* ---- Hero ---- */
.cr-hero {
	position:relative; overflow:hidden; min-height:280px; display:flex; align-items:center;
}
.cr-hero-bg {
	position:absolute; inset:0;
	background:linear-gradient(135deg, #667eea 0%, #764ba2 40%, #f093fb 100%);
}
.cr-hero-overlay {
	position:absolute; inset:0;
	background:radial-gradient(ellipse at 20% 50%, rgba(255,255,255,0.05) 0%, transparent 60%),
	radial-gradient(ellipse at 80% 20%, rgba(255,255,255,0.03) 0%, transparent 50%);
}
.cr-hero-particles { position:absolute; inset:0; overflow:hidden; }
.cr-hero-particles span {
	position:absolute; width:6px; height:6px; border-radius:50%;
	background:rgba(255,255,255,0.06); animation:htParticle 10s linear infinite;
}
.cr-hero-particles span:nth-child(1) { left:15%; top:20%; }
.cr-hero-particles span:nth-child(2) { left:45%; top:60%; animation-delay:2.5s; }
.cr-hero-particles span:nth-child(3) { left:70%; top:30%; animation-delay:5s; width:8px; height:8px; }
.cr-hero-particles span:nth-child(4) { left:85%; top:70%; animation-delay:7s; }
.cr-hero-inner {
	position:relative; z-index:2; padding:50px 0 40px;
	display:flex; align-items:center; justify-content:space-between; gap:40px;
}
.cr-hero-content { flex:1; min-width:0; }
.cr-hero-icon {
	width:56px; height:56px; border-radius:14px;
	background:rgba(255,255,255,0.1); backdrop-filter:blur(10px);
	display:flex; align-items:center; justify-content:center;
	font-size:1.4rem; color:#fff; margin-bottom:16px;
	border:1px solid rgba(255,255,255,0.15);
}
.cr-hero-title {
	font-family:var(--font-head); font-size:2.4rem; font-weight:800;
	color:#fff; margin:0 0 10px; text-shadow:0 2px 12px rgba(0,0,0,0.2);
}
.cr-hero-desc {
	font-size:1rem; color:rgba(255,255,255,0.8); margin:0 0 20px; max-width:550px;
}
.cr-hero-stats { display:flex; gap:20px; flex-wrap:wrap; }
.cr-hero-stats span {
	font-size:0.82rem; font-weight:600; color:rgba(255,255,255,0.8);
	display:inline-flex; align-items:center; gap:6px;
	background:rgba(255,255,255,0.08); padding:6px 14px; border-radius:6px;
	border:1px solid rgba(255,255,255,0.1);
}
.cr-hero-stats i { color:rgba(255,255,255,0.6); font-size:0.72rem; }
.cr-hero-img {
	flex-shrink:0; width:320px; height:320px; border-radius:20px; overflow:hidden;
	border:4px solid rgba(255,255,255,0.15); box-shadow:0 20px 60px rgba(0,0,0,0.4);
}
.cr-hero-img img { width:100%; height:100%; object-fit:cover; display:block; }

/* ---- Niche Filters ---- */
.cr-filters { padding:20px 0 10px; background:#f8f9fa; border-bottom:1px solid #eee; }
.cr-filter-pills { display:flex; gap:8px; flex-wrap:wrap; justify-content:center; }
.cr-pill {
	display:inline-flex; align-items:center; gap:5px;
	padding:8px 16px; border-radius:50px; border:1px solid #ddd;
	background:#fff; color:#555; font-size:0.82rem; font-weight:600;
	cursor:pointer; transition:all 0.2s;
}
.cr-pill:hover { border-color:#764ba2; color:#764ba2; }
.cr-pill.active {
	background:linear-gradient(135deg, #667eea, #764ba2);
	color:#fff; border-color:transparent;
}
.cr-pill i { font-size:0.75rem; }

/* ---- Creator Grid ---- */
.cr-listings { padding:30px 0 50px; background:#f8f9fa; }
.cr-grid {
	display:grid; grid-template-columns:repeat(4, 1fr); gap:24px;
}

/* ---- Creator Card ---- */
.cr-card {
	background:#fff; border-radius:14px; overflow:hidden;
	box-shadow:0 2px 12px rgba(0,0,0,0.06); transition:all 0.3s; position:relative;
}
.cr-card:hover { transform:translateY(-4px); box-shadow:0 8px 30px rgba(0,0,0,0.12); }
.cr-badge-featured {
	position:absolute; top:12px; left:12px; z-index:3;
	background:linear-gradient(135deg, #f59e0b, #f97316); color:#fff;
	font-size:0.7rem; font-weight:700; padding:4px 10px; border-radius:20px;
}
.cr-card-img-link { display:block; }
.cr-card-img {
	height:220px; background-size:cover; background-position:center top;
	position:relative;
}
.cr-card-platform {
	position:absolute; bottom:12px; right:12px;
	width:36px; height:36px; border-radius:50%;
	display:flex; align-items:center; justify-content:center;
	color:#fff; font-size:1rem; box-shadow:0 2px 8px rgba(0,0,0,0.3);
}
.cr-card-body { padding:16px 18px; }
.cr-card-name {
	font-family:var(--font-head); font-size:1.05rem; font-weight:700; margin:0 0 2px;
}
.cr-card-name a { color:#1a1a2e; text-decoration:none; }
.cr-card-name a:hover { color:#764ba2; }
.cr-card-realname { font-size:0.8rem; color:#888; margin:0 0 10px; }
.cr-card-tags { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:10px; }
.cr-tag {
	font-size:0.72rem; font-weight:600; padding:3px 10px; border-radius:20px;
}
.cr-tag-niche { background:#f0e6ff; color:#764ba2; }
.cr-tag-cat { background:#e6f7ff; color:#0ea5e9; }
.cr-card-followers {
	font-size:0.82rem; color:#444; margin-bottom:8px;
	display:flex; align-items:center; gap:6px;
}
.cr-card-followers i { color:#764ba2; font-size:0.75rem; }
.cr-card-followers strong { color:#1a1a2e; }
.cr-card-location {
	font-size:0.78rem; color:#888; margin:0 0 12px;
	display:flex; align-items:center; gap:5px;
}
.cr-card-location i { color:#e53e3e; font-size:0.7rem; }
.cr-card-socials { display:flex; gap:8px; margin-bottom:14px; }
.cr-social {
	width:32px; height:32px; border-radius:50%; display:flex;
	align-items:center; justify-content:center; font-size:0.85rem;
	color:#fff; transition:transform 0.2s; text-decoration:none;
}
.cr-social:hover { transform:scale(1.15); }
.cr-social-ig { background:linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
.cr-social-yt { background:#FF0000; }
.cr-social-tw { background:#1DA1F2; }
.cr-social-fb { background:#1877F2; }
.cr-social-web { background:#555; }
.cr-card-btn {
	display:block; text-align:center; padding:10px;
	background:linear-gradient(135deg, #667eea, #764ba2); color:#fff;
	border-radius:8px; font-size:0.82rem; font-weight:600;
	text-decoration:none; transition:opacity 0.2s;
}
.cr-card-btn:hover { opacity:0.9; color:#fff; }

/* ---- No Results ---- */
.cr-no-results {
	grid-column:1/-1; text-align:center; padding:60px 20px; color:#888;
}
.cr-no-results i { font-size:3rem; margin-bottom:16px; display:block; color:#ccc; }
.cr-no-results h3 { font-size:1.3rem; color:#555; margin:0 0 8px; }

/* ---- CTA Section ---- */
.cr-cta { padding:50px 0; background:#fff; }
.cr-cta-box {
	display:flex; align-items:center; gap:40px;
	background:linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
	border-radius:20px; padding:40px 50px; color:#fff; overflow:hidden; position:relative;
}
.cr-cta-content { flex:1; }
.cr-cta-title {
	font-family:var(--font-head); font-size:1.8rem; font-weight:800; margin:0 0 12px;
}
.cr-cta-title i { margin-right:8px; }
.cr-cta-desc { font-size:0.95rem; color:rgba(255,255,255,0.85); margin:0 0 20px; line-height:1.6; }
.cr-cta-perks { list-style:none; padding:0; margin:0 0 24px; }
.cr-cta-perks li {
	font-size:0.88rem; padding:4px 0; display:flex; align-items:center; gap:8px;
	color:rgba(255,255,255,0.9);
}
.cr-cta-perks i { color:#fbbf24; }
.cr-cta-btn {
	display:inline-flex; align-items:center; gap:8px;
	padding:14px 32px; background:#25D366; color:#fff;
	border-radius:50px; font-size:1rem; font-weight:700;
	text-decoration:none; transition:transform 0.2s, box-shadow 0.2s;
	box-shadow:0 4px 15px rgba(37,211,102,0.4);
}
.cr-cta-btn:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(37,211,102,0.5); color:#fff; }
.cr-cta-visual {
	flex-shrink:0; display:flex; align-items:center; justify-content:center;
}
.cr-cta-icon {
	width:120px; height:120px; border-radius:50%;
	background:rgba(255,255,255,0.1); backdrop-filter:blur(10px);
	display:flex; align-items:center; justify-content:center;
	font-size:3rem; border:2px solid rgba(255,255,255,0.15);
}

/* ---- Responsive ---- */
@media (max-width:1200px) {
	.cr-grid { grid-template-columns:repeat(3, 1fr); }
}
@media (max-width:992px) {
	.cr-grid { grid-template-columns:repeat(2, 1fr); }
	.cr-hero-img { width:250px; height:250px; }
}
@media (max-width:768px) {
	.cr-hero-inner { flex-direction:column; text-align:center; gap:24px; }
	.cr-hero-img { width:200px; height:200px; order:-1; margin:0 auto; }
	.cr-hero-title { font-size:1.6rem; }
	.cr-hero-stats { justify-content:center; gap:8px; }
	.cr-hero-stats span { font-size:0.75rem; padding:5px 10px; }
	.cr-grid { grid-template-columns:repeat(2, 1fr); gap:16px; }
	.cr-cta-box { flex-direction:column; padding:30px 24px; text-align:center; }
	.cr-cta-perks { display:inline-block; text-align:left; }
	.cr-cta-title { font-size:1.4rem; }
}
@media (max-width:480px) {
	.cr-grid { grid-template-columns:1fr; }
	.cr-card-img { height:200px; }
	.cr-filter-pills { gap:6px; }
	.cr-pill { padding:6px 12px; font-size:0.75rem; }
}

/* ---- Single Creator Profile ---- */
.crp-header { position:relative; overflow:hidden; padding:0; }
.crp-header-bg {
	position:absolute; inset:0;
	background:linear-gradient(135deg, #667eea 0%, #764ba2 40%, #f093fb 100%);
}
.crp-header-inner {
	position:relative; z-index:2; display:flex; align-items:center; gap:30px;
	padding:40px 0;
}
.crp-avatar {
	flex-shrink:0; width:150px; height:150px; border-radius:50%; overflow:hidden;
	border:5px solid rgba(255,255,255,0.3); box-shadow:0 8px 30px rgba(0,0,0,0.3);
	position:relative;
}
.crp-avatar img { width:100%; height:100%; object-fit:cover; }
.crp-featured-badge {
	position:absolute; bottom:5px; right:5px;
	width:32px; height:32px; border-radius:50%;
	background:linear-gradient(135deg, #f59e0b, #f97316); color:#fff;
	display:flex; align-items:center; justify-content:center; font-size:0.8rem;
	box-shadow:0 2px 8px rgba(0,0,0,0.3);
}
.crp-header-info { color:#fff; }
.crp-name {
	font-family:var(--font-head); font-size:2rem; font-weight:800; margin:0 0 4px;
	text-shadow:0 2px 8px rgba(0,0,0,0.2);
}
.crp-realname { font-size:0.95rem; color:rgba(255,255,255,0.7); margin:0 0 12px; }
.crp-meta-row { display:flex; gap:16px; flex-wrap:wrap; margin-bottom:14px; }
.crp-meta {
	font-size:0.82rem; color:rgba(255,255,255,0.85);
	display:inline-flex; align-items:center; gap:5px;
	background:rgba(255,255,255,0.1); padding:5px 12px; border-radius:6px;
	border:1px solid rgba(255,255,255,0.1);
}
.crp-socials { display:flex; gap:8px; }

.crp-content { padding:30px 0 50px; background:#f8f9fa; }
.crp-layout { display:grid; grid-template-columns:1fr 340px; gap:30px; }
.crp-main {}
.crp-section {
	background:#fff; border-radius:12px; padding:24px 28px;
	box-shadow:0 1px 6px rgba(0,0,0,0.05); margin-bottom:20px;
}
.crp-section h2 {
	font-family:var(--font-head); font-size:1.2rem; font-weight:700;
	margin:0 0 16px; padding-bottom:12px; border-bottom:1px solid #eee;
	display:flex; align-items:center; gap:8px; color:#1a1a2e;
}
.crp-section h2 i { color:#764ba2; font-size:1rem; }
.crp-about-text { font-size:0.92rem; line-height:1.7; color:#444; }
.crp-about-text p { margin:0 0 12px; }

.crp-sidebar {}
.crp-sidebar-card {
	background:#fff; border-radius:12px; padding:20px 22px;
	box-shadow:0 1px 6px rgba(0,0,0,0.05); margin-bottom:16px;
}
.crp-sidebar-card h3 {
	font-size:1rem; font-weight:700; margin:0 0 14px;
	padding-bottom:10px; border-bottom:1px solid #eee;
	display:flex; align-items:center; gap:7px; color:#1a1a2e;
}
.crp-sidebar-card h3 i { color:#764ba2; font-size:0.9rem; }
.crp-contact-list, .crp-detail-list { list-style:none; padding:0; margin:0; }
.crp-contact-list li, .crp-detail-list li {
	padding:8px 0; border-bottom:1px solid #f5f5f5; font-size:0.85rem; color:#555;
	display:flex; align-items:center; gap:8px;
}
.crp-contact-list li:last-child, .crp-detail-list li:last-child { border-bottom:0; }
.crp-contact-list i { color:#764ba2; width:18px; text-align:center; font-size:0.85rem; }
.crp-contact-list a { color:#764ba2; text-decoration:none; }
.crp-contact-list a:hover { text-decoration:underline; }
.crp-detail-list strong { color:#333; margin-right:4px; }
.crp-sidebar-cta { text-align:center; }
.crp-sidebar-cta p { font-size:0.85rem; color:#666; margin:0 0 12px; }

@media (max-width:992px) {
	.crp-layout { grid-template-columns:1fr; }
}
@media (max-width:768px) {
	.crp-header-inner { flex-direction:column; text-align:center; padding:30px 0; }
	.crp-avatar { width:120px; height:120px; }
	.crp-name { font-size:1.5rem; }
	.crp-meta-row { justify-content:center; }
	.crp-socials { justify-content:center; }
	.crp-section { padding:18px 20px; }
}


/* ===== FIX: Mobile menu close button ===== */
.lc-mobile-close {
	display: none; position: absolute; top: 20px; right: 16px;
	background: none; border: none; font-size: 1.5rem;
	color: #333; cursor: pointer; padding: 8px; z-index: 1001;
}
@media (max-width: 992px) {
	.lc-mobile-close { display: block; }
	.lc-nav-links.lc-nav-open .lc-nav-link {
		display: flex; align-items: center; gap: 8px;
		padding: 14px 16px; width: 100%; border-bottom: 1px solid #f0f0f0;
		font-size: 0.95rem; white-space: nowrap;
	}
	.lc-nav-links.lc-nav-open .lc-nav-dropdown {
		width: 100%; border-bottom: 1px solid #f0f0f0;
	}
	.lc-nav-links.lc-nav-open .lc-nav-dropdown .lc-nav-link {
		border-bottom: none;
	}
}

/* ===== FIX: Breadcrumb spacing & font size ===== */
.page-header-bar { padding: 18px 0; margin-top: 8px; }
.page-header-bar .breadcrumb { font-size: 0.78rem; }
.bd-breadcrumb { font-size: 0.78rem; margin-top: 8px; }
.ev-breadcrumb-bar { margin-top: 8px; }
.ev-breadcrumb { font-size: 0.78rem; }
.fl-breadcrumb { font-size: 0.78rem; margin-top: 8px; }

/* ===== FIX: Footer logo visibility ===== */
.lc-footer-logo-img {
	height: 48px; width: auto;
	filter: none !important;
	display: block !important;
	max-width: 200px;
}
.lc-footer-logo {
	display: inline-block !important;
	margin-bottom: 16px;
}

/* Hide Leaflet attribution text */
.leaflet-control-attribution { display: none !important; }




/* ===== MOBILE FIXES v3 ===== */

/* Hamburger to far right */
@media (max-width: 992px) {
	nav.lc-nav .lc-nav-inner .lc-hamburger {
		margin-left: auto !important;
		order: 99 !important;
	}
}

/* Slider arrows: always same line as title */
@media (max-width: 768px) {
	.lc-sec-head-row {
		align-items: center !important;
		flex-wrap: nowrap !important;
		margin-bottom: 14px !important;
		gap: 8px !important;
	}
	.lc-sec-head-row > div:first-child {
		flex: 1 !important;
		min-width: 0 !important;
		overflow: hidden !important;
	}
	.lc-sec-head-row > div:first-child h2 {
		font-size: 1.05rem !important;
		margin-bottom: 0 !important;
	}
	.lc-sec-head-row > div:first-child p {
		font-size: 0.72rem !important;
		margin: 2px 0 0 !important;
	}
	.lc-slider-arrows {
		flex-shrink: 0 !important;
	}
	.lc-slider-arrows .lc-arrow {
		width: 30px !important;
		height: 30px !important;
		font-size: 0.65rem !important;
		border-radius: 50% !important;
	}
}

/* Reduce section spacing on mobile */
@media (max-width: 768px) {
	section.lc-trending,
	section.lc-places-section,
	section.lc-events-bms,
	section.lc-ipl-section,
	section.lc-cat-listing,
	section.lc-gems,
	section.lc-why,
	section.lc-testi,
	section.lc-newcta,
	section.lc-today,
	section.lc-newcats {
		padding-top: 24px !important;
		padding-bottom: 24px !important;
	}
	.lc-sec-head {
		margin-bottom: 14px !important;
	}
	.lc-sec-head h2 {
		font-size: 1.1rem !important;
	}
	section.lc-newhero {
		padding: 30px 0 24px !important;
	}
}