/* ==========================================================================
   Vadtal Dham - inner page layer

   Loaded only on non-home pages, after bootstrap.css, new_design_style_v2.css
   and vadtal-home.css. Its job is to map the homepage design system onto the
   CodeIgniter-era markup those pages still render, without touching that
   markup. Nothing here changes content, links or behaviour.

   Content styles are scoped to .main / .content / .secondary-bar so they
   cannot recolour the shared header or footer.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Page ground
   -------------------------------------------------------------------------- */
body.vd-page {
	background: var(--vd-warm-white);
	color: var(--vd-text);
	font-family: var(--vd-font);
	font-size: 15px;
	line-height: 1.65;
}

.vd-page .container {
	width: 100%;
	max-width: var(--vd-container);
	padding-left: var(--vd-gut);
	padding-right: var(--vd-gut);
	margin-left: auto;
	margin-right: auto;
}

/* Homepage resets leak onto inner pages (shared body.vd-home). Put paragraph
   and heading rhythm back so long-form copy still reads. */
.vd-page .main p,
.vd-page .content p { margin: 0 0 1.05em; }
.vd-page .main h1, .vd-page .content h1,
.vd-page .main h2, .vd-page .content h2,
.vd-page .main h3, .vd-page .content h3,
.vd-page .main h4, .vd-page .content h4,
.vd-page .main h5, .vd-page .content h5,
.vd-page .main h6, .vd-page .content h6 { margin: 0 0 .55em; }

.vd-page .main ul:not(.nav):not(.pagination):not(.pager):not(.grid-holder):not(.events-grid):not(.posts-listing):not(.isotope):not(.aarti_time_ul),
.vd-page .content ul:not(.nav):not(.pagination):not(.pager):not(.grid-holder):not(.events-grid):not(.posts-listing):not(.isotope):not(.aarti_time_ul) {
	margin: 0 0 1em;
	padding-left: 1.35em;
	list-style: disc;
}
.vd-page .main ol,
.vd-page .content ol {
	margin: 0 0 1em;
	padding-left: 1.35em;
	list-style: decimal;
}

.vd-page .content,
.vd-page .content.full,
.vd-page .main-content { padding: 36px 0 56px !important; }

/* --------------------------------------------------------------------------
   Decorative host  (lotus / mandala / diya / shikhar live in .vd-anim)
   -------------------------------------------------------------------------- */
.vd-page-body {
	position: relative;
	isolation: isolate;
	background: var(--vd-warm-white);
	min-height: 40vh;
}
.vd-page-body > *:not(.vd-anim) { position: relative; z-index: 1; }
.vd-page-body > .vd-anim {
	top: 0;
	height: 260px;
	bottom: auto;
	opacity: .55;
}
.vd-page .main {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(120% 80% at 0% 0%, rgba(229,125,75,.05), transparent 55%),
		radial-gradient(90% 70% at 100% 100%, rgba(255,255,255,.05), transparent 50%),
		var(--vd-warm-white);
}

/* --------------------------------------------------------------------------
   Page hero
   -------------------------------------------------------------------------- */
.vd-page .page-header {
	position: relative;
	height: 280px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #8A4526;
	background-image: url('../images/vd-inner-banner.png') !important;
	background-size: cover;
	background-position: center 38%;
	background-repeat: no-repeat;
	filter: none;
	overflow: hidden;
}
.vd-page .page-header::before {
	content: none;
}
.vd-page .page-header::after {
	content: '';
	position: absolute; inset: 0;
	z-index: 0;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(24,16,11,.06) 0%, rgba(24,16,11,0) 42%, rgba(20,13,9,.22) 100%);
}
.vd-page .double-border {
	height: 4px;
	border: 0;
	background: linear-gradient(90deg, var(--vd-primary-dark), var(--vd-primary), var(--vd-gold-soft), var(--vd-primary), var(--vd-primary-dark));
}
.vd-page .double-border .accent-bg { display: none; }

/* --------------------------------------------------------------------------
   Title / tab strip
   -------------------------------------------------------------------------- */
.vd-page .secondary-bar {
	position: relative;
	z-index: 2;
	width: calc(100% - 32px);
	max-width: var(--vd-container);
	margin: -40px auto 8px;
	padding: 18px 22px;
	background: rgba(255,252,250,.96);
	border: 1px solid var(--vd-border-soft);
	border-radius: var(--vd-r-lg);
	box-shadow: var(--vd-sh-md);
	backdrop-filter: blur(10px);
	overflow: visible;
}
.vd-page .secondary-bar::before {
	content: '';
	position: absolute; inset: 0;
	pointer-events: none;
	border-radius: inherit;
	background-image:
		radial-gradient(circle at 50% 100%, transparent 0 13px, rgba(229,125,75,.07) 13px 14px, transparent 14px);
	background-size: 34px 34px;
	-webkit-mask-image: radial-gradient(120% 100% at 50% 50%, #000 20%, transparent 82%);
	mask-image: radial-gradient(120% 100% at 50% 50%, #000 20%, transparent 82%);
}
.vd-page .secondary-bar > .container {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}
.vd-page .secondary-bar .row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 16px;
}
.vd-page .secondary-bar [class*="col-md-12"] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 16px;
	float: none;
	width: 100%;
}
.vd-page .secondary-bar .big {
	font-family: var(--vd-font-display) !important;
	font-size: clamp(22px, 2.4vw, 32px);
	font-weight: 700;
	color: var(--vd-deep);
	letter-spacing: 0;
	line-height: 1.2;
	display: inline-block;
	margin: 0;
}
.vd-page .secondary-bar strong { color: var(--vd-text); font-weight: 600; }
.vd-page .secondary-bar a { color: var(--vd-text-2); }
.vd-page .secondary-bar a:hover { color: var(--vd-primary-dark); }
.vd-page .secondary-bar .icon-block .icon {
	display: inline-flex; align-items: center; justify-content: center;
	width: 32px; height: 32px; border-radius: 50%;
	background: #fff; color: var(--vd-primary-dark);
	border: 1px solid var(--vd-border);
	box-shadow: var(--vd-sh-xs);
	margin-right: 8px;
	transition: background var(--vd-t), color var(--vd-t), transform var(--vd-t);
}
.vd-page .secondary-bar a:hover .icon {
	background: var(--vd-primary); color: #fff; transform: translateY(-2px);
}

/* Tabs in the title strip - homepage pill language */
.vd-page .secondary-bar .nav-pills {
	float: none !important;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.vd-page .secondary-bar .nav-pills > li { float: none; margin: 0; }
.vd-page .secondary-bar .nav-pills > li > a {
	display: inline-flex;
	align-items: center;
	border-radius: var(--vd-r-pill) !important;
	background: #fff;
	border: 1px solid var(--vd-border);
	color: var(--vd-text) !important;
	font-family: var(--vd-font-display);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	padding: 8px 16px !important;
	line-height: 1.2;
	box-shadow: var(--vd-sh-xs);
	transition: transform var(--vd-t), box-shadow var(--vd-t), background var(--vd-t), color var(--vd-t), border-color var(--vd-t);
}
.vd-page .secondary-bar .nav-pills > li > a:hover,
.vd-page .secondary-bar .nav-pills > li > a:focus {
	background: var(--vd-soft);
	border-color: var(--vd-primary-light);
	color: var(--vd-primary-dark) !important;
	transform: translateY(-1px);
}
.vd-page .secondary-bar .nav-pills > li.active > a,
.vd-page .secondary-bar .nav-pills > li.active > a:hover,
.vd-page .secondary-bar .nav-pills > li.active > a:focus {
	background: linear-gradient(135deg, var(--vd-on-dark-1) 0%, var(--vd-on-dark-2) 100%) !important;
	border-color: transparent !important;
	color: #fff !important;
	box-shadow: 0 6px 18px -8px rgba(201,101,56,.75);
}

/* --------------------------------------------------------------------------
   Typography  (content only)
   -------------------------------------------------------------------------- */
.vd-page .main h1, .vd-page .content h1,
.vd-page .main h2, .vd-page .content h2,
.vd-page .main h3, .vd-page .content h3,
.vd-page .main h4, .vd-page .content h4,
.vd-page .main h5, .vd-page .content h5,
.vd-page .main h6, .vd-page .content h6 {
	font-family: var(--vd-font-display);
	color: var(--vd-text);
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -.01em;
}
.vd-page .main h1, .vd-page .content h1 { font-size: clamp(24px, 2.6vw, 32px); }
.vd-page .main h2, .vd-page .content h2 { font-size: clamp(21px, 2.2vw, 27px); }
.vd-page .main h3, .vd-page .content h3 { font-size: clamp(18px, 1.8vw, 22px); }
.vd-page .main h4, .vd-page .content h4 { font-size: 17px; }
.vd-page .main p, .vd-page .content p,
.vd-page .main .p_cls, .vd-page .content .p_cls,
.vd-page .main .text, .vd-page .content .text {
	line-height: 1.8;
	color: var(--vd-text-2);
}
.vd-page .main a, .vd-page .content a { color: var(--vd-primary-dark); }
.vd-page .main a:hover, .vd-page .content a:hover { color: var(--vd-primary); }
.vd-page .main strong, .vd-page .content strong,
.vd-page .main b, .vd-page .content b { color: var(--vd-text); }
.vd-page .main hr, .vd-page .content hr {
	border: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--vd-border), transparent);
	margin: 28px 0;
}

.vd-page .heading-1, .vd-page .heading-2, .vd-page .heading-3,
.vd-page .heading-4, .vd-page .heading-5, .vd-page .heading-6,
.vd-page .heading-7, .vd-page .heading-8, .vd-page .heading-9 {
	font-family: var(--vd-font-display);
	color: var(--vd-deep);
	font-weight: 700;
	text-align: center;
	margin: 0 0 22px;
	background: none;
}
.vd-page .heading-1::after, .vd-page .heading-2::after, .vd-page .heading-3::after,
.vd-page .heading-4::after, .vd-page .heading-5::after, .vd-page .heading-6::after,
.vd-page .heading-7::after, .vd-page .heading-8::after, .vd-page .heading-9::after {
	content: ''; display: block;
	width: 8px; height: 8px; margin: 12px auto 0;
	background: var(--vd-primary); transform: rotate(45deg); border-radius: 1px;
}

/* Page titles - same ornament on every inner page (line + diamond + line) */
.vd-page .head_title,
.vd-page .box_header.head_title {
	position: relative;
	font-family: var(--vd-font-display) !important;
	font-size: clamp(24px, 3vw, 36px) !important;
	font-weight: 700 !important;
	color: var(--vd-deep) !important;
	text-align: center;
	letter-spacing: 0 !important;
	border-bottom: 0 !important;
	padding-top: 4px !important;
	padding-bottom: 28px !important;
	margin: 0 0 28px !important;
	background: none !important;
	overflow: visible;
}
.vd-page .head_title::before,
.vd-page .head_title::after {
	position: absolute;
	left: 50%;
	pointer-events: none;
}
.vd-page .head_title::before {
	content: '';
	bottom: 12px;
	width: 168px;
	height: 2px;
	margin-left: -84px;
	background: linear-gradient(90deg, transparent 0%, var(--vd-primary-tint) 14%, var(--vd-primary) 50%, var(--vd-primary-tint) 86%, transparent 100%);
	border-radius: 2px;
	transform: none;
}
.vd-page .head_title::after {
	content: '';
	bottom: 7px;
	width: 11px;
	height: 11px;
	margin: 0 0 0 -5.5px;
	background: var(--vd-primary);
	transform: rotate(45deg);
	border-radius: 2px;
}
.vd-page .head_title:empty { display: none !important; }

.vd-page .main blockquote,
.vd-page .content blockquote {
	margin: 22px 0;
	padding: 18px 22px 18px 26px;
	background: var(--vd-soft);
	border: 0;
	border-left: 3px solid var(--vd-primary);
	border-radius: 0 var(--vd-r-md) var(--vd-r-md) 0;
	box-shadow: var(--vd-sh-xs);
}
.vd-page .main blockquote p,
.vd-page .content blockquote p {
	margin: 0;
	font-family: var(--vd-font-serif);
	font-size: 16.5px;
	line-height: 1.7;
	color: var(--vd-text);
	font-style: italic;
}

/* Neutralise leftover #ea1c24 from inline styles / old sheets */
.vd-page .main [style*="#ea1c24"],
.vd-page .content [style*="#ea1c24"],
.vd-page .main [style*="#EA1C24"],
.vd-page .content [style*="#EA1C24"] {
	border-color: var(--vd-primary) !important;
}

/* --------------------------------------------------------------------------
   Cards / panels / wells / thumbnails
   -------------------------------------------------------------------------- */
.vd-page .main .panel,
.vd-page .main .well,
.vd-page .main .thumbnail,
.vd-page .content .panel,
.vd-page .content .well,
.vd-page .content .thumbnail {
	background: var(--vd-card);
	border: 1px solid var(--vd-border-soft);
	border-radius: var(--vd-r-lg);
	box-shadow: var(--vd-sh-sm);
	padding: 18px;
}
.vd-page .main .panel-heading,
.vd-page .content .panel-heading {
	background: linear-gradient(100deg, var(--vd-on-dark-1) 0%, var(--vd-on-dark-2) 100%);
	color: #fff;
	border: 0;
	border-radius: var(--vd-r-md) var(--vd-r-md) 0 0;
	font-family: var(--vd-font-display);
	font-weight: 600;
}
.vd-page .main .thumbnail img,
.vd-page .content .thumbnail img { border-radius: var(--vd-r-md); }
.vd-page .main .thumbnail:hover,
.vd-page .content .thumbnail:hover {
	box-shadow: var(--vd-sh-md);
	border-color: var(--vd-primary-tint);
}

.vd-page .main .img-thumbnail,
.vd-page .content .img-thumbnail {
	border: 1px solid var(--vd-border-soft);
	border-radius: var(--vd-r-md);
	padding: 0;
	background: #fff;
	box-shadow: var(--vd-sh-xs);
}

.vd-page .main .content_blck,
.vd-page .content .content_blck {
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: var(--vd-r-lg);
	box-shadow: var(--vd-sh-sm);
	padding: 28px 32px;
}

/* Gallery / magazine / nirnay tiles */
.vd-page .related-post,
.vd-page .gallery_yblock,
.vd-page .img_blck {
	text-align: center;
}
.vd-page .related-post .img_blck,
.vd-page .gallery_yblock .media-box,
.vd-page .events-grid .grid-item-inner,
.vd-page .main_gallery_kh .grid-item-inner {
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: var(--vd-r-lg);
	box-shadow: var(--vd-sh-sm);
	overflow: hidden;
	transition: transform var(--vd-t), box-shadow var(--vd-t), border-color var(--vd-t);
}
.vd-page .related-post .img_blck:hover,
.vd-page .gallery_yblock:hover .media-box,
.vd-page .events-grid .grid-item-inner:hover,
.vd-page .main_gallery_kh .grid-item-inner:hover {
	transform: translateY(-4px);
	box-shadow: var(--vd-sh-md);
	border-color: var(--vd-primary-tint);
}
.vd-page .related-post .post-title a,
.vd-page .title_blck .post-title a {
	color: var(--vd-text);
	font-family: var(--vd-font-display);
	font-weight: 600;
}
.vd-page .related-post .post-title a:hover { color: var(--vd-primary-dark); }

.vd-page .media-box {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: var(--vd-r-md);
}
.vd-page .media-box img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform .5s var(--vd-ease);
}
.vd-page .media-box:hover img { transform: scale(1.05); }
.vd-page .zoom {
	position: absolute; inset: 0;
	display: flex; align-items: center; justify-content: center;
	background: rgba(138,69,38,.28);
	color: #fff;
	opacity: 0;
	transition: opacity var(--vd-t);
	font-size: 22px;
}
.vd-page .media-box:hover .zoom { opacity: 1; }
.vd-page .project-overlay {
	position: absolute;
	left: 50%; bottom: 14px;
	transform: translateX(-50%);
	background: linear-gradient(135deg, var(--vd-on-dark-1), var(--vd-on-dark-2));
	color: #fff !important;
	padding: 6px 16px;
	border-radius: var(--vd-r-pill);
	font-family: var(--vd-font-display);
	font-weight: 700;
	letter-spacing: .04em;
	box-shadow: var(--vd-sh-sm);
	width: auto !important;
}
.vd-page .project-title { color: #fff; }

/* --------------------------------------------------------------------------
   Photo Gallery year cards
   -------------------------------------------------------------------------- */
.vd-gyear-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 16px;
}
.vd-page .main a.vd-gyear,
.vd-page .content a.vd-gyear,
.vd-page .main a.vd-gyear:hover,
.vd-page .content a.vd-gyear:hover {
	color: inherit;
	text-decoration: none;
}
.vd-gyear {
	position: relative;
	display: block;
	border-radius: 14px;
	overflow: hidden;
	background: #FFF8F3;
	box-shadow: var(--vd-sh-sm);
	transition: transform var(--vd-t), box-shadow var(--vd-t);
}
.vd-gyear img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 0;
	transform: none;
}
.vd-gyear:hover img,
.vd-gyear:focus-visible img { transform: none; }
.vd-gyear__year {
	position: absolute;
	left: 50%;
	top: 72%;
	transform: translate(-50%, -50%);
	z-index: 2;
	color: #fff !important;
	font-family: var(--vd-font-display);
	font-size: clamp(15px, 1.35vw, 20px);
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1;
	pointer-events: none;
	white-space: nowrap;
}
.vd-gyear:hover,
.vd-gyear:focus-visible {
	transform: translateY(-4px);
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--vd-primary), var(--vd-sh-md);
}

/* --------------------------------------------------------------------------
   Photo Gallery event list  (year -> event cards)
   -------------------------------------------------------------------------- */
.vd-gevent-search {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: var(--vd-r-lg);
	box-shadow: var(--vd-sh-sm);
	padding: 16px 18px;
	margin: 0 0 28px;
}
.vd-gevent-search .form-control {
	flex: 1 1 240px;
	margin-bottom: 0;
	height: 46px;
}
.vd-gevent-search .btn,
.vd-gevent-search input[type="submit"] {
	margin: 0;
	min-width: 110px;
}
.vd-page .main a.vd-gevent-search__reset,
.vd-page .content a.vd-gevent-search__reset {
	background: #C4785A !important;
	box-shadow: none;
	color: #fff !important;
}
.vd-page .main a.vd-gevent-search__reset:hover,
.vd-page .content a.vd-gevent-search__reset:hover {
	background: #A86248 !important;
	color: #fff !important;
}
.vd-gevent-grid + .pagination {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	margin: 28px 0 8px;
	padding: 0;
}
.vd-gevent-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 18px;
}
#search_g.vd-gevent-grid:empty { display: none; }
.vd-page .main a.vd-gevent,
.vd-page .content a.vd-gevent,
.vd-page .main a.vd-gevent:hover,
.vd-page .content a.vd-gevent:hover {
	color: inherit;
	text-decoration: none;
}
.vd-gevent {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: var(--vd-sh-sm);
	min-width: 0;
	transition: transform var(--vd-t), box-shadow var(--vd-t), border-color var(--vd-t);
}
.vd-gevent:hover,
.vd-gevent:focus-visible {
	transform: translateY(-4px);
	border-color: var(--vd-primary-tint);
	box-shadow: var(--vd-sh-md);
}
.vd-gevent__media {
	display: block;
	aspect-ratio: 4 / 3;
	background: var(--vd-soft);
	overflow: hidden;
}
.vd-gevent__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 0;
	transform: none;
}
.vd-gevent:hover img { transform: none; }
.vd-gevent__body {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 12px 14px 14px;
	min-height: 0;
}
.vd-gevent__title {
	font-family: var(--vd-font-display);
	font-size: 13.5px;
	font-weight: 600;
	color: var(--vd-deep);
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.8em;
}
.vd-gevent__date {
	font-family: var(--vd-font-display);
	font-size: 12.5px;
	font-weight: 600;
	color: var(--vd-primary-dark);
}
#search_g h3 {
	grid-column: 1 / -1;
	text-align: center;
	margin: 20px 0;
	color: var(--vd-text-2);
	font-family: var(--vd-font-display);
}

/* --------------------------------------------------------------------------
   Photo Gallery lightbox grid  (/n_gallery/show)
   -------------------------------------------------------------------------- */
.vd-gphoto-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 18px;
}
.vd-gphoto {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: var(--vd-sh-sm);
	min-width: 0;
	transition: transform var(--vd-t), box-shadow var(--vd-t), border-color var(--vd-t);
}
.vd-gphoto:hover {
	transform: translateY(-4px);
	border-color: var(--vd-primary-tint);
	box-shadow: var(--vd-sh-md);
}
.vd-page .main a.vd-gphoto__media,
.vd-page .content a.vd-gphoto__media,
.vd-page .main a.vd-gphoto__media:hover,
.vd-page .content a.vd-gphoto__media:hover {
	color: inherit;
	text-decoration: none;
}
.vd-gphoto__media {
	position: relative;
	display: block;
	aspect-ratio: 4 / 3;
	background: var(--vd-soft);
	overflow: hidden;
}
.vd-gphoto__media img,
.vd-page .main .vd-gphoto__media img,
.vd-page .content .vd-gphoto__media img {
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	display: block;
	border-radius: 0;
	transform: none;
}
.vd-gphoto:hover .vd-gphoto__media img { transform: none; }
.vd-gphoto__media::after {
	content: '\f002';
	font-family: FontAwesome;
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(138, 69, 38, .28);
	color: #fff;
	font-size: 22px;
	opacity: 0;
	transition: opacity var(--vd-t);
	pointer-events: none;
}
.vd-gphoto:hover .vd-gphoto__media::after { opacity: 1; }
.vd-gphoto__actions {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 12px 12px;
}
.vd-page .main a.vd-gphoto__btn,
.vd-page .content a.vd-gphoto__btn,
.vd-page .main a.vd-gphoto__btn:hover,
.vd-page .content a.vd-gphoto__btn:hover {
	color: var(--vd-primary-dark);
	text-decoration: none;
}
.vd-gphoto__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--vd-soft);
	font-size: 15px;
	transition: background var(--vd-t), color var(--vd-t), transform var(--vd-t);
}
.vd-page .main a.vd-gphoto__btn:hover,
.vd-page .content a.vd-gphoto__btn:hover {
	background: var(--vd-primary);
	color: #fff;
	transform: translateY(-1px);
}
.vd-gphoto-empty {
	grid-column: 1 / -1;
	font-size: 23px;
	color: var(--vd-deep);
	text-align: center;
	margin: 20px 0;
	font-family: var(--vd-font-display);
}

/* --------------------------------------------------------------------------
   Music Gallery player  (jPlayer IDs / JS hooks stay exactly as they are)
   Scoped to this page so banners / media / other modules are untouched.
   -------------------------------------------------------------------------- */
[data-vd-page="music_audio"] .work_section {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 8px;
}
[data-vd-page="music_audio"] .mp_wrapper {
	width: 800px;
	height: 526px;
	margin: 8px auto 36px;
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 20px;
	box-shadow: var(--vd-sh-md);
	overflow: hidden;
}
[data-vd-page="music_audio"] .mp_content_wrapper {
	background: var(--vd-warm-white);
	border-radius: 0;
}
[data-vd-page="music_audio"] .mp_player {
	background: var(--vd-cream);
	border-left: 1px solid var(--vd-border-soft);
	border-radius: 0;
}
[data-vd-page="music_audio"] .mp_content img {
	width: 203px;
	height: 205px;
	max-width: none;
	object-fit: cover;
	border: 0;
	border-radius: 14px;
	box-shadow: var(--vd-sh-sm);
	margin: 20px 355px 10px 20px;
}
[data-vd-page="music_audio"] a.mp_playall {
	background: rgba(229, 125, 75, .92);
	border-radius: 50%;
	opacity: 1;
	box-shadow: var(--vd-sh-sm);
	text-indent: 0;
	font-size: 0;
	overflow: hidden;
}
[data-vd-page="music_audio"] a.mp_playall::before {
	font-family: FontAwesome;
	content: "\f04b";
	font-size: 20px;
	color: #fff;
	display: block;
	line-height: 50px;
	text-align: center;
	text-indent: 0;
}
[data-vd-page="music_audio"] .mp_description {
	width: 540px;
}
[data-vd-page="music_audio"] .mp_description h2 {
	font-family: var(--vd-font-display) !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	color: var(--vd-deep) !important;
	background: none;
	border: 0;
	padding: 4px 10px 6px;
	margin: 0 0 4px;
	text-align: left;
}
[data-vd-page="music_audio"] .mp_description p {
	text-transform: none;
	color: var(--vd-text-2);
	line-height: 1.55;
	padding: 0 10px;
	margin: 0;
}
[data-vd-page="music_audio"] .mp_songs > div {
	display: flex;
	align-items: center;
	gap: 8px;
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 12px;
	height: 42px;
	margin-bottom: 6px;
	padding: 0 8px 0 12px;
	box-sizing: border-box;
}
[data-vd-page="music_audio"] h4#song_nm {
	color: var(--vd-deep) !important;
	font-family: var(--vd-font-display);
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: 0;
	padding: 0;
	margin: 0;
	float: none;
	line-height: 1.3;
	flex: 1 1 auto;
	min-width: 0;
	max-width: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
[data-vd-page="music_audio"] .mp_options {
	width: auto;
	float: none;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	flex: 0 0 auto;
}
[data-vd-page="music_audio"] .mp_options > span,
[data-vd-page="music_audio"] .mp_options > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	float: none;
	border-radius: 50%;
	background: var(--vd-soft);
	box-shadow: none;
	text-decoration: none;
	transition: background var(--vd-t), transform var(--vd-t), box-shadow var(--vd-t);
}
[data-vd-page="music_audio"] .main .mp_options > a,
[data-vd-page="music_audio"] .content .mp_options > a,
[data-vd-page="music_audio"] .main .mp_options > a:hover,
[data-vd-page="music_audio"] .content .mp_options > a:hover {
	color: var(--vd-primary-dark);
	text-decoration: none;
}
[data-vd-page="music_audio"] .mp_options span {
	text-indent: 0;
	font-size: 0;
	background-image: none !important;
	width: 30px;
	height: 30px;
	margin: 0;
	float: none;
	position: relative;
}
[data-vd-page="music_audio"] .mp_options > a span.mp_down {
	width: 30px;
	height: 30px;
	background: transparent !important;
}
[data-vd-page="music_audio"] .mp_options span::before {
	font-family: FontAwesome;
	font-size: 13px;
	color: var(--vd-primary-dark);
	display: block;
	text-align: center;
	line-height: 30px;
}
[data-vd-page="music_audio"] .mp_options span.mp_play::before { content: "\f04b"; }
[data-vd-page="music_audio"] .mp_options span.mp_addpl::before { content: "\f067"; }
[data-vd-page="music_audio"] .mp_options span.mp_down::before { content: "\f019"; }
[data-vd-page="music_audio"] .mp_options > span:hover,
[data-vd-page="music_audio"] .mp_options > a:hover {
	background: var(--vd-primary);
	transform: translateY(-1px);
	box-shadow: var(--vd-sh-xs);
}
[data-vd-page="music_audio"] .mp_options > span:hover::before,
[data-vd-page="music_audio"] .mp_options > a:hover span::before {
	color: #fff;
}
[data-vd-page="music_audio"] .jcarousel-skin .jcarousel-container {
	background: var(--vd-cream);
	border-top: 1px solid var(--vd-border-soft);
	border-radius: 0;
}
[data-vd-page="music_audio"] .jcarousel-skin .jcarousel-container-horizontal {
	width: 500px !important;
	padding: 12px 40px;
}
[data-vd-page="music_audio"] ul.mp_albums img,
[data-vd-page="music_audio"] #mp_albums img {
	width: 110px;
	height: 110px;
	max-width: none;
	object-fit: cover;
	border-radius: 12px;
	box-shadow: var(--vd-sh-xs);
	border: 2px solid #fff;
}
[data-vd-page="music_audio"] ul.mp_albums img:hover,
[data-vd-page="music_audio"] #mp_albums img:hover {
	box-shadow: 0 0 0 2px var(--vd-primary), var(--vd-sh-sm);
}
[data-vd-page="music_audio"] .jcarousel-skin .jcarousel-next-horizontal,
[data-vd-page="music_audio"] .jcarousel-skin .jcarousel-prev-horizontal {
	background: none;
	width: 22px;
	height: 22px;
	top: 56px;
}
[data-vd-page="music_audio"] .jcarousel-skin .jcarousel-next-horizontal::before,
[data-vd-page="music_audio"] .jcarousel-skin .jcarousel-prev-horizontal::before {
	font-family: FontAwesome;
	font-size: 16px;
	color: var(--vd-primary-dark);
	display: block;
	line-height: 22px;
	text-align: center;
}
[data-vd-page="music_audio"] .jcarousel-skin .jcarousel-next-horizontal::before { content: "\f054"; }
[data-vd-page="music_audio"] .jcarousel-skin .jcarousel-prev-horizontal::before { content: "\f053"; }
[data-vd-page="music_audio"] .main ul.jp-controls,
[data-vd-page="music_audio"] .main .jp-playlist ul,
[data-vd-page="music_audio"] .main ul.mp_albums {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
[data-vd-page="music_audio"] .jp-playlist-player {
	color: var(--vd-text);
	margin-top: 10px;
}
[data-vd-page="music_audio"] div.jp-interface {
	width: 215px;
	height: 126px;
}
[data-vd-page="music_audio"] .jp-interface ul.jp-controls a {
	text-indent: 0;
	font-size: 0;
	background-image: none !important;
	opacity: 1;
	border-radius: 50%;
	background-color: #fff !important;
	box-shadow: var(--vd-sh-xs);
	overflow: hidden;
}
[data-vd-page="music_audio"] .jp-interface ul.jp-controls a::before {
	font-family: FontAwesome;
	font-size: 13px;
	color: var(--vd-deep);
	display: block;
	line-height: 32px;
	text-align: center;
}
[data-vd-page="music_audio"] a.jp-previous,
[data-vd-page="music_audio"] a.jp-next,
[data-vd-page="music_audio"] div.jp-playlist-player a.jp-stop {
	top: 10px !important;
	width: 32px !important;
	height: 32px !important;
}
[data-vd-page="music_audio"] a.jp-previous { left: 16px !important; }
[data-vd-page="music_audio"] div.jp-playlist-player a.jp-play,
[data-vd-page="music_audio"] div.jp-playlist-player a.jp-pause {
	left: 56px !important;
	top: 8px !important;
	width: 36px !important;
	height: 36px !important;
	background-color: var(--vd-primary) !important;
	box-shadow: 0 6px 16px -8px rgba(201, 101, 56, .75);
}
[data-vd-page="music_audio"] a.jp-next { left: 100px !important; }
[data-vd-page="music_audio"] div.jp-playlist-player a.jp-stop { left: 144px !important; }
[data-vd-page="music_audio"] a.jp-previous::before { content: "\f048"; }
[data-vd-page="music_audio"] a.jp-play::before { content: "\f04b"; color: #fff; line-height: 36px; font-size: 15px; }
[data-vd-page="music_audio"] a.jp-pause::before { content: "\f04c"; color: #fff; line-height: 36px; font-size: 15px; }
[data-vd-page="music_audio"] a.jp-next::before { content: "\f051"; }
[data-vd-page="music_audio"] a.jp-stop::before { content: "\f04d"; }
[data-vd-page="music_audio"] a.jp-volume-min,
[data-vd-page="music_audio"] a.jp-volume-max {
	top: 52px !important;
	width: 22px !important;
	height: 22px !important;
	background-color: transparent !important;
	box-shadow: none;
}
[data-vd-page="music_audio"] a.jp-volume-min { left: 16px !important; }
[data-vd-page="music_audio"] a.jp-volume-max { left: 177px !important; }
[data-vd-page="music_audio"] a.jp-volume-min::before { content: "\f026"; line-height: 22px; font-size: 13px; }
[data-vd-page="music_audio"] a.jp-volume-max::before { content: "\f028"; line-height: 22px; font-size: 13px; }
[data-vd-page="music_audio"] .main a.jp-previous,
[data-vd-page="music_audio"] .main a.jp-play,
[data-vd-page="music_audio"] .main a.jp-pause,
[data-vd-page="music_audio"] .main a.jp-next,
[data-vd-page="music_audio"] .main a.jp-stop,
[data-vd-page="music_audio"] .main a.jp-volume-min,
[data-vd-page="music_audio"] .main a.jp-volume-max,
[data-vd-page="music_audio"] .content a.jp-previous,
[data-vd-page="music_audio"] .content a.jp-play,
[data-vd-page="music_audio"] .content a.jp-pause,
[data-vd-page="music_audio"] .content a.jp-next,
[data-vd-page="music_audio"] .content a.jp-stop,
[data-vd-page="music_audio"] .content a.jp-volume-min,
[data-vd-page="music_audio"] .content a.jp-volume-max {
	color: var(--vd-deep);
	text-decoration: none;
}
[data-vd-page="music_audio"] .jp-volume-bar {
	background: var(--vd-border);
	height: 6px;
	border-radius: 99px;
	top: 60px !important;
	left: 42px !important;
	width: 128px;
}
[data-vd-page="music_audio"] .jp-volume-bar-value {
	background: var(--vd-primary);
	height: 6px;
	border-radius: 99px;
}
[data-vd-page="music_audio"] .jp-progress,
[data-vd-page="music_audio"] div.jp-playlist-player div.jp-progress {
	border: 0;
	border-radius: 99px;
	height: 8px;
	top: 84px !important;
	left: 16px !important;
	width: 183px;
	background: #fff;
	box-shadow: inset 0 0 0 1px var(--vd-border);
}
[data-vd-page="music_audio"] .jp-load-bar,
[data-vd-page="music_audio"] .jp-play-bar {
	background: none;
	height: 8px;
	border-radius: 99px;
}
[data-vd-page="music_audio"] .jp-play-bar {
	background: var(--vd-primary);
}
[data-vd-page="music_audio"] .jp-play-time,
[data-vd-page="music_audio"] .jp-total-time,
[data-vd-page="music_audio"] div.jp-playlist-player div.jp-play-time,
[data-vd-page="music_audio"] div.jp-playlist-player div.jp-total-time {
	color: var(--vd-text-2);
	font-family: var(--vd-font-display);
	font-size: 11px;
	font-weight: 600;
	top: 98px !important;
	left: 16px !important;
	width: 183px;
}
[data-vd-page="music_audio"] .jp-playlist {
	width: 215px;
	height: 380px;
}
[data-vd-page="music_audio"] .jp-playlist-player .jp-playlist li {
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 8px;
	margin: 4px 8px;
	padding: 6px 8px;
}
[data-vd-page="music_audio"] .jp-playlist-player .jp-playlist a {
	color: var(--vd-deep);
	text-shadow: none;
	text-transform: none;
	font-family: var(--vd-font-display);
	font-size: 12px;
	font-weight: 600;
}
[data-vd-page="music_audio"] .jp-playlist-player .jp-playlist a:hover,
[data-vd-page="music_audio"] .jp-playlist-player .jp-playlist a.jplayer_playlist_current {
	color: var(--vd-primary-dark);
}
[data-vd-page="music_audio"] .jp-playlist-player .jp-playlist li span {
	background: none;
	position: relative;
}
[data-vd-page="music_audio"] .jp-playlist-player .jp-playlist li span::before {
	font-family: FontAwesome;
	content: "\f00d";
	font-size: 12px;
	color: var(--vd-text-3);
	display: block;
	text-align: center;
	line-height: 16px;
}

/* --------------------------------------------------------------------------
   Download tabs  (wallpaper / apps / murti) — scoped to this page only
   -------------------------------------------------------------------------- */
[data-vd-page="download"] .vd-dl-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 18px;
}
[data-vd-page="download"] .vd-dl {
	position: relative;
	display: block;
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: var(--vd-sh-sm);
	min-width: 0;
	transition: transform var(--vd-t), box-shadow var(--vd-t), border-color var(--vd-t);
}
[data-vd-page="download"] .vd-dl:hover {
	transform: translateY(-4px);
	border-color: var(--vd-primary-tint);
	box-shadow: var(--vd-sh-md);
}
[data-vd-page="download"] .main a.vd-dl__media,
[data-vd-page="download"] .content a.vd-dl__media,
[data-vd-page="download"] .main a.vd-dl__media:hover,
[data-vd-page="download"] .content a.vd-dl__media:hover {
	color: inherit;
	text-decoration: none;
}
[data-vd-page="download"] .vd-dl__media {
	display: block;
	aspect-ratio: 4 / 3;
	background: var(--vd-soft);
	overflow: hidden;
}
[data-vd-page="download"] .vd-dl-grid--portrait .vd-dl__media {
	aspect-ratio: 3 / 4;
}
[data-vd-page="download"] .vd-dl__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 0;
	transform: none;
}
[data-vd-page="download"] .vd-dl .download_a {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 2;
	margin: 0;
}
[data-vd-page="download"] .vd-dl-empty {
	grid-column: 1 / -1;
	font-size: 23px;
	color: var(--vd-deep);
	text-align: center;
	margin: 20px 0;
	font-family: var(--vd-font-display);
}
[data-vd-page="download"] .vd-dl-apps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
	max-width: 920px;
	margin: 0 auto;
}
[data-vd-page="download"] .vd-dl-app .icon-block {
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 20px;
	box-shadow: var(--vd-sh-sm);
	padding: 28px 22px 26px;
	text-align: center;
	height: 100%;
	transition: transform var(--vd-t), box-shadow var(--vd-t), border-color var(--vd-t);
}
[data-vd-page="download"] .vd-dl-app .icon-block:hover {
	transform: translateY(-4px);
	border-color: var(--vd-primary-tint);
	box-shadow: var(--vd-sh-md);
}
[data-vd-page="download"] .vd-dl-app .icon-block > img:first-child {
	width: 120px;
	height: 120px;
	object-fit: cover;
	border-radius: 22px;
	margin: 0 auto 14px;
	display: block;
	box-shadow: var(--vd-sh-xs);
}
[data-vd-page="download"] .vd-dl-app h3 {
	font-family: var(--vd-font-display);
	font-size: 16px;
	font-weight: 700;
	color: var(--vd-deep);
	margin: 0 0 16px;
	min-height: 0;
}
[data-vd-page="download"] .vd-dl-app a {
	display: inline-block;
	margin: 4px 0;
}
[data-vd-page="download"] .vd-dl-app a img {
	height: 40px;
	width: auto;
	display: block;
	margin: 0 auto;
}

/* Download icon on wallpaper tiles */
.vd-page .download_a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px; height: 38px;
	margin-top: 8px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--vd-on-dark-1), var(--vd-on-dark-2));
	color: #fff !important;
	box-shadow: 0 6px 16px -8px rgba(201,101,56,.75);
	transition: transform var(--vd-t);
}
.vd-page .download_a:hover { transform: translateY(-2px); color: #fff !important; }

/* Article list */
.vd-page .posts-listing {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.vd-page .posts-listing > li,
.vd-page .post-list-item {
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: var(--vd-r-lg);
	box-shadow: var(--vd-sh-sm);
	padding: 20px;
	margin-bottom: 18px;
	transition: box-shadow var(--vd-t), transform var(--vd-t);
}
.vd-page .posts-listing > li:hover {
	box-shadow: var(--vd-sh-md);
	transform: translateY(-2px);
}
.vd-page .post-title {
	font-family: var(--vd-font-display);
	color: var(--vd-deep);
	margin-top: 0;
}
.vd-page .post-excerpt { color: var(--vd-text-2); }

/* Vachanamrut / app icon tiles */
.vd-page .main .icon-block,
.vd-page .content .icon-block {
	background: #fff;
	border: 1px solid var(--vd-border-soft) !important;
	border-radius: var(--vd-r-lg) !important;
	box-shadow: var(--vd-sh-sm);
	text-align: center;
	transition: transform var(--vd-t), box-shadow var(--vd-t), border-color var(--vd-t);
}
.vd-page .main .icon-block:hover,
.vd-page .content .icon-block:hover {
	transform: translateY(-4px);
	box-shadow: var(--vd-sh-md);
	border-color: var(--vd-primary-light) !important;
}
.vd-page .main .icon-block h3,
.vd-page .content .icon-block h3 {
	font-family: var(--vd-font-guj), var(--vd-font-display);
	color: var(--vd-deep);
	font-size: 18px;
}
.vd-page .main .icon-block h5,
.vd-page .content .icon-block h5 { color: var(--vd-text-2); font-weight: 500; }

/* Announcement / event isotope: CSS grid wins over absolute positioning */
.vd-page .events-grid.isotope,
.vd-page .grid-holder.isotope {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
	position: static !important;
	height: auto !important;
	overflow: visible !important;
	width: 100%;
}
.vd-page .events-grid .isotope-item,
.vd-page .grid-holder .grid-item,
.vd-page .events-grid .grid-item {
	position: static !important;
	left: auto !important;
	top: auto !important;
	transform: none !important;
	width: auto !important;
	margin: 0 !important;
	float: none !important;
}
.vd-page .events-grid .grid-item-inner {
	padding: 0 0 14px;
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: var(--vd-sh-sm);
}
.vd-page .events-grid .media-box img,
.vd-page .events-grid .grid-item-inner img {
	width: 100% !important;
	height: 180px !important;
	object-fit: cover;
	display: block;
}
.vd-page .events-grid .grid-content {
	padding: 12px 14px 4px;
	text-align: center;
}
.vd-page .events-grid .grid-content h3 {
	height: auto !important;
	font-size: 15px;
	line-height: 1.4;
	margin: 0 0 8px;
}
.vd-page .events-grid .grid-content h3 a {
	color: var(--vd-deep);
	font-family: var(--vd-font-display);
}
.vd-page .grid-content h4 a,
.vd-page .grid-content h4 strong { color: var(--vd-deep); }
.vd-page .grid-content h5 { color: var(--vd-text-2); min-height: 0; }

.vd-page .content [class*="col-md-12"]:has(> .grid-item-inner .example-image-link) {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	float: none;
	width: 100%;
}
.vd-page .content [class*="col-md-12"]:has(> .grid-item-inner .example-image-link) > .head_title,
.vd-page .content [class*="col-md-12"]:has(> .grid-item-inner .example-image-link) > h2,
.vd-page .content [class*="col-md-12"]:has(> .grid-item-inner .example-image-link) > p {
	grid-column: 1 / -1;
}
.vd-page .grid-item-inner:has(.example-image-link) {
	float: none;
	width: auto;
	position: relative;
	margin: 0;
	padding: 0;
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: var(--vd-sh-sm);
}
.vd-page .grid-item-inner:has(.example-image-link) img {
	width: 100% !important;
	height: 180px !important;
	object-fit: cover;
	display: block !important;
	margin: 0;
}
.vd-page .grid-item-inner:has(.example-image-link) a[download] {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin: 0 !important;
	border-radius: 50%;
	background: var(--vd-primary);
	color: #fff !important;
	font-size: 14px !important;
}
.vd-page .accordion-inner .posts-listing > li,
.vd-page .accordion-inner .post-list-item {
	background: none;
	border: 0;
	box-shadow: none;
	padding: 0;
	margin: 0;
}
.vd-page .accordion-inner .row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 22px;
	margin: 0;
}
.vd-page .accordion-inner .row > [class*="col-"] {
	float: none;
	width: auto;
	flex: 0 0 220px;
	max-width: 240px;
	padding: 0;
	text-align: left;
}
.vd-page .accordion-inner .row > [class*="col-"] img,
.vd-page .accordion-inner .holi_img_thum {
	width: 100%;
	height: 160px;
	object-fit: cover;
	border-radius: 12px;
	display: block;
}
.vd-page .accordion-inner .row > div:not([class*="col-"]) {
	flex: 1 1 240px;
	min-width: 0;
	margin: 0 !important;
	text-align: justify;
	color: var(--vd-text);
}
.vd-page .posts-listing > li .row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 20px;
}
.vd-page .posts-listing > li .row > [class*="col-md-3"] {
	float: none;
	width: auto;
	flex: 0 0 200px;
	padding: 0;
}
.vd-page .posts-listing > li .row > [class*="col-md-3"] img {
	width: 100%;
	height: 150px;
	object-fit: cover;
	border-radius: 12px;
}
.vd-page .posts-listing > li .row > [class*="col-md-9"] {
	float: none;
	flex: 1 1 260px;
	width: auto;
	padding: 0;
}

/* --------------------------------------------------------------------------
   Accordions
   -------------------------------------------------------------------------- */
.vd-page .accordion { margin: 0; }
.vd-page .accordion-group.panel,
.vd-page .accordion-group {
	background: #fff;
	border: 1px solid var(--vd-border-soft) !important;
	border-radius: var(--vd-r-md) !important;
	box-shadow: var(--vd-sh-xs);
	margin-bottom: 12px;
	overflow: hidden;
	padding: 0 !important;
}
.vd-page .accordion-heading { background: none; }
.vd-page .accordion-toggle {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 20px !important;
	font-family: var(--vd-font-display);
	font-weight: 600;
	color: var(--vd-text) !important;
	background: var(--vd-cream);
	transition: background var(--vd-t), color var(--vd-t);
}
/* NO FILLED ORANGE ON EITHER STATE - that was asked for explicitly, and the
   legacy sheets' own .accordion-heading:hover rule paints a solid red bar,
   which is what these override.

   Both states stay on the pale ground and are told apart by the TEXT and a
   left rule instead: hover tints the label, open adds the accent bar and the
   rotated chevron. Resting is --vd-cream and hover --vd-soft, four values per
   channel apart, so the label colour is doing the real work - deliberately.

   .active is maintained by the small script at the foot of about_view.blade.
   Bootstrap's collapse plugin only ever toggles .collapsed, so without it this
   styling stays on the first row whatever the visitor opens. */
.vd-page .accordion-toggle:hover,
.vd-page .accordion-heading:hover .accordion-toggle {
	background: var(--vd-soft) !important;
	color: var(--vd-primary-dark) !important;
}
.vd-page .accordion-toggle.active,
.vd-page .accordion-heading .accordion-toggle.active,
.vd-page .accordion-heading:hover .accordion-toggle.active {
	background: var(--vd-soft) !important;
	color: var(--vd-primary-dark) !important;
	box-shadow: inset 3px 0 0 var(--vd-primary);
}
.vd-page .accordion-toggle .fa {
	color: var(--vd-primary);
	transition: transform var(--vd-t), color var(--vd-t);
}
.vd-page .accordion-toggle.active .fa { transform: rotate(180deg); }
.vd-page .accordion-inner { padding: 18px 20px 22px; background: #fff; }

/* --------------------------------------------------------------------------
   Buttons  (content only)
   -------------------------------------------------------------------------- */
.vd-page .main .btn,
.vd-page .content .btn,
.vd-page .main input[type="submit"],
.vd-page .content input[type="submit"],
.vd-page .main .sidebtncls,
.vd-page .content .sidebtncls {
	font-family: var(--vd-font-display);
	font-size: 13px; font-weight: 600; letter-spacing: .03em;
	text-transform: uppercase;
	border-radius: var(--vd-r-pill);
	padding: 10px 22px;
	border: 1px solid transparent;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	transition: transform var(--vd-t), box-shadow var(--vd-t), background var(--vd-t), color var(--vd-t), border-color var(--vd-t);
}
.vd-page .main .btn-primary,
.vd-page .content .btn-primary,
.vd-page .main .btn-danger,
.vd-page .content .btn-danger,
.vd-page .main .btn-success,
.vd-page .content .btn-success,
.vd-page .main input[type="submit"],
.vd-page .content input[type="submit"] {
	background: linear-gradient(135deg, var(--vd-primary) 0%, var(--vd-primary-dark) 100%) !important;
	border-color: transparent !important;
	color: #fff !important;
	box-shadow: 0 6px 18px -8px rgba(201,101,56,.75);
}
.vd-page .main .btn-primary:hover,
.vd-page .content .btn-primary:hover,
.vd-page .main .btn-danger:hover,
.vd-page .content .btn-danger:hover,
.vd-page .main .btn-success:hover,
.vd-page .content .btn-success:hover,
.vd-page .main input[type="submit"]:hover,
.vd-page .content input[type="submit"]:hover {
	background: linear-gradient(135deg, var(--vd-primary-dark) 0%, var(--vd-deep) 100%) !important;
	color: #fff !important;
	transform: translateY(-2px);
}
.vd-page .main .btn-default,
.vd-page .content .btn-default {
	background: #fff !important;
	border-color: var(--vd-border) !important;
	color: var(--vd-primary-dark) !important;
}
.vd-page .main .btn-default:hover,
.vd-page .content .btn-default:hover {
	background: var(--vd-soft) !important;
	border-color: var(--vd-primary-light) !important;
	color: var(--vd-primary-dark) !important;
}
.vd-page .main .sidebtncls,
.vd-page .content .sidebtncls {
	background: #fff;
	border: 1px solid var(--vd-border);
	color: var(--vd-primary-dark) !important;
	box-shadow: var(--vd-sh-xs);
	margin: 0 0 10px;
	width: 100%;
}
.vd-page .main .sidebtncls:hover,
.vd-page .content .sidebtncls:hover {
	background: var(--vd-soft);
	border-color: var(--vd-primary-light);
	color: var(--vd-primary-dark) !important;
	transform: translateY(-2px);
}
.vd-page .tag-cloud a {
	border-radius: var(--vd-r-pill);
	background: var(--vd-soft);
	border: 1px solid var(--vd-border);
	color: var(--vd-primary-dark) !important;
}

/* --------------------------------------------------------------------------
   Forms
   -------------------------------------------------------------------------- */
.vd-page .main .form-control,
.vd-page .content .form-control,
.vd-page .main input[type="text"],
.vd-page .main input[type="email"],
.vd-page .main input[type="password"],
.vd-page .main input[type="tel"],
.vd-page .main input[type="number"],
.vd-page .main input[type="date"],
.vd-page .main select,
.vd-page .main textarea {
	height: 46px;
	border-radius: var(--vd-r-sm);
	border: 1px solid var(--vd-border);
	background: #fff;
	color: var(--vd-text);
	box-shadow: none;
	padding: 0 14px;
	margin-bottom: 12px;
	width: 100%;
	transition: border-color var(--vd-t), box-shadow var(--vd-t);
}
.vd-page .main textarea.form-control,
.vd-page .content textarea.form-control,
.vd-page .main textarea {
	height: auto;
	min-height: 120px;
	padding: 12px 14px;
}
.vd-page .main .form-control:focus,
.vd-page .content .form-control:focus,
.vd-page .main input:focus,
.vd-page .main select:focus,
.vd-page .main textarea:focus {
	border-color: var(--vd-primary-light);
	box-shadow: 0 0 0 3px rgba(229,125,75,.16);
	outline: none;
}
.vd-page .main label,
.vd-page .main .control-label,
.vd-page .content label {
	font-family: var(--vd-font-display);
	font-size: 13px; font-weight: 600; color: var(--vd-text);
	margin-bottom: 6px;
}
.vd-page .main select.form-control { appearance: none; -webkit-appearance: none; }
.vd-page .main .error,
.vd-page .content .error,
.vd-page .error_p p {
	color: #B42318;
	font-size: 13px;
	margin-top: 4px;
}

.vd-page .donate-form,
.vd-page .contact-formxx,
.vd-page .contact_form,
.vd-page form.cform {
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: var(--vd-r-lg);
	box-shadow: var(--vd-sh-sm);
	padding: 28px 28px 20px;
}

.vd-page .sidebar .widget,
.vd-page .right-sidebar .widget {
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: var(--vd-r-lg);
	box-shadow: var(--vd-sh-sm);
	padding: 22px;
	margin-bottom: 18px;
}
.vd-page .sidebar .widget .title,
.vd-page .sidebar h3.title {
	font-family: var(--vd-font-display);
	color: var(--vd-deep);
	font-size: 20px;
	margin-bottom: 12px;
}
.vd-page .sidebar address { color: var(--vd-text-2); line-height: 1.7; }

.vd-page #googleMap,
.vd-page #googleMap iframe {
	width: 100% !important;
	max-width: 100%;
	border: 0;
	border-radius: var(--vd-r-lg);
	box-shadow: var(--vd-sh-sm);
	overflow: hidden;
}

/* --------------------------------------------------------------------------
   Tables
   -------------------------------------------------------------------------- */
.vd-page .main .table,
.vd-page .content .table,
.vd-page .main table,
.vd-page .content table {
	background: #fff;
	border-radius: var(--vd-r-md);
	overflow: hidden;
	border: 1px solid var(--vd-border-soft);
}
.vd-page .main .table > thead > tr > th,
.vd-page .content .table > thead > tr > th,
.vd-page .main table th,
.vd-page .content table th {
	background: linear-gradient(100deg, var(--vd-on-dark-1) 0%, var(--vd-on-dark-2) 100%);
	color: #fff;
	border: 0;
	font-family: var(--vd-font-display);
	font-size: 12.5px; font-weight: 600; letter-spacing: .04em;
	text-transform: uppercase;
	padding: 13px 14px;
	vertical-align: middle;
}
.vd-page .main .table > tbody > tr > td,
.vd-page .content .table > tbody > tr > td,
.vd-page .main table td,
.vd-page .content table td {
	border-top: 1px solid var(--vd-border-soft);
	padding: 12px 14px;
	color: var(--vd-text-2);
	vertical-align: middle;
}
.vd-page .main .table > tbody > tr:nth-child(odd) > td { background: var(--vd-warm-white); }
.vd-page .main .table > tbody > tr:hover > td { background: var(--vd-soft); }

/* --------------------------------------------------------------------------
   Pagination
   -------------------------------------------------------------------------- */
.vd-page .pagination > li > a,
.vd-page .pagination > li > span {
	color: var(--vd-primary-dark);
	border-color: var(--vd-border);
	margin: 0 3px;
	border-radius: var(--vd-r-xs) !important;
	font-family: var(--vd-font-display);
	font-weight: 600;
}
.vd-page .pagination > li > a:hover {
	background: var(--vd-soft);
	border-color: var(--vd-primary-light);
	color: var(--vd-primary-dark);
}
.vd-page .pagination > .active > a,
.vd-page .pagination > .active > span {
	background: var(--vd-primary);
	border-color: var(--vd-primary);
	color: #fff;
}

/* --------------------------------------------------------------------------
   Images
   -------------------------------------------------------------------------- */
.vd-page .content img,
.vd-page .gallery img { border-radius: var(--vd-r-sm); }
.vd-page .main img { max-width: 100%; height: auto; }

/* --------------------------------------------------------------------------
   Daily Darshan extras
   -------------------------------------------------------------------------- */
.vd-page .aarti_time_ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.vd-page .aarti_time_ul li {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 14px;
	border-bottom: 1px solid var(--vd-border-soft);
	color: var(--vd-text);
	font-family: var(--vd-font-display);
	font-size: 13.5px;
}
.vd-page .aarti_time_ul li:last-child { border-bottom: 0; }
.vd-page .aarti_time_section {
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: var(--vd-r-lg);
	box-shadow: var(--vd-sh-sm);
	padding: 12px 8px 8px;
	margin-top: 16px;
}
.vd-page #clock,
.vd-page #calendarTemplate {
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: var(--vd-r-lg);
	box-shadow: var(--vd-sh-sm);
	padding: 16px;
	margin-bottom: 16px;
}

/* --------------------------------------------------------------------------
   Page-specific atmospheres  (same tokens, different motifs)
   -------------------------------------------------------------------------- */
[data-vd-page="about"] .main {
	background:
		radial-gradient(80% 50% at 0% 0%, rgba(255,255,255,.08), transparent 55%),
		var(--vd-cream);
}
[data-vd-page="about"] .vd-holy__media img { width: 100%; }
[data-vd-page="articles"] .vd-articles { margin-top: 4px; }
[data-vd-page="announcement"] .vd-announce-grid,
[data-vd-page="video_gallery"] .vd-vgal-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}
[data-vd-page="announcement"] .vd-announce,
[data-vd-page="video_gallery"] .vd-vgal {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: var(--vd-sh-sm);
	min-width: 0;
	transition: transform var(--vd-t), box-shadow var(--vd-t), border-color var(--vd-t);
}
[data-vd-page="announcement"] .vd-announce:hover,
[data-vd-page="video_gallery"] .vd-vgal:hover {
	transform: translateY(-4px);
	border-color: var(--vd-primary-tint);
	box-shadow: var(--vd-sh-md);
}
[data-vd-page="announcement"] .vd-announce__media,
[data-vd-page="video_gallery"] .vd-vgal__media {
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--vd-soft);
}
[data-vd-page="announcement"] .vd-announce__media img,
[data-vd-page="video_gallery"] .vd-vgal__media img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	display: block;
}
[data-vd-page="announcement"] .vd-announce__body,
[data-vd-page="video_gallery"] .vd-vgal__title {
	padding: 12px 14px 14px;
	text-align: center;
}
[data-vd-page="announcement"] .vd-announce__body h4,
[data-vd-page="announcement"] .vd-announce__body h4 a,
[data-vd-page="video_gallery"] .vd-vgal__title {
	margin: 0 0 6px;
	color: var(--vd-deep);
	font-family: var(--vd-font-display);
	font-size: 15px;
	font-weight: 700;
}
[data-vd-page="announcement"] .vd-announce__body h5 { margin: 0; color: var(--vd-text-2); }
[data-vd-page="video_gallery"] .main a.vd-vgal,
[data-vd-page="video_gallery"] .content a.vd-vgal,
[data-vd-page="video_gallery"] .main a.vd-vgal:hover,
[data-vd-page="video_gallery"] .content a.vd-vgal:hover {
	color: inherit;
	text-decoration: none;
}
.vd-page[data-vd-page="announcement"] .vd-announce-grid {
	grid-template-columns: repeat(auto-fit, minmax(240px, 300px));
	justify-content: center;
	gap: 22px;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.vd-page[data-vd-page="announcement"] .vd-announce__media {
	aspect-ratio: 4 / 5;
}
.vd-page[data-vd-page="announcement"] .zoom { display: none; }
.vd-page[data-vd-page="announcement"] .vd-gphoto-grid {
	grid-template-columns: repeat(auto-fit, minmax(260px, 360px));
	justify-content: center;
	gap: 22px;
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
}
.vd-page[data-vd-page="announcement"] .vd-gphoto__media {
	aspect-ratio: 4 / 5;
}
.vd-page[data-vd-page="announcement"] .main .vd-gphoto__media img,
.vd-page[data-vd-page="announcement"] .content .vd-gphoto__media img {
	object-fit: contain;
	background: #fff;
}
[data-vd-page="announcement"] .vd-announce-empty,
[data-vd-page="video_gallery"] .vd-vgal-empty {
	grid-column: 1 / -1;
	text-align: center;
	margin: 24px 0;
	color: var(--vd-deep);
	font-family: var(--vd-font-display);
}
.vd-gphoto > a.vd-gphoto__btn {
	margin: 10px auto 12px;
}
[data-vd-page="video_gallery"] .vd-vlist-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}
[data-vd-page="video_gallery"] .vd-vlist {
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: var(--vd-sh-sm);
	padding: 0;
	min-width: 0;
}
[data-vd-page="video_gallery"] .vd-vlist iframe,
[data-vd-page="video_gallery"] .iframe_video {
	width: 100%;
	height: 220px;
	border: 0;
	display: block;
	margin: 0;
}
[data-vd-page="about"] .vd-dham__media img {
	width: 100%;
	border-radius: 16px;
	box-shadow: var(--vd-sh-sm);
}
[data-vd-page="about"] .vd-dham__copy {
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 16px;
	box-shadow: var(--vd-sh-sm);
	padding: 18px 20px;
}
[data-vd-page="articles"] .vd-article-body {
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 16px;
	box-shadow: var(--vd-sh-sm);
	padding: 8px 22px 22px;
}
[data-vd-page="articles"] .vd-article-body p {
	font-size: 15px;
	margin-top: 18px;
	font-weight: 400;
	color: var(--vd-text);
}
.vd-page .secondary-bar .vd-yt img { height: 22px; vertical-align: middle; }

[data-vd-page="dailydarshan"] .main {
	background:
		radial-gradient(circle at 12% 20%, rgba(255,179,71,.12), transparent 42%),
		radial-gradient(circle at 88% 80%, rgba(229,125,75,.08), transparent 46%),
		var(--vd-warm-white);
}
[data-vd-page="dailydarshan"] .vd-dd {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0;
	padding-top: 8px !important;
}
[data-vd-page="dailydarshan"] .vd-dd-side,
[data-vd-page="dailydarshan"] .vd-dd-main {
	float: none;
}
[data-vd-page="dailydarshan"] .vd-dd-side > [class*="col-"],
[data-vd-page="dailydarshan"] .vd-dd-side > #clock,
[data-vd-page="dailydarshan"] .vd-dd-side > #calendarTemplate {
	float: none;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
[data-vd-page="dailydarshan"] #clock.light {
	float: none !important;
	position: relative;
	clear: both;
	margin: 0 0 16px;
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 18px;
	box-shadow: var(--vd-sh-sm);
	padding: 18px 16px 14px;
	text-align: center;
}
[data-vd-page="dailydarshan"] #clock .digits {
	display: inline-block !important;
}
[data-vd-page="dailydarshan"] #clock.light .digits div span {
	background-color: var(--vd-deep);
	border-color: var(--vd-deep);
}
[data-vd-page="dailydarshan"] #clock.light .digits div.dots:before,
[data-vd-page="dailydarshan"] #clock.light .digits div.dots:after {
	background-color: var(--vd-primary);
}
[data-vd-page="dailydarshan"] #clock .ampm {
	position: relative !important;
	display: inline-block !important;
	vertical-align: middle !important;
	font-size: 16px !important;
	margin-left: 6px !important;
	color: var(--vd-primary-dark);
	font-family: var(--vd-font-display);
	font-weight: 700;
}
[data-vd-page="dailydarshan"] #calendarTemplate {
	margin-bottom: 16px;
	padding: 12px 10px 16px;
	overflow: hidden;
}
[data-vd-page="dailydarshan"] #calendarTemplate .month {
	float: none;
	margin: 0 auto;
	background: #fff;
	border: 0;
	min-height: 0;
	width: 218px;
}
[data-vd-page="dailydarshan"] #calendarTemplate .month h4 {
	font-family: var(--vd-font-display);
	font-weight: 700;
	color: var(--vd-deep);
	border-bottom-color: var(--vd-border-soft);
	letter-spacing: .04em;
	/* 44px matches .yclNav's height above - the arrows centre on this row.
	   The side padding keeps a long month/year clear of the two controls. */
	box-sizing: border-box;
	height: 44px;
	line-height: 24px;
	padding: 10px 46px;
	margin: 0;
}
/* THE MONTH NAV, REPOSITIONED.
   jquery.yacal.css places these two absolutely with hard pixel offsets -
   .prev at left:10px and .next at left:178px - and 178 is only correct while
   the month box happens to be 218px wide. It also puts both at top:15px,
   which left them 9px below the centre of the month heading at every width,
   so the arrows read as belonging to the row underneath rather than to the
   title they page.

   The nav is made a strip across the title row instead, and the two controls
   are placed by flex. That drops the magic 178 - the arrows now sit against
   the box's own edges whatever it is sized to - and centres them on the
   heading. The strip's height is tied to the h4's below; change one and
   change the other. */
[data-vd-page="dailydarshan"] #calendarTemplate .yclNav {
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 8px;
	/* the strip spans the whole title row, so it must not swallow clicks
	   meant for the heading behind it - only the two controls take them */
	pointer-events: none;
}
[data-vd-page="dailydarshan"] #calendarTemplate .yclNav .prev,
[data-vd-page="dailydarshan"] #calendarTemplate .yclNav .next {
	/* RELATIVE, not static. yacal draws the actual chevron on a ::before /
	   ::after that is itself absolutely positioned, so these two have to stay
	   a containing block - dropping them to static let the glyphs escape to
	   .wrap and land outside their own circles. Relative keeps them in the
	   flex row while the arrows stay put. */
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	margin: 0 !important;
	pointer-events: auto;
}
[data-vd-page="dailydarshan"] #calendarTemplate .prev,
[data-vd-page="dailydarshan"] #calendarTemplate .next {
	border-color: var(--vd-border-soft);
	background: var(--vd-soft);
}
[data-vd-page="dailydarshan"] #calendarTemplate .prev:hover,
[data-vd-page="dailydarshan"] #calendarTemplate .next:hover {
	border-color: var(--vd-primary);
	background: var(--vd-primary);
}
[data-vd-page="dailydarshan"] #calendarTemplate .prev::before,
[data-vd-page="dailydarshan"] #calendarTemplate .next::after {
	color: var(--vd-deep);
}
[data-vd-page="dailydarshan"] #calendarTemplate .prev:hover::before,
[data-vd-page="dailydarshan"] #calendarTemplate .next:hover::after {
	color: #fff;
}
[data-vd-page="dailydarshan"] #calendarTemplate .wday {
	color: var(--vd-text-2);
	font-family: var(--vd-font-display);
	font-weight: 600;
}
[data-vd-page="dailydarshan"] #calendarTemplate .day {
	color: var(--vd-text);
}
[data-vd-page="dailydarshan"] #calendarTemplate .day.weekend {
	color: var(--vd-primary-dark) !important;
}
[data-vd-page="dailydarshan"] #calendarTemplate .day.today {
	background-color: var(--vd-primary);
	color: #fff !important;
}
[data-vd-page="dailydarshan"] #calendarTemplate .day.active:hover {
	border-color: var(--vd-primary-tint);
	background: var(--vd-soft);
}
[data-vd-page="dailydarshan"] .aarti_time_section {
	margin-top: 0;
	padding: 16px 14px 10px;
	border-radius: 18px;
}
[data-vd-page="dailydarshan"] .aarti_time_section .head_title {
	margin-bottom: 10px !important;
	font-size: 22px !important;
}
[data-vd-page="dailydarshan"] .aarti_time_section .head_title::before {
	width: 120px;
	margin-left: -60px;
	bottom: 10px;
}
[data-vd-page="dailydarshan"] .aarti_time_section .head_title::after {
	bottom: 5px;
	box-shadow:
		-34px 0 0 -3px var(--vd-gold),
		34px 0 0 -3px var(--vd-gold);
}
[data-vd-page="dailydarshan"] .aarti_time_ul {
	margin-left: 0;
}
[data-vd-page="dailydarshan"] .vd-dd-panel {
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 20px;
	box-shadow: var(--vd-sh-sm);
	padding: 22px 24px 20px;
	min-height: 320px;
}
[data-vd-page="dailydarshan"] .vd-dd-panel .head_title {
	margin-bottom: 16px !important;
}
[data-vd-page="dailydarshan"] .main_gallery_kh {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}
[data-vd-page="dailydarshan"] .main_gallery_kh .grid-item-inner {
	float: none;
	width: auto;
	margin: 0;
	position: relative;
	padding: 0;
}
[data-vd-page="dailydarshan"] .main_gallery_kh img.post-thumb,
[data-vd-page="dailydarshan"] .main_gallery_kh img {
	width: 100% !important;
	height: 180px !important;
	object-fit: cover;
	display: block !important;
	margin: 0;
	border-radius: 0;
}
[data-vd-page="dailydarshan"] .main_gallery_kh a[download] {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin: 0 !important;
	border-radius: 50%;
	background: var(--vd-primary);
	color: #fff !important;
	font-size: 14px !important;
	box-shadow: var(--vd-sh-sm);
}
[data-vd-page="dailydarshan"] #shangar_sec > p,
[data-vd-page="dailydarshan"] #shayan_div > p,
[data-vd-page="dailydarshan"] #shangar_sec > h3,
[data-vd-page="dailydarshan"] #shayan_div > h3 {
	grid-column: 1 / -1;
	margin: 48px 0;
	font-family: var(--vd-font-display) !important;
	font-size: 22px !important;
	color: var(--vd-deep) !important;
}
[data-vd-page="dailydarshan"] .yiframe {
	background: var(--vd-soft);
	border-radius: 16px;
	overflow: hidden;
}
[data-vd-page="dailydarshan"] .yiframe iframe {
	width: 100% !important;
	max-width: 100%;
	height: 360px;
	display: block;
	border: 0;
}
[data-vd-page="n_gallery"] .main {
	background: var(--vd-warm-white);
}
[data-vd-page="video_gallery"] .main {
	background: var(--vd-warm-white);
}
[data-vd-page="music_audio"] .main {
	background: var(--vd-warm-white);
}
[data-vd-page="banners_img"] .main,
[data-vd-page="media"] .main {
	background: var(--vd-warm-white);
}

/* Banners use the same 4:3 cover well as Photo Gallery. The download sits on
   the image (this page has no Facebook share, so there is no footer strip).
   Six posters fill two even rows; Photo Gallery keeps its five-up grid. */
[data-vd-page="banners_img"] .vd-gphoto-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
[data-vd-page="banners_img"] .vd-gphoto {
	position: relative;
}
[data-vd-page="banners_img"] .vd-gphoto__actions {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 3;
	padding: 0;
}
[data-vd-page="banners_img"] .vd-gphoto__btn,
[data-vd-page="banners_img"] .main a.vd-gphoto__btn,
[data-vd-page="banners_img"] .content a.vd-gphoto__btn {
	width: 38px;
	height: 38px;
	background: linear-gradient(135deg, var(--vd-on-dark-1), var(--vd-on-dark-2));
	color: #fff;
	box-shadow: 0 6px 16px -8px rgba(201,101,56,.75);
}
[data-vd-page="banners_img"] .main a.vd-gphoto__btn:hover,
[data-vd-page="banners_img"] .content a.vd-gphoto__btn:hover {
	background: var(--vd-primary-dark);
	color: #fff;
}
@media (max-width: 767px) {
	[data-vd-page="banners_img"] .vd-gphoto-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 479px) {
	[data-vd-page="banners_img"] .vd-gphoto-grid { grid-template-columns: 1fr; }
}
[data-vd-page="donation"] .main,
[data-vd-page="thal_details"] .main {
	background:
		radial-gradient(70% 50% at 100% 0%, rgba(229,125,75,.10), transparent 50%),
		var(--vd-soft);
}

/* --------------------------------------------------------------------------
   Payment form component  (/donation/view, /thal_payment/view,
   /english_magazine/subscription)

   One component, three pages: the donation form, the thal payment form with
   the amount fixed by the thal, and the magazine subscription. They post to
   different endpoints but are the same shape - fields on the left in numbered
   blocks, a sticky summary carrying the total and the only submit on the
   right - so they share this markup and these rules rather than carrying three
   copies of both.

   SCOPED BY THE COMPONENT'S OWN CLASS, not by page name. It began life keyed
   to [data-vd-page="donation"], but the subscription form lives under the
   english_magazine segment, which the magazine LISTING also uses - so keying
   on the page would have restyled a page that has no form on it at all.
   `.vd-page` plus the .vd-don* classes is the same specificity the attribute
   selector had, so nothing in the cascade moved.

   The one page-level rule, the .content padding, uses :has(.vd-don) so it
   follows the component too. A browser without :has() simply keeps the
   default padding.

   The form is the page, so it is laid out as one: the fields on the left in
   three numbered blocks, and a sticky summary carrying the total and the only
   submit button on the right.

   Two things this fixes beyond appearance. The submit used to sit in the
   col-md-2 beside the city row, which put "Donate Now" in the MIDDLE of the
   form - above State, Country, ZIP, phone, email and the amount - so the
   obvious way to fill the form in order was to submit it half-finished. And
   every field was placeholder-only, which leaves a filled-in form with no
   labels at all (WCAG 3.3.2); the labels are real now, and the placeholders
   demoted to examples.

   Scoped to .vd-page, which web.home.header emits from the
   URL segment, so nothing here can reach another page.
   -------------------------------------------------------------------------- */
.vd-page .content:has(.vd-don) { padding: 0 0 56px !important; }

/* `.content` is in this selector for one reason: the shared inner-page rule
   `.vd-page .main p, .vd-page .content p { margin: 0 0 1.05em }` is (0,2,1),
   and a page-attribute + class selector is only (0,2,0) - so it out-ranked
   these and reset the auto margins to 0, which pinned this centred block to
   the left of the heading above it. Adding the class takes them to (0,3,0).
   Any future <p> rule in this block needs the same. */
.vd-page .content:has(.vd-don) .vd-don__lede {
	max-width: 760px;
	margin: -6px auto 26px;
	text-align: center;
	color: var(--vd-text-2);
	font-size: 15px;
	line-height: 1.75;
}

/* ---- error summary ------------------------------------------------------ */
.vd-page .vd-don__errors {
	max-width: 1060px;
	margin: 0 auto 20px;
	padding: 14px 18px;
	border: 1px solid #F3C0BA;
	border-left: 3px solid #B42318;
	border-radius: var(--vd-r-md);
	background: #FEF3F2;
}
.vd-page .vd-don__errors strong {
	display: block; margin-bottom: 4px;
	color: #B42318; font-size: 14px;
}
.vd-page .vd-don__errors p { margin: 2px 0; }

/* ---- the two columns ---------------------------------------------------- */
/* The form element carries .contact_form, which the shared inner-page sheet
   gives a white card, a border and 28px of padding. That card belongs to the
   two children here, not to the grid that holds them. */
.vd-page form.vd-don {
	max-width: 1060px;
	margin: 0 auto;
	padding: 0;
	background: none;
	border: 0;
	box-shadow: none;
}
.vd-page .vd-don__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 340px;
	align-items: start;
	gap: 24px;
}
.vd-page .vd-don__main {
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: var(--vd-r-lg);
	box-shadow: var(--vd-sh-sm);
	padding: 26px 28px 10px;
}

/* ---- a numbered block --------------------------------------------------- */
.vd-page .vd-don__block { margin-bottom: 26px; }
.vd-page .vd-don__block:last-child { margin-bottom: 18px; }
.vd-page .vd-don__legend {
	display: flex; align-items: center; gap: 10px;
	margin: 0 0 16px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--vd-border-soft);
	font-family: var(--vd-font-display);
	font-size: 16px;
	font-weight: 600;
	color: var(--vd-text);
	text-transform: none;
	letter-spacing: 0;
}
.vd-page .vd-don__legend span {
	width: 24px; height: 24px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	flex: 0 0 auto;
	background: var(--vd-primary);
	color: #fff;
	font-size: 12px; font-weight: 700;
}

/* ---- fields ------------------------------------------------------------- */
.vd-page .vd-don__field { margin-bottom: 15px; }
.vd-page .vd-don__row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 16px;
}
.vd-page .vd-don__field label {
	display: block;
	margin: 0 0 6px;
	color: var(--vd-text);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
}
.vd-page .vd-don__field label i {
	color: #B42318; font-style: normal; margin-left: 1px;
}
.vd-page .vd-don__field label em {
	color: var(--vd-text-3); font-style: normal; font-weight: 400; font-size: 12px;
}

/* The legacy sheets style .form-control at a different height and colour;
   these are (0,3,1) and stay ahead of them. */
.vd-page .vd-don__field input.form-control,
.vd-page .vd-don__field textarea.form-control {
	width: 100%;
	height: 46px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid var(--vd-border);
	border-radius: var(--vd-r-sm);
	background: #fff;
	box-shadow: none;
	color: var(--vd-text);
	font-family: var(--vd-font);
	font-size: 14.5px;
	line-height: 44px;
	transition: border-color var(--vd-t), box-shadow var(--vd-t);
}
.vd-page .vd-don__field textarea.form-control {
	height: auto;
	min-height: 96px;
	padding: 12px 14px;
	line-height: 1.6;
	resize: vertical;
}
.vd-page .vd-don__field input.form-control::placeholder,
.vd-page .vd-don__field textarea.form-control::placeholder {
	color: var(--vd-text-3); opacity: 1;
}
.vd-page .vd-don__field input.form-control:focus,
.vd-page .vd-don__field textarea.form-control:focus {
	border-color: var(--vd-primary);
	box-shadow: 0 0 0 3px rgba(229,125,75,.18);
	outline: 0;
}

/* ---- the amount field, with its rupee gutter ---------------------------- */
.vd-page .vd-don__amount { position: relative; }
.vd-page .vd-don__amount > span {
	position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
	color: var(--vd-text-2); font-size: 15px; font-weight: 600;
	pointer-events: none;
}
.vd-page .vd-don__amount input.form-control {
	padding-left: 32px;
	font-size: 16px;
	font-weight: 600;
}

.vd-page .vd-don__presets {
	display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px;
}
.vd-page .vd-don__preset {
	padding: 7px 14px;
	border: 1px solid var(--vd-border);
	border-radius: var(--vd-r-pill);
	background: var(--vd-soft);
	color: var(--vd-text-2);
	font-family: var(--vd-font);
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: background var(--vd-t), border-color var(--vd-t), color var(--vd-t);
}
.vd-page .vd-don__preset:hover {
	border-color: var(--vd-primary);
	color: var(--vd-primary-dark);
}
.vd-page .vd-don__preset.is-on {
	background: var(--vd-primary);
	border-color: var(--vd-primary);
	color: #fff;
}

/* ---- the summary card --------------------------------------------------- */
.vd-page .vd-don__side { position: sticky; top: 92px; }
.vd-page .vd-don__card {
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: var(--vd-r-lg);
	box-shadow: var(--vd-sh-md);
	padding: 22px 22px 20px;
}
.vd-page .vd-don__card h3 {
	margin: 0 0 14px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--vd-border-soft);
	font-family: var(--vd-font-display);
	font-size: 15px;
	font-weight: 600;
	color: var(--vd-text);
	text-transform: none;
	letter-spacing: 0;
}
.vd-page .vd-don__line {
	display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
	margin-bottom: 12px;
	font-size: 14px;
	color: var(--vd-text-2);
	line-height: 1.5;
}
.vd-page .vd-don__line em { font-style: normal; color: var(--vd-text-3); font-size: 13px; }
.vd-page .vd-don__line b { color: var(--vd-text); white-space: nowrap; }
.vd-page .vd-don__field--extra { margin: 0 0 14px; }

.vd-page .vd-don__total {
	display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
	margin: 14px 0 16px;
	padding-top: 14px;
	border-top: 1px dashed var(--vd-border);
	font-size: 14px;
	color: var(--vd-text-2);
}
.vd-page .vd-don__total b {
	font-family: var(--vd-font-display);
	font-size: 22px;
	font-weight: 700;
	color: var(--vd-primary-dark);
	white-space: nowrap;
}

/* new_design_style_v2 paints .btn-primary red with !important, which is why
   both background and background-color are restated here. */
.vd-page input.vd-don__submit,
.vd-page input.vd-don__submit.btn,
.vd-page input.vd-don__submit.btn-primary {
	display: block;
	width: 100% !important;
	float: none !important;
	height: 50px;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 0 !important;
	border-radius: var(--vd-r-sm) !important;
	background: linear-gradient(180deg, var(--vd-primary) 0%, var(--vd-primary-dark) 100%) !important;
	background-color: var(--vd-primary) !important;
	color: #fff !important;
	font-family: var(--vd-font-display);
	font-size: 14px !important;
	font-weight: 700 !important;
	letter-spacing: .06em;
	text-transform: uppercase;
	box-shadow: 0 8px 20px -10px rgba(201,101,56,.9) !important;
	cursor: pointer;
	opacity: 1 !important;
	transition: transform var(--vd-t), filter var(--vd-t);
}
.vd-page input.vd-don__submit:hover {
	filter: brightness(1.05);
	transform: translateY(-1px);
	color: #fff !important;
}

.vd-page .content:has(.vd-don) .vd-don__secure {
	margin: 12px 0 0;
	color: var(--vd-text-3);
	font-size: 12.5px;
	line-height: 1.6;
}
.vd-page .vd-don__secure .fa { color: var(--vd-primary); margin-right: 5px; }

/* the old markup put this in a green Bootstrap .label-success pill, which is
   both off-palette and 2.1:1 white-on-green */
.vd-page a.vd-don__alt {
	display: block;
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid var(--vd-border-soft);
	color: var(--vd-text-2) !important;
	font-size: 13px;
	line-height: 1.5;
	text-decoration: none !important;
}
.vd-page a.vd-don__alt b { color: var(--vd-primary-dark); }
.vd-page a.vd-don__alt:hover b { text-decoration: underline; }

.vd-page #mailststus { display: block; margin-top: 8px; font-size: 13px; }

/* ---- responsive --------------------------------------------------------- */
@media (max-width: 991px) {
	.vd-page .vd-don__grid { grid-template-columns: minmax(0, 1fr); }
	/* the card stops being a rail and becomes the last step of the form */
	.vd-page .vd-don__side { position: static; }
}
@media (max-width: 575px) {
	.vd-page .vd-don__row { grid-template-columns: minmax(0, 1fr); }
	.vd-page .vd-don__main { padding: 20px 16px 6px; }
	.vd-page .vd-don__card { padding: 18px 16px 16px; }
	.vd-page .vd-don__lede { font-size: 14px; }
}

/* ---- magazine subscription: the parts the other two forms do not have ----
   The consent is a real checkbox because chkbox is `required` and validated
   server-side - it cannot become a line of copy. It sat in the form body as
   red text; in the summary card it reads as the terms you are agreeing to at
   the moment you pay, which is what it is. */
.vd-page .vd-emsub .vd-don__line span { color: var(--vd-text); font-weight: 600; }

.vd-page .vd-emsub .vd-emsub__consent {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0 0 16px;
	padding: 12px 14px;
	border: 1px solid var(--vd-border-soft);
	border-radius: var(--vd-r-sm);
	background: var(--vd-soft);
	color: var(--vd-text-2);
	font-size: 12.5px;
	font-weight: 400;
	line-height: 1.6;
	cursor: pointer;
}
.vd-page .vd-emsub .vd-emsub__consent input[type="checkbox"] {
	width: 16px; height: 16px;
	margin: 2px 0 0;
	flex: 0 0 auto;
	accent-color: var(--vd-primary);
	cursor: pointer;
}
.vd-page .vd-emsub .vd-emsub__consent b { color: var(--vd-text); }

/* the select needs the same treatment as the text inputs */
.vd-page .vd-emsub .vd-don__field select.form-control {
	width: 100%;
	height: 46px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid var(--vd-border);
	border-radius: var(--vd-r-sm);
	background: #fff;
	box-shadow: none;
	color: var(--vd-text);
	font-family: var(--vd-font);
	font-size: 14.5px;
	cursor: pointer;
}
.vd-page .vd-emsub .vd-don__field select.form-control:focus {
	border-color: var(--vd-primary);
	box-shadow: 0 0 0 3px rgba(229,125,75,.18);
	outline: 0;
}
/* a country the visitor cannot change should not look editable */
.vd-page .vd-emsub .vd-don__field input.form-control[readonly] {
	background: var(--vd-soft);
	color: var(--vd-text-2);
	cursor: not-allowed;
}

/* --------------------------------------------------------------------------
   Mantralekhan login / register  (/mantralekhan, /mantralekhan/register)

   Both screens are the same URL segment, so one page attribute covers the
   pair: a form card beside a rail carrying the two counters and the two real
   destinations.

   The counters used to be rendered as four full-width orange buttons
   identical to the Register and Top 50 links, and two of those "buttons" were
   <a href="#"> that did nothing at all. A figure is not an action, so they are
   set as figures here and only the two things you can actually go to are
   styled to be clicked.
   -------------------------------------------------------------------------- */
[data-vd-page="mantralekhan"] .content { padding: 0 0 56px !important; }

/* `.content` is load-bearing here - see the note in the donation block:
   `.vd-page .content p` is (0,2,1) and would otherwise reset these margins,
   which left this centred paragraph hard against the left edge while the
   heading above it stayed centred. */
[data-vd-page="mantralekhan"] .content .vd-auth__lede {
	max-width: 640px;
	margin: -6px auto 26px;
	text-align: center;
	color: var(--vd-text-2);
	font-size: 15px;
	line-height: 1.75;
}

[data-vd-page="mantralekhan"] .vd-auth__errors {
	max-width: 900px;
	margin: 0 auto 20px;
	padding: 14px 18px;
	border: 1px solid #F3C0BA;
	border-left: 3px solid #B42318;
	border-radius: var(--vd-r-md);
	background: #FEF3F2;
}
[data-vd-page="mantralekhan"] .vd-auth__errors strong {
	display: block; margin-bottom: 4px; color: #B42318; font-size: 14px;
}
[data-vd-page="mantralekhan"] .vd-auth__errors p { margin: 2px 0; }

/* ---- the two columns ---------------------------------------------------- */
[data-vd-page="mantralekhan"] .vd-auth {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	align-items: start;
	gap: 24px;
	max-width: 900px;
	margin: 0 auto;
}
[data-vd-page="mantralekhan"] .vd-auth__card {
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: var(--vd-r-lg);
	box-shadow: var(--vd-sh-sm);
	padding: 26px 28px 24px;
}
[data-vd-page="mantralekhan"] .vd-auth__title {
	margin: 0 0 20px;
	padding-bottom: 13px;
	border-bottom: 1px solid var(--vd-border-soft);
	font-family: var(--vd-font-display);
	font-size: 17px;
	font-weight: 600;
	color: var(--vd-text);
	text-transform: none;
	letter-spacing: 0;
}

/* ---- fields ------------------------------------------------------------- */
[data-vd-page="mantralekhan"] .vd-auth__field { margin-bottom: 16px; }
[data-vd-page="mantralekhan"] .vd-auth__field label {
	display: block;
	margin: 0 0 6px;
	color: var(--vd-text);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
}
[data-vd-page="mantralekhan"] .vd-auth__field label i {
	color: #B42318; font-style: normal; margin-left: 1px;
}
[data-vd-page="mantralekhan"] .vd-auth__field input.form-control {
	width: 100%;
	height: 46px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid var(--vd-border);
	border-radius: var(--vd-r-sm);
	background: #fff;
	box-shadow: none;
	color: var(--vd-text);
	font-family: var(--vd-font);
	font-size: 14.5px;
	line-height: 44px;
	transition: border-color var(--vd-t), box-shadow var(--vd-t);
}
[data-vd-page="mantralekhan"] .vd-auth__field input.form-control::placeholder {
	color: var(--vd-text-3); opacity: 1;
}
[data-vd-page="mantralekhan"] .vd-auth__field input.form-control:focus {
	border-color: var(--vd-primary);
	box-shadow: 0 0 0 3px rgba(229,125,75,.18);
	outline: 0;
}

/* the show/hide control sits inside the field's own box */
[data-vd-page="mantralekhan"] .vd-auth__pw { position: relative; display: block; }
[data-vd-page="mantralekhan"] .vd-auth__pw input.form-control { padding-right: 46px; }
[data-vd-page="mantralekhan"] .vd-auth__peek {
	position: absolute; right: 4px; top: 50%; transform: translateY(-50%);
	width: 38px; height: 38px;
	display: inline-flex; align-items: center; justify-content: center;
	border: 0; border-radius: var(--vd-r-xs);
	background: none;
	color: var(--vd-text-3);
	cursor: pointer;
	transition: color var(--vd-t), background var(--vd-t);
}
[data-vd-page="mantralekhan"] .vd-auth__peek:hover {
	background: var(--vd-soft); color: var(--vd-primary-dark);
}

/* the inline validation line the legacy scripts write into */
[data-vd-page="mantralekhan"] .content .vd-auth__msg {
	margin: -8px 0 12px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5;
	min-height: 0;
}
[data-vd-page="mantralekhan"] .content .vd-auth__msg:empty { margin: 0; }

/* new_design_style_v2 paints .btn-primary red with !important */
[data-vd-page="mantralekhan"] input.vd-auth__submit,
[data-vd-page="mantralekhan"] input.vd-auth__submit.btn,
[data-vd-page="mantralekhan"] input.vd-auth__submit.btn-primary {
	display: block;
	width: 100% !important;
	float: none !important;
	height: 48px;
	margin: 4px 0 0 !important;
	padding: 0 18px !important;
	border: 0 !important;
	border-radius: var(--vd-r-sm) !important;
	background: linear-gradient(180deg, var(--vd-primary) 0%, var(--vd-primary-dark) 100%) !important;
	background-color: var(--vd-primary) !important;
	color: #fff !important;
	font-family: var(--vd-font-display);
	font-size: 14px !important;
	font-weight: 700 !important;
	letter-spacing: .06em;
	text-transform: uppercase;
	box-shadow: 0 8px 20px -10px rgba(201,101,56,.9) !important;
	cursor: pointer;
	opacity: 1 !important;
	transition: transform var(--vd-t), filter var(--vd-t);
}
[data-vd-page="mantralekhan"] input.vd-auth__submit:hover {
	filter: brightness(1.05);
	transform: translateY(-1px);
	color: #fff !important;
}

[data-vd-page="mantralekhan"] .content .vd-auth__alt {
	margin: 16px 0 0;
	padding-top: 15px;
	border-top: 1px solid var(--vd-border-soft);
	text-align: center;
	color: var(--vd-text-2);
	font-size: 13.5px;
}
[data-vd-page="mantralekhan"] .vd-auth__alt a {
	color: var(--vd-primary-dark);
	font-weight: 600;
}
[data-vd-page="mantralekhan"] .vd-auth__alt a:hover { text-decoration: underline; }

[data-vd-page="mantralekhan"] #mailststus { display: block; margin-top: 8px; font-size: 13px; }

/* ---- the rail: figures, then destinations ------------------------------- */
[data-vd-page="mantralekhan"] .vd-auth__stats {
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: var(--vd-r-lg);
	box-shadow: var(--vd-sh-sm);
	padding: 20px 22px 6px;
	margin-bottom: 14px;
}
[data-vd-page="mantralekhan"] .vd-auth__stats h3 {
	margin: 0 0 14px;
	font-family: var(--vd-font-display);
	font-size: 14px;
	font-weight: 600;
	color: var(--vd-text-2);
	text-transform: none;
	letter-spacing: 0;
}
[data-vd-page="mantralekhan"] .vd-auth__stat { margin-bottom: 16px; }
[data-vd-page="mantralekhan"] .vd-auth__stat b {
	display: block;
	font-family: var(--vd-font-display);
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--vd-primary-dark);
	/* the mantralekhan figure runs to eight digits */
	letter-spacing: -.01em;
	word-break: break-word;
}
[data-vd-page="mantralekhan"] .vd-auth__stat span {
	display: block;
	margin-top: 2px;
	color: var(--vd-text-3);
	font-size: 12.5px;
}

[data-vd-page="mantralekhan"] .vd-auth__links { display: grid; gap: 10px; }
[data-vd-page="mantralekhan"] a.vd-auth__link {
	display: flex; align-items: center; justify-content: center; gap: 8px;
	padding: 12px 14px;
	border: 1px solid var(--vd-border);
	border-radius: var(--vd-r-sm);
	background: #fff;
	color: var(--vd-text) !important;
	font-size: 13.5px;
	font-weight: 600;
	text-align: center;
	text-decoration: none !important;
	transition: border-color var(--vd-t), background var(--vd-t), color var(--vd-t);
}
[data-vd-page="mantralekhan"] a.vd-auth__link .fa { color: var(--vd-primary); }
[data-vd-page="mantralekhan"] a.vd-auth__link:hover {
	border-color: var(--vd-primary);
	background: var(--vd-soft);
}
[data-vd-page="mantralekhan"] a.vd-auth__link--primary {
	border-color: var(--vd-primary);
	background: var(--vd-primary);
	color: #fff !important;
}
[data-vd-page="mantralekhan"] a.vd-auth__link--primary .fa { color: #fff; }
[data-vd-page="mantralekhan"] a.vd-auth__link--primary:hover {
	background: var(--vd-primary-dark);
	border-color: var(--vd-primary-dark);
}

/* ---- responsive --------------------------------------------------------- */
@media (max-width: 767px) {
	[data-vd-page="mantralekhan"] .vd-auth { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 575px) {
	[data-vd-page="mantralekhan"] .vd-auth__card { padding: 20px 16px 18px; }
	[data-vd-page="mantralekhan"] .vd-auth__stats { padding: 18px 16px 4px; }
	[data-vd-page="mantralekhan"] .vd-auth__lede { font-size: 14px; }
	[data-vd-page="mantralekhan"] .vd-auth__stat b { font-size: 21px; }
}

/* --------------------------------------------------------------------------
   Thal List  (/thal_details/view)
   Form IDs, GET names, payment hrefs and #donation stay as they are.
   .vd-page prefix keeps these rules ahead of the shared hero media queries.
   -------------------------------------------------------------------------- */
.vd-page[data-vd-page="thal_details"] .main { overflow: visible; }
.vd-page[data-vd-page="thal_details"] .content.full {
	padding-top: 10px !important;
}
.vd-page[data-vd-page="thal_details"] .main .row > .col-md-12 > .col-md-12 {
	float: none;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
.vd-page[data-vd-page="thal_details"] .secondary-bar {
	margin-top: -44px;
	padding: 14px 16px 12px;
	border-radius: 22px;
	overflow: visible;
	background:
		linear-gradient(180deg, rgba(255,252,250,.98) 0%, #fff 55%) padding-box,
		linear-gradient(135deg, var(--vd-gold-soft), var(--vd-primary), var(--vd-gold-soft)) border-box;
	border: 2px solid transparent;
	box-shadow: var(--vd-sh-md), 0 18px 40px -26px rgba(138,69,38,.34);
}
.vd-page[data-vd-page="thal_details"] .secondary-bar::before {
	background-image:
		radial-gradient(circle at 50% 0%, transparent 0 10px, rgba(201,149,79,.14) 10px 11px, transparent 11px);
	background-size: 28px 22px;
	opacity: .7;
}
.vd-page[data-vd-page="thal_details"] .vd-thal-panchang {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	align-items: stretch;
	width: 100%;
}
.vd-page[data-vd-page="thal_details"] .vd-thal-panchang > [class*="col-"] {
	position: relative;
	float: none;
	width: auto;
	padding: 8px 12px 8px 14px;
	margin: 0;
	min-width: 0;
	background: linear-gradient(180deg, #fff 0%, var(--vd-soft) 100%);
	border: 1px solid var(--vd-border-soft);
	border-radius: 14px;
	box-shadow: var(--vd-sh-xs);
}
.vd-page[data-vd-page="thal_details"] .vd-thal-panchang > [class*="col-"]::before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	bottom: 8px;
	width: 3px;
	border-radius: 0 3px 3px 0;
	background: linear-gradient(180deg, var(--vd-gold), var(--vd-primary));
}
.vd-page[data-vd-page="thal_details"] .vd-thal-panchang > .col-md-6 {
	grid-column: span 2;
}
.vd-page[data-vd-page="thal_details"] .vd-thal-panchang h3.title {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.35;
	color: var(--vd-text);
	font-family: var(--vd-font-guj);
	background: none;
	text-align: left;
}
.vd-page[data-vd-page="thal_details"] .vd-thal-panchang h3.title small {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
	color: var(--vd-primary-dark);
	font-family: var(--vd-font-guj);
}
.vd-page[data-vd-page="thal_details"] .vd-thal-panchang h3.title b {
	font-weight: 700;
	color: var(--vd-deep);
	overflow-wrap: anywhere;
}

.vd-page[data-vd-page="thal_details"] .vd-thal-lead {
	max-width: 640px;
	margin: -8px auto 22px;
	text-align: center;
	color: var(--vd-text-2);
	font-size: 14.5px;
	line-height: 1.55;
}
.vd-page[data-vd-page="thal_details"] .vd-thal-filter {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 12px 14px;
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 18px;
	box-shadow: var(--vd-sh-sm);
	padding: 16px 18px 18px;
	margin: 0 0 22px;
}
.vd-page[data-vd-page="thal_details"] .vd-thal-filter > [class*="col-"],
.vd-page[data-vd-page="thal_details"] .vd-thal-field {
	float: none;
	width: auto !important;
	padding: 0;
	margin: 0;
	flex: 1 1 180px;
	max-width: 280px;
	min-width: 0;
}
.vd-page[data-vd-page="thal_details"] .vd-thal-field--grow { flex: 1 1 240px; max-width: 340px; }
.vd-page[data-vd-page="thal_details"] .vd-thal-field--sm { flex: 0 1 140px; max-width: 170px; }
.vd-page[data-vd-page="thal_details"] .vd-thal-filter label {
	display: block;
	margin: 0 0 6px;
	font-size: 12px;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--vd-primary-dark);
}
.vd-page[data-vd-page="thal_details"] .vd-thal-filter .form-group { margin: 0; }
.vd-page[data-vd-page="thal_details"] .vd-thal-filter .form-control {
	width: 100%;
	margin: 0;
	height: 46px;
	padding-right: 34px;
}
.vd-page[data-vd-page="thal_details"] .vd-thal-filter select.form-control {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%238A4526' d='M1 1.5 L6 6.5 L11 1.5'/></svg>");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 12px 8px;
}
.vd-page[data-vd-page="thal_details"] .vd-thal-actions {
	flex: 0 0 auto !important;
	max-width: none !important;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-left: auto;
	margin-bottom: 0 !important;
}
.vd-page[data-vd-page="thal_details"] .vd-thal-actions .form-group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0;
}
.vd-page[data-vd-page="thal_details"] .vd-thal-actions .btn,
.vd-page[data-vd-page="thal_details"] .vd-thal-actions input[type="submit"] {
	float: none !important;
	margin: 0;
	height: 46px;
	padding: 0 22px;
	border-radius: var(--vd-r-pill) !important;
	font-size: 12px;
	letter-spacing: .06em;
	text-transform: uppercase;
	white-space: nowrap;
}

.vd-page[data-vd-page="thal_details"] .vd-thal-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border-radius: var(--vd-r-lg);
	box-shadow: var(--vd-sh-sm);
	margin: 0 0 8px;
	background: #fff;
}
.vd-page[data-vd-page="thal_details"] .vd-thal-table {
	margin: 0;
	width: 100%;
	min-width: 860px;
	table-layout: fixed;
	box-shadow: none;
	border-radius: var(--vd-r-lg);
	overflow: visible;
	border-collapse: collapse;
}
.vd-page[data-vd-page="thal_details"] .vd-thal-table thead tr {
	font-size: inherit !important;
	font-weight: inherit !important;
}
.vd-page[data-vd-page="thal_details"] .vd-thal-table th {
	padding: 14px 12px;
	white-space: nowrap;
}
.vd-page[data-vd-page="thal_details"] .vd-thal-table th:nth-child(1),
.vd-page[data-vd-page="thal_details"] .vd-thal-table td:nth-child(1) { width: 68px; }
.vd-page[data-vd-page="thal_details"] .vd-thal-table th:nth-child(2),
.vd-page[data-vd-page="thal_details"] .vd-thal-table td:nth-child(2) { width: 88px; }
.vd-page[data-vd-page="thal_details"] .vd-thal-table th:nth-child(3),
.vd-page[data-vd-page="thal_details"] .vd-thal-table td:nth-child(3) { width: 16%; }
.vd-page[data-vd-page="thal_details"] .vd-thal-table th:nth-child(4),
.vd-page[data-vd-page="thal_details"] .vd-thal-table td:nth-child(4) { width: 16%; }
.vd-page[data-vd-page="thal_details"] .vd-thal-table th:nth-child(5),
.vd-page[data-vd-page="thal_details"] .vd-thal-table td:nth-child(5) { width: 12%; }
.vd-page[data-vd-page="thal_details"] .vd-thal-table td {
	font-family: var(--vd-font-guj);
	font-size: 14.5px;
	color: var(--vd-text);
	padding: 14px 12px;
	line-height: 1.55;
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: break-word;
	vertical-align: top;
}
.vd-page[data-vd-page="thal_details"] .vd-thal-table td:nth-child(1) {
	font-family: var(--vd-font);
	color: var(--vd-text-3);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.vd-page[data-vd-page="thal_details"] .vd-thal-table td:nth-child(4) {
	font-weight: 700;
	color: var(--vd-deep);
}
.vd-page[data-vd-page="thal_details"] .vd-thal-table td[colspan] {
	text-align: center;
	padding: 42px 16px;
	font-family: var(--vd-font);
	color: var(--vd-text-2);
}

.vd-page[data-vd-page="thal_details"] .vd-thal-pager {
	float: none;
	width: 100%;
	text-align: center;
}
.vd-page[data-vd-page="thal_details"] .pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 8px 0 32px !important;
}

.vd-page[data-vd-page="thal_details"] .vd-thal-seva-block {
	float: none !important;
	width: 100% !important;
	padding: 0;
	margin: 0 0 22px;
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 20px;
	box-shadow: var(--vd-sh-sm);
	overflow: hidden;
}
.vd-page[data-vd-page="thal_details"] .vd-thal-seva {
	margin: 0;
	box-shadow: none;
	border: 0;
	border-radius: 0;
}
.vd-page[data-vd-page="thal_details"] .vd-thal-seva thead th {
	text-transform: none;
	letter-spacing: 0;
	font-size: 17px !important;
	font-weight: 700 !important;
	text-align: center;
	font-family: var(--vd-font-guj);
	padding: 16px 16px 10px;
	line-height: 1.45;
	white-space: normal;
}
.vd-page[data-vd-page="thal_details"] .vd-thal-seva thead tr:last-child th {
	padding-bottom: 16px;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: rgba(255,255,255,.92);
}
.vd-page[data-vd-page="thal_details"] .vd-thal-seva td {
	font-family: var(--vd-font-guj);
	font-size: 14.5px !important;
	font-weight: 500 !important;
	color: var(--vd-text);
	padding: 14px 14px;
	overflow-wrap: anywhere;
	vertical-align: middle;
}
.vd-page[data-vd-page="thal_details"] .vd-thal-seva td:first-child {
	width: 52px;
	color: var(--vd-text-3);
	font-weight: 700 !important;
	white-space: nowrap;
}
.vd-page[data-vd-page="thal_details"] .vd-thal-seva td:last-child,
.vd-page[data-vd-page="thal_details"] #thal_yadi td:nth-child(3),
.vd-page[data-vd-page="thal_details"] #thal_yadi td:nth-child(4) {
	white-space: nowrap;
}
.vd-page[data-vd-page="thal_details"] #thal_yadi tr:first-child td {
	background: var(--vd-soft);
	color: var(--vd-deep);
	font-weight: 700 !important;
	font-size: 13px !important;
	letter-spacing: .02em;
	white-space: normal;
}
.vd-page[data-vd-page="thal_details"] #donation {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.vd-page[data-vd-page="thal_details"] .vd-thal-seva-block {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.vd-page[data-vd-page="thal_details"] .float-btn-right {
	float: none !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 0 10px;
	padding: 6px 12px !important;
	border-radius: var(--vd-r-pill) !important;
	font-size: 10.5px !important;
	font-weight: 700 !important;
	letter-spacing: .05em;
	text-transform: uppercase;
	white-space: nowrap;
	vertical-align: middle;
}
.vd-page[data-vd-page="thal_details"] #uprant td {
	white-space: normal !important;
	text-align: center;
	padding: 18px 20px;
	line-height: 1.7;
	color: var(--vd-text);
}
.vd-page[data-vd-page="thal_details"] hr { display: none; }

@media (max-width: 991px) {
	.vd-page[data-vd-page="thal_details"] .secondary-bar { margin-top: -36px; }
	.vd-page[data-vd-page="thal_details"] .vd-thal-seva td:last-child,
	.vd-page[data-vd-page="thal_details"] #thal_yadi td:nth-child(3),
	.vd-page[data-vd-page="thal_details"] #thal_yadi td:nth-child(4) { white-space: normal; }
	.vd-page[data-vd-page="thal_details"] .float-btn-right {
		display: inline-flex;
		margin: 8px 0 0;
	}
}
@media (max-width: 767px) {
	.vd-page[data-vd-page="thal_details"] .secondary-bar { margin-top: -28px; padding: 12px; }
	.vd-page[data-vd-page="thal_details"] .vd-thal-panchang { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.vd-page[data-vd-page="thal_details"] .vd-thal-panchang > .col-md-6 { grid-column: span 2; }
	.vd-page[data-vd-page="thal_details"] .vd-thal-table-wrap {
		overflow: visible;
		box-shadow: none;
		background: transparent;
	}
	.vd-page[data-vd-page="thal_details"] .vd-thal-table,
	.vd-page[data-vd-page="thal_details"] .vd-thal-table tbody {
		display: block;
		width: 100%;
		min-width: 0;
		border: 0;
		background: transparent;
	}
	.vd-page[data-vd-page="thal_details"] .vd-thal-table thead { display: none; }
	.vd-page[data-vd-page="thal_details"] .vd-thal-table tbody tr {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px 14px;
		margin: 0 0 12px;
		padding: 14px 16px;
		background: #fff;
		border: 1px solid var(--vd-border-soft);
		border-radius: 16px;
		box-shadow: var(--vd-sh-sm);
	}
	.vd-page[data-vd-page="thal_details"] .vd-thal-table tbody td {
		display: flex;
		flex-direction: column;
		gap: 3px;
		width: auto;
		border: 0 !important;
		padding: 0 !important;
		background: transparent !important;
	}
	.vd-page[data-vd-page="thal_details"] .vd-thal-table tbody td[style*="display:none"] {
		display: none !important;
	}
	.vd-page[data-vd-page="thal_details"] .vd-thal-table tbody td::before {
		content: attr(data-label);
		font-family: var(--vd-font);
		font-size: 10.5px;
		font-weight: 700;
		letter-spacing: .06em;
		text-transform: uppercase;
		color: var(--vd-primary-dark);
	}
	.vd-page[data-vd-page="thal_details"] .vd-thal-table tbody td:nth-child(1),
	.vd-page[data-vd-page="thal_details"] .vd-thal-table tbody td:nth-child(6),
	.vd-page[data-vd-page="thal_details"] .vd-thal-table tbody td:nth-child(7),
	.vd-page[data-vd-page="thal_details"] .vd-thal-table tbody td[colspan] {
		grid-column: 1 / -1;
	}
	.vd-page[data-vd-page="thal_details"] .vd-thal-table tbody td[colspan]::before { content: none; }
	.vd-page[data-vd-page="thal_details"] .vd-thal-seva,
	.vd-page[data-vd-page="thal_details"] .vd-thal-seva tbody {
		display: block;
		width: 100%;
	}
	.vd-page[data-vd-page="thal_details"] .vd-thal-seva thead { display: block; }
	.vd-page[data-vd-page="thal_details"] .vd-thal-seva thead tr,
	.vd-page[data-vd-page="thal_details"] .vd-thal-seva tbody tr {
		display: grid;
		grid-template-columns: 40px 1fr;
		gap: 6px 10px;
		padding: 12px 14px;
		border-bottom: 1px solid var(--vd-border-soft);
	}
	.vd-page[data-vd-page="thal_details"] .vd-thal-seva thead th {
		grid-column: 1 / -1;
		display: block;
		padding: 6px 0 !important;
	}
	.vd-page[data-vd-page="thal_details"] .vd-thal-seva td {
		display: block;
		width: auto !important;
		padding: 0 !important;
		border: 0 !important;
		white-space: normal !important;
	}
	.vd-page[data-vd-page="thal_details"] .vd-thal-seva td:nth-child(n+3),
	.vd-page[data-vd-page="thal_details"] .vd-thal-seva td[colspan] {
		grid-column: 1 / -1;
	}
	.vd-page[data-vd-page="thal_details"] .float-btn-right { margin: 8px 8px 0 0; }
}
@media (max-width: 575px) {
	.vd-page[data-vd-page="thal_details"] .vd-thal-panchang { grid-template-columns: 1fr; }
	.vd-page[data-vd-page="thal_details"] .vd-thal-panchang > .col-md-6 { grid-column: auto; }
	.vd-page[data-vd-page="thal_details"] .vd-thal-filter > [class*="col-"],
	.vd-page[data-vd-page="thal_details"] .vd-thal-field,
	.vd-page[data-vd-page="thal_details"] .vd-thal-actions { max-width: none !important; flex: 1 1 100%; }
	.vd-page[data-vd-page="thal_details"] .vd-thal-actions { margin-left: 0; }
	.vd-page[data-vd-page="thal_details"] .vd-thal-actions .btn,
	.vd-page[data-vd-page="thal_details"] .vd-thal-actions input[type="submit"] { flex: 1 1 auto; }
	.vd-page[data-vd-page="thal_details"] .vd-thal-table tbody tr { grid-template-columns: 1fr; }
}
[data-vd-page="contact_us"] .main {
	background:
		radial-gradient(60% 40% at 0% 100%, rgba(255,255,255,.10), transparent 50%),
		var(--vd-cream);
}
[data-vd-page="contact_us"] .secondary-bar {
	padding: 16px 22px;
}
[data-vd-page="contact_us"] .secondary-bar .vd-contact-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 22px;
}
[data-vd-page="contact_us"] .secondary-bar .vd-contact-bar > [class*="col-"] {
	float: none;
	width: auto;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 8px;
}
[data-vd-page="contact_us"] .secondary-bar .icon-block {
	margin: 0;
}
[data-vd-page="contact_us"] .secondary-bar .icon-block .icon {
	width: 36px;
	height: 36px;
	margin-right: 8px;
}
[data-vd-page="contact_us"] .secondary-bar .top_vslinks {
	margin-left: auto;
	gap: 6px;
}
[data-vd-page="contact_us"] .secondary-bar .top_vslinks a {
	display: inline-flex;
}
[data-vd-page="contact_us"] .vd-contact {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0 0;
}
[data-vd-page="contact_us"] .vd-contact-main,
[data-vd-page="contact_us"] .vd-contact-side {
	float: none;
}
[data-vd-page="contact_us"] .vd-contact-map,
[data-vd-page="contact_us"] #googleMap {
	height: 280px;
	margin: 0 0 20px;
	overflow: hidden;
	border-radius: 18px;
	border: 1px solid var(--vd-border-soft);
	box-shadow: var(--vd-sh-sm);
	background: var(--vd-soft);
}
[data-vd-page="contact_us"] #googleMap iframe {
	width: 100% !important;
	height: 280px !important;
	display: block;
	border: 0;
	border-radius: 18px;
}
[data-vd-page="contact_us"] .vd-contact-panel {
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 20px;
	box-shadow: var(--vd-sh-sm);
	padding: 26px 28px 22px;
}
[data-vd-page="contact_us"] .vd-contact-panel > h2 {
	font-family: var(--vd-font-display);
	font-size: clamp(22px, 2.4vw, 28px);
	font-weight: 700;
	color: var(--vd-deep);
	margin: 0 0 18px;
}
[data-vd-page="contact_us"] .vd-contact-panel > h2::after {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	margin: 12px 0 0;
	background: var(--vd-primary);
	transform: rotate(45deg);
	border-radius: 1px;
}
[data-vd-page="contact_us"] .vd-contact-panel .contact-formxx,
[data-vd-page="contact_us"] .vd-contact-panel form.cform {
	background: none;
	border: 0;
	box-shadow: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
[data-vd-page="contact_us"] .vd-contact-panel .contact-formxx > .col-md-6 {
	float: none;
	padding: 0 10px;
}
[data-vd-page="contact_us"] .vd-contact-panel textarea.form-control {
	min-height: 214px;
}
[data-vd-page="contact_us"] .vd-contact-panel .btn,
[data-vd-page="contact_us"] .vd-contact-panel input[type="submit"] {
	float: none !important;
	margin-top: 4px;
}
[data-vd-page="contact_us"] .vd-contact-side .widget {
	padding: 20px 22px 18px;
	margin-bottom: 16px;
	border-radius: 18px;
}
[data-vd-page="contact_us"] .vd-contact-side .widget .title {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 17px;
	font-weight: 700;
	color: var(--vd-deep);
	margin: 0 0 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--vd-border-soft);
}
[data-vd-page="contact_us"] .vd-contact-side .widget .title::before {
	content: '';
	width: 8px;
	height: 8px;
	background: var(--vd-primary);
	transform: rotate(45deg);
	border-radius: 1px;
	flex: 0 0 auto;
}
[data-vd-page="contact_us"] .vd-contact-side address,
[data-vd-page="contact_us"] .vd-contact-side .widget {
	color: var(--vd-text-2);
	line-height: 1.7;
	font-size: 14.5px;
}
[data-vd-page="contact_us"] .vd-contact-side strong {
	color: var(--vd-text);
	font-weight: 600;
}
/* --------------------------------------------------------------------------
   Nirnay booklet cards  (/nirnay) — scoped so magazine / articles stay as they are
   -------------------------------------------------------------------------- */
[data-vd-page="nirnay"] .vd-nirnay-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}
[data-vd-page="nirnay"] .main a.vd-nirnay,
[data-vd-page="nirnay"] .content a.vd-nirnay,
[data-vd-page="nirnay"] .main a.vd-nirnay:hover,
[data-vd-page="nirnay"] .content a.vd-nirnay:hover {
	color: inherit;
	text-decoration: none;
}
[data-vd-page="nirnay"] .vd-nirnay {
	position: relative;
	display: block;
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: var(--vd-sh-sm);
	min-width: 0;
	transition: transform var(--vd-t), box-shadow var(--vd-t), border-color var(--vd-t);
}
[data-vd-page="nirnay"] .vd-nirnay:hover {
	transform: translateY(-4px);
	border-color: var(--vd-primary-tint);
	box-shadow: var(--vd-sh-md);
}
[data-vd-page="nirnay"] .vd-nirnay__media {
	display: block;
	aspect-ratio: 16 / 10;
	background: var(--vd-soft);
	overflow: hidden;
}
[data-vd-page="nirnay"] .vd-nirnay__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 0;
}
[data-vd-page="nirnay"] .vd-nirnay__label {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 12px;
	background: linear-gradient(180deg, transparent, rgba(43, 37, 34, .72));
	color: #fff;
	font-family: var(--vd-font-display);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
}
[data-vd-page="nirnay"] .vd-nirnay__label i {
	flex: 0 0 auto;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--vd-primary);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
}
[data-vd-page="nirnay"] .vd-nirnay__label span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
[data-vd-page="nirnay"] .vd-nirnay-empty {
	grid-column: 1 / -1;
	font-size: 23px;
	color: var(--vd-deep);
	text-align: center;
	margin: 20px 0;
	font-family: var(--vd-font-display);
}

/* --------------------------------------------------------------------------
   English / Hindi magazine list  (/english_magazine_list) — this page only
   -------------------------------------------------------------------------- */
[data-vd-page="english_magazine_list"] .vd-emaglist-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}
[data-vd-page="english_magazine_list"] .vd-emaglist {
	position: relative;
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: var(--vd-sh-sm);
	min-width: 0;
	transition: transform var(--vd-t), box-shadow var(--vd-t), border-color var(--vd-t);
}
[data-vd-page="english_magazine_list"] .vd-emaglist:hover {
	transform: translateY(-4px);
	border-color: var(--vd-primary-tint);
	box-shadow: var(--vd-sh-md);
}
[data-vd-page="english_magazine_list"] .main a.vd-emaglist__media,
[data-vd-page="english_magazine_list"] .content a.vd-emaglist__media,
[data-vd-page="english_magazine_list"] .main a.vd-emaglist__media:hover,
[data-vd-page="english_magazine_list"] .content a.vd-emaglist__media:hover {
	color: inherit;
	text-decoration: none;
}
[data-vd-page="english_magazine_list"] .vd-emaglist__media {
	display: block;
	aspect-ratio: 3 / 4;
	background: var(--vd-soft);
	overflow: hidden;
}
[data-vd-page="english_magazine_list"] .vd-emaglist__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 0;
}
[data-vd-page="english_magazine_list"] .vd-emaglist__bar {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 12px;
	background: linear-gradient(180deg, transparent, rgba(43, 37, 34, .72));
}
[data-vd-page="english_magazine_list"] .main a.vd-emaglist__btn,
[data-vd-page="english_magazine_list"] .content a.vd-emaglist__btn,
[data-vd-page="english_magazine_list"] .main a.vd-emaglist__btn:hover,
[data-vd-page="english_magazine_list"] .content a.vd-emaglist__btn:hover {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--vd-primary);
	color: #fff;
	text-decoration: none;
	flex: 0 0 30px;
	font-size: 13px;
}
[data-vd-page="english_magazine_list"] .vd-emaglist__name {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #fff;
	font-family: var(--vd-font-display);
	font-size: 13px;
	font-weight: 600;
}
[data-vd-page="english_magazine_list"] .vd-emaglist-empty {
	grid-column: 1 / -1;
	font-size: 23px;
	color: var(--vd-deep);
	text-align: center;
	margin: 20px 0;
	font-family: var(--vd-font-display);
}

/* --------------------------------------------------------------------------
   English Magazine intro  (/english_magazine) — this page only
   -------------------------------------------------------------------------- */
[data-vd-page="english_magazine"] .vd-emag {
	max-width: 760px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 20px;
	box-shadow: var(--vd-sh-sm);
	padding: 28px 36px 32px;
}
[data-vd-page="english_magazine"] .vd-emag__toolbar {
	display: flex;
	justify-content: center;
	margin: -8px 0 22px;
}
[data-vd-page="english_magazine"] .main a.subsc_btn,
[data-vd-page="english_magazine"] .content a.subsc_btn,
[data-vd-page="english_magazine"] .main a.subsc_btn:hover,
[data-vd-page="english_magazine"] .content a.subsc_btn:hover {
	float: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: linear-gradient(135deg, var(--vd-on-dark-1) 0%, var(--vd-on-dark-2) 100%) !important;
	border-color: transparent !important;
	color: #fff !important;
	border-radius: var(--vd-r-pill) !important;
	padding: 10px 20px !important;
	font-family: var(--vd-font-display);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	box-shadow: 0 6px 18px -8px rgba(201, 101, 56, .75);
	text-decoration: none;
}
[data-vd-page="english_magazine"] .vd-emag__kicker {
	color: var(--vd-primary-dark) !important;
	font-family: var(--vd-font-display);
	font-weight: 700 !important;
	margin: 22px 0 12px !important;
}
[data-vd-page="english_magazine"] .vd-emag p.text {
	text-align: left;
	font-size: 16px;
	line-height: 1.75;
	color: var(--vd-text-2);
	margin: 0 0 1em;
}
[data-vd-page="english_magazine"] .vd-emag__hl {
	color: var(--vd-primary-dark);
	font-weight: 700;
}
[data-vd-page="english_magazine"] .vd-emag__close {
	color: var(--vd-primary-dark) !important;
	font-weight: 700 !important;
}
[data-vd-page="english_magazine"] .vd-emag__links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid var(--vd-border-soft);
}
[data-vd-page="english_magazine"] .main a.pdf_popup,
[data-vd-page="english_magazine"] .content a.pdf_popup,
[data-vd-page="english_magazine"] .main a.subsc_link,
[data-vd-page="english_magazine"] .content a.subsc_link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--vd-r-pill);
	padding: 10px 18px;
	font-family: var(--vd-font-display);
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}
[data-vd-page="english_magazine"] .main a.pdf_popup,
[data-vd-page="english_magazine"] .content a.pdf_popup {
	background: var(--vd-soft);
	border: 1px solid var(--vd-border);
	color: var(--vd-deep);
}
[data-vd-page="english_magazine"] .main a.subsc_link,
[data-vd-page="english_magazine"] .content a.subsc_link {
	background: linear-gradient(135deg, var(--vd-on-dark-1) 0%, var(--vd-on-dark-2) 100%);
	border: 1px solid transparent;
	color: #fff;
	margin-left: 0;
}

/* --------------------------------------------------------------------------
   Vachnamrut hub tiles  (/vachnamrut) — landing cards only
   -------------------------------------------------------------------------- */
[data-vd-page="vachnamrut"] .secondary-bar .big {
	font-family: var(--vd-font-guj), var(--vd-font-display) !important;
}
[data-vd-page="vachnamrut"] .vd-vach-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	max-width: 980px;
	margin: 0 auto 8px;
}
[data-vd-page="vachnamrut"] .main a.vd-vach,
[data-vd-page="vachnamrut"] .content a.vd-vach,
[data-vd-page="vachnamrut"] .main a.vd-vach:hover,
[data-vd-page="vachnamrut"] .content a.vd-vach:hover {
	display: block;
	color: inherit;
	text-decoration: none;
	flex: 0 1 calc(33.333% - 14px);
	min-width: 240px;
	max-width: 300px;
}
[data-vd-page="vachnamrut"] .main a.vd-vach:focus-visible,
[data-vd-page="vachnamrut"] .content a.vd-vach:focus-visible {
	outline: 2px solid var(--vd-primary-dark);
	outline-offset: 3px;
	border-radius: 20px;
}
[data-vd-page="vachnamrut"] .vd-vach .icon-block {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: auto;
	min-height: 220px;
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 20px;
	box-shadow: var(--vd-sh-sm);
	padding: 32px 22px 26px;
	text-align: center;
	transition: transform var(--vd-t), box-shadow var(--vd-t), border-color var(--vd-t);
}
[data-vd-page="vachnamrut"] .vd-vach .icon-block::before {
	content: '';
	position: absolute;
	top: 0;
	left: 22px;
	right: 22px;
	height: 3px;
	border-radius: 0 0 4px 4px;
	background: linear-gradient(90deg, var(--vd-primary), var(--vd-primary-dark));
}
[data-vd-page="vachnamrut"] .vd-vach:hover .icon-block {
	transform: translateY(-4px);
	border-color: var(--vd-primary-tint);
	box-shadow: var(--vd-sh-md);
}
[data-vd-page="vachnamrut"] .vd-vach__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	margin: 0 auto 14px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--vd-on-dark-1), var(--vd-on-dark-2));
	color: #fff;
	font-size: 20px;
	box-shadow: 0 6px 16px -8px rgba(201, 101, 56, .75);
}
[data-vd-page="vachnamrut"] .vd-vach h3 {
	font-family: var(--vd-font-guj), var(--vd-font-display);
	font-size: 18px;
	font-weight: 700;
	color: var(--vd-deep);
	margin: 0 0 8px;
	line-height: 1.45;
}
[data-vd-page="vachnamrut"] .vd-vach h5 {
	font-family: var(--vd-font-guj), var(--vd-font);
	font-size: 14px;
	font-weight: 500;
	color: var(--vd-text-2);
	margin: 0;
	line-height: 1.55;
}

/* --------------------------------------------------------------------------
   Vachnamrut sub-pages  (/vachnamrut/*) — index, lists, reading
   Scoped to this module only.
   -------------------------------------------------------------------------- */
[data-vd-page="vachnamrut"] .secondary-bar .vd-vach-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}
[data-vd-page="vachnamrut"] .secondary-bar .vd-vach-bar .nav-pills {
	margin-left: auto;
}
[data-vd-page="vachnamrut"] .vd-vach-intro {
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 20px;
	box-shadow: var(--vd-sh-sm);
	padding: 26px 28px 8px;
	margin: 0 0 22px;
}
[data-vd-page="vachnamrut"] .vd-vach-intro .head_title {
	margin-top: 0 !important;
}
[data-vd-page="vachnamrut"] .vd-vach-mail,
[data-vd-page="vachnamrut"] .vd-vach-intro font,
[data-vd-page="vachnamrut"] .vd-vach-intro font strong {
	color: var(--vd-primary-dark) !important;
	font-weight: 600;
	text-decoration: none;
}
[data-vd-page="vachnamrut"] .vd-vach-toolbar {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	margin: 0 0 10px;
	font-size: 13px;
	color: var(--vd-text-2);
}
[data-vd-page="vachnamrut"] .vd-vach-panel {
	text-align: justify;
	line-height: 1.9;
	font-size: 16px;
}
[data-vd-page="vachnamrut"] .vd-vach-panel html,
[data-vd-page="vachnamrut"] .vd-vach-panel body {
	display: contents;
}
[data-vd-page="vachnamrut"] .vd-vach-panel h1,
[data-vd-page="vachnamrut"] .vd-vach-panel h2 {
	font-family: var(--vd-font-guj), var(--vd-font-display);
	text-align: center;
	color: var(--vd-deep);
}
[data-vd-page="vachnamrut"] .vd-vach-panel > h2,
[data-vd-page="vachnamrut"] .vd-vach-panel body > h2 {
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 16px;
	box-shadow: var(--vd-sh-sm);
	padding: 18px 20px;
	margin-bottom: 18px;
}
[data-vd-page="vachnamrut"] .vd-vach-panel p {
	font-family: var(--vd-font-guj), var(--vd-font);
	color: var(--vd-text);
}
[data-vd-page="vachnamrut"] .vd-vach-read {
	display: flex;
	flex-direction: column;
	height: min(720px, calc(100dvh - 220px));
	max-height: min(720px, calc(100dvh - 220px));
	margin: 0 0 8px;
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 20px;
	box-shadow: var(--vd-sh-sm);
	overflow: hidden;
}
[data-vd-page="vachnamrut"] .vd-vach-read__title {
	flex: 0 0 auto;
	margin: 0;
	padding: 14px 20px;
	background-color: var(--vd-on-dark-1);
	background-image: linear-gradient(135deg, var(--vd-on-dark-1), var(--vd-on-dark-2));
	color: #fff !important;
	font-family: var(--vd-font-guj), var(--vd-font-display);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	letter-spacing: 0;
}
[data-vd-page="vachnamrut"] .vd-vach-read__body {
	flex: 1 1 auto;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 20px 28px 32px;
	-webkit-overflow-scrolling: touch;
}
[data-vd-page="vachnamrut"] .vd-vach-read__body html,
[data-vd-page="vachnamrut"] .vd-vach-read__body body {
	display: contents;
}
[data-vd-page="vachnamrut"] .vd-vach-read__body head,
[data-vd-page="vachnamrut"] .vd-vach-read__body meta,
[data-vd-page="vachnamrut"] .vd-vach-read__body title,
[data-vd-page="vachnamrut"] .vd-vach-read__body link,
[data-vd-page="vachnamrut"] .vd-vach-read__body style {
	display: none !important;
}
[data-vd-page="vachnamrut"] .vd-vach-read__body h1,
[data-vd-page="vachnamrut"] .vd-vach-read__body h2 {
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 4px 0 12px !important;
	margin: 0 auto 8px;
	max-width: 46rem;
	color: var(--vd-deep);
	font-size: 20px;
}
[data-vd-page="vachnamrut"] .vd-vach-read__body p {
	max-width: 46rem;
	margin: 0 auto 1em;
	font-size: 17px;
	line-height: 1.95;
	text-align: justify;
	color: var(--vd-text);
}
[data-vd-page="vachnamrut"] .vd-vach-panel table,
[data-vd-page="vachnamrut"] .vd-vach-index,
[data-vd-page="vachnamrut"] .vd-vach-list .table,
[data-vd-page="vachnamrut"] .vd-vach-dates table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: var(--vd-sh-sm);
	margin: 0 0 20px;
}
[data-vd-page="vachnamrut"] .vd-vach-panel th,
[data-vd-page="vachnamrut"] .vd-vach-index th,
[data-vd-page="vachnamrut"] .vd-vach-list .table th,
[data-vd-page="vachnamrut"] .vd-vach-dates th {
	background-color: var(--vd-on-dark-1) !important;
	background-image: linear-gradient(135deg, var(--vd-on-dark-1), var(--vd-on-dark-2)) !important;
	color: #fff !important;
	font-family: var(--vd-font-guj), var(--vd-font-display);
	font-weight: 700;
	text-align: center;
	padding: 12px 10px;
	border: 0 !important;
	height: auto;
}
.vd-page[data-vd-page="vachnamrut"] .main table.vd-vach-index,
.vd-page[data-vd-page="vachnamrut"] .content table.vd-vach-index {
	display: table !important;
	table-layout: fixed;
	width: 100%;
}
[data-vd-page="vachnamrut"] .vd-vach-index th[colspan] {
	display: table-cell;
	width: 100%;
	font-size: 20px !important;
	line-height: 1.45;
	letter-spacing: 0 !important;
	text-transform: none !important;
	padding: 14px 16px !important;
}
[data-vd-page="vachnamrut"] .vd-vach-panel td,
[data-vd-page="vachnamrut"] .vd-vach-index td,
[data-vd-page="vachnamrut"] .vd-vach-list .table td,
[data-vd-page="vachnamrut"] .vd-vach-dates td {
	color: var(--vd-text) !important;
	background-image: none !important;
	background-color: transparent !important;
	border: 1px solid var(--vd-border-soft) !important;
	padding: 10px 8px;
	vertical-align: middle;
	text-align: center;
}
[data-vd-page="vachnamrut"] .vd-vach-panel tr:nth-child(even) td,
[data-vd-page="vachnamrut"] .vd-vach-index tr:nth-child(even) td,
[data-vd-page="vachnamrut"] .vd-vach-dates tr:nth-child(even) td {
	background-color: var(--vd-soft) !important;
}
[data-vd-page="vachnamrut"] .main .vd-vach-index a,
[data-vd-page="vachnamrut"] .content .vd-vach-index a,
[data-vd-page="vachnamrut"] .main .vd-vach-dates a,
[data-vd-page="vachnamrut"] .content .vd-vach-dates a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	min-height: 36px;
	padding: 4px 10px;
	border-radius: var(--vd-r-pill);
	background: var(--vd-soft);
	border: 1px solid var(--vd-border);
	color: var(--vd-deep) !important;
	text-decoration: none;
	font-weight: 600;
	transition: transform var(--vd-t), box-shadow var(--vd-t), background var(--vd-t), color var(--vd-t);
}
[data-vd-page="vachnamrut"] .main .vd-vach-index a:hover,
[data-vd-page="vachnamrut"] .content .vd-vach-index a:hover,
[data-vd-page="vachnamrut"] .main .vd-vach-dates a:hover,
[data-vd-page="vachnamrut"] .content .vd-vach-dates a:hover {
	background: linear-gradient(135deg, var(--vd-on-dark-1), var(--vd-on-dark-2));
	border-color: transparent;
	color: #fff !important;
	transform: translateY(-1px);
	box-shadow: var(--vd-sh-sm);
}
[data-vd-page="vachnamrut"] .vd-vach-list .table td {
	text-align: left;
}
[data-vd-page="vachnamrut"] .vd-vach-list .table td:first-child {
	width: 56px;
	text-align: center;
	color: var(--vd-text-2) !important;
	font-weight: 600;
}
[data-vd-page="vachnamrut"] .main a.vd-vach-name,
[data-vd-page="vachnamrut"] .content a.vd-vach-name {
	color: var(--vd-deep) !important;
	text-decoration: none;
	font-family: var(--vd-font-guj), var(--vd-font);
	font-weight: 700;
}
[data-vd-page="vachnamrut"] .main a.vd-vach-name:hover,
[data-vd-page="vachnamrut"] .content a.vd-vach-name:hover {
	color: var(--vd-primary-dark) !important;
}
[data-vd-page="vachnamrut"] .main a.vd-vach-download,
[data-vd-page="vachnamrut"] .content a.vd-vach-download {
	float: right;
	display: inline-flex;
	align-items: center;
	padding: 4px 12px;
	border-radius: var(--vd-r-pill);
	background: var(--vd-soft);
	border: 1px solid var(--vd-border);
	color: var(--vd-primary-dark) !important;
	text-decoration: none;
	font-size: 12px;
	font-weight: 600;
}
[data-vd-page="vachnamrut"] .vd-vach-dates .nav-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	border: 0;
	margin: 0 0 18px;
}
[data-vd-page="vachnamrut"] .vd-vach-dates .nav-tabs > li {
	float: none;
	margin: 0;
}
[data-vd-page="vachnamrut"] .vd-vach-dates .nav-tabs > li > a {
	border-radius: var(--vd-r-pill) !important;
	background: #fff;
	border: 1px solid var(--vd-border) !important;
	color: var(--vd-text) !important;
	font-family: var(--vd-font-guj), var(--vd-font-display);
	font-weight: 600;
	padding: 8px 16px !important;
	line-height: 1.3;
}
[data-vd-page="vachnamrut"] .vd-vach-dates .nav-tabs > li.active > a,
[data-vd-page="vachnamrut"] .vd-vach-dates .nav-tabs > li.active > a:hover,
[data-vd-page="vachnamrut"] .vd-vach-dates .nav-tabs > li.active > a:focus {
	background: linear-gradient(135deg, var(--vd-on-dark-1), var(--vd-on-dark-2)) !important;
	border-color: transparent !important;
	color: #fff !important;
}
[data-vd-page="vachnamrut"] .vd-vach-dates .tab-content {
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

/* --------------------------------------------------------------------------
   E-Magazine year tiles  (/magazine)
   -------------------------------------------------------------------------- */
[data-vd-page="magazine"] .vd-myear-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}
[data-vd-page="magazine"] .main a.vd-myear,
[data-vd-page="magazine"] .content a.vd-myear,
[data-vd-page="magazine"] .main a.vd-myear:hover,
[data-vd-page="magazine"] .content a.vd-myear:hover {
	color: inherit;
	text-decoration: none;
}
[data-vd-page="magazine"] .vd-myear {
	position: relative;
	display: block;
	aspect-ratio: 3 / 4;
	border-radius: 16px;
	overflow: hidden;
	background: var(--vd-soft);
	border: 1px solid var(--vd-border-soft);
	box-shadow: var(--vd-sh-sm);
	min-width: 0;
	transition: transform var(--vd-t), box-shadow var(--vd-t), border-color var(--vd-t);
}
[data-vd-page="magazine"] .vd-myear:hover,
[data-vd-page="magazine"] .vd-myear:focus-visible {
	transform: translateY(-4px);
	border-color: var(--vd-primary-tint);
	box-shadow: var(--vd-sh-md);
	outline: none;
}
[data-vd-page="magazine"] .vd-myear img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 0;
	transform: none;
}
[data-vd-page="magazine"] .vd-myear__year {
	position: absolute;
	left: 50%;
	bottom: 14px;
	transform: translateX(-50%);
	z-index: 2;
	background: linear-gradient(135deg, var(--vd-on-dark-1), var(--vd-on-dark-2));
	color: #fff !important;
	font-family: var(--vd-font-display);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .04em;
	line-height: 1;
	padding: 8px 16px;
	border-radius: var(--vd-r-pill);
	box-shadow: var(--vd-sh-sm);
	pointer-events: none;
	white-space: nowrap;
}
[data-vd-page="magazine"] .vd-maglist-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}
[data-vd-page="magazine"] .vd-maglist {
	position: relative;
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: var(--vd-sh-sm);
	min-width: 0;
	transition: transform var(--vd-t), box-shadow var(--vd-t), border-color var(--vd-t);
}
[data-vd-page="magazine"] .vd-maglist:hover {
	transform: translateY(-4px);
	border-color: var(--vd-primary-tint);
	box-shadow: var(--vd-sh-md);
}
[data-vd-page="magazine"] .main a.vd-maglist__media,
[data-vd-page="magazine"] .content a.vd-maglist__media,
[data-vd-page="magazine"] .main a.vd-maglist__media:hover,
[data-vd-page="magazine"] .content a.vd-maglist__media:hover {
	color: inherit;
	text-decoration: none;
}
[data-vd-page="magazine"] .vd-maglist__media {
	display: block;
	aspect-ratio: 3 / 4;
	background: var(--vd-soft);
	overflow: hidden;
}
[data-vd-page="magazine"] .vd-maglist__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 0;
}
[data-vd-page="magazine"] .vd-maglist__bar {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 12px;
	background: linear-gradient(180deg, transparent, rgba(43, 37, 34, .72));
}
[data-vd-page="magazine"] .main a.vd-maglist__btn,
[data-vd-page="magazine"] .content a.vd-maglist__btn,
[data-vd-page="magazine"] .main a.vd-maglist__btn:hover,
[data-vd-page="magazine"] .content a.vd-maglist__btn:hover {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--vd-primary);
	color: #fff;
	text-decoration: none;
	flex: 0 0 30px;
	font-size: 13px;
}
[data-vd-page="magazine"] .vd-maglist__name {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #fff;
	font-family: var(--vd-font-display);
	font-size: 13px;
	font-weight: 600;
}
[data-vd-page="magazine"] .vd-maglist-empty {
	grid-column: 1 / -1;
	margin: 20px 0;
}

[data-vd-page="vachnamrut"] .main,
[data-vd-page="articles"] .main,
[data-vd-page="magazine"] .main,
[data-vd-page="nirnay"] .main,
[data-vd-page="english_magazine"] .main,
[data-vd-page="english_magazine_list"] .main {
	background-color: var(--vd-cream);
	background-image: radial-gradient(rgba(229,125,75,.16) 1.1px, transparent 1.2px);
	background-size: 22px 22px;
}
/* --------------------------------------------------------------------------
   Activities hub  (/activities) — listing cards and intro
   -------------------------------------------------------------------------- */
[data-vd-page="activities"] .head_title {
	margin-bottom: 18px !important;
}
[data-vd-page="activities"] .vd-act-intro {
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 20px;
	box-shadow: var(--vd-sh-sm);
	padding: 28px 32px 10px;
}
[data-vd-page="activities"] .vd-act-intro .p_cls:last-child { margin-bottom: 18px; }
[data-vd-page="activities"] .vd-act-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}
[data-vd-page="activities"] .main a.vd-act,
[data-vd-page="activities"] .content a.vd-act,
[data-vd-page="activities"] .main a.vd-act:hover,
[data-vd-page="activities"] .content a.vd-act:hover {
	color: inherit;
	text-decoration: none;
}
[data-vd-page="activities"] .vd-act,
[data-vd-page="activities"] .related-post.vd-act {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--vd-border-soft);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: var(--vd-sh-sm);
	min-width: 0;
	transition: transform var(--vd-t), box-shadow var(--vd-t), border-color var(--vd-t);
}
[data-vd-page="activities"] .vd-act:hover,
[data-vd-page="activities"] .vd-act:focus-visible {
	transform: translateY(-4px);
	border-color: var(--vd-primary-tint);
	box-shadow: var(--vd-sh-md);
	outline: none;
}
[data-vd-page="activities"] .vd-act .img_blck,
[data-vd-page="activities"] .related-post.vd-act .img_blck {
	background: var(--vd-soft);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	overflow: hidden;
}
[data-vd-page="activities"] .vd-act .img_blck:hover {
	transform: none;
	box-shadow: none;
}
[data-vd-page="activities"] .vd-act__media,
[data-vd-page="activities"] .vd-act .media-box {
	display: block;
	aspect-ratio: 4 / 3;
	border-radius: 0;
}
[data-vd-page="activities"] .vd-act .media-box img,
[data-vd-page="activities"] .vd-act img.post-thumb {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	display: block;
	border-radius: 0;
	margin: 0;
}
[data-vd-page="activities"] .vd-act__body,
[data-vd-page="activities"] .vd-act .title_blck {
	display: block;
	padding: 12px 14px 14px;
	text-align: center;
}
[data-vd-page="activities"] .vd-act .post-title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.8em;
	margin: 0;
	height: auto !important;
	font-family: var(--vd-font-display);
	font-size: 14px;
	font-weight: 600;
	color: var(--vd-deep);
	line-height: 1.4;
}
[data-vd-page="activities"] .accordion-inner .posts-listing > li,
[data-vd-page="activities"] .accordion-inner .post-list-item {
	background: none;
	border: 0;
	box-shadow: none;
	padding: 0;
	margin: 0;
}
[data-vd-page="activities"] .vd-act-future {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 20px;
	margin: 0;
}
[data-vd-page="activities"] .vd-act-future__media {
	float: none;
	width: auto;
	flex: 0 0 180px;
	max-width: 180px;
	text-align: left;
	padding: 0;
}
[data-vd-page="activities"] .vd-act-future__media img {
	width: 100% !important;
	height: 140px !important;
	object-fit: cover;
	border-radius: 12px;
	display: block;
	margin: 0;
}
[data-vd-page="activities"] .vd-act-future__copy {
	flex: 1 1 220px;
	min-width: 0;
	margin: 0;
	text-align: justify;
	color: var(--vd-text);
	line-height: 1.7;
}

[data-vd-page="samaj_seva"] .secondary-bar {
	padding: 12px 20px;
}
[data-vd-page="samaj_seva"] .secondary-bar .vd-ss-bar,
[data-vd-page="samaj_seva"] .secondary-bar .row {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
}
[data-vd-page="samaj_seva"] .secondary-bar .row > [class*="col-"] {
	float: none;
	width: auto;
	padding: 0;
	margin: 0;
}
[data-vd-page="samaj_seva"] .secondary-bar .row > .col-md-8 {
	flex: 1 1 auto;
	min-width: 0;
}
[data-vd-page="samaj_seva"] .secondary-bar .row > .col-md-4 {
	flex: 0 0 auto;
	margin-left: auto;
}
[data-vd-page="samaj_seva"] .secondary-bar a.vd-yt,
[data-vd-page="samaj_seva"] .secondary-bar .vd-ss-bar a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--vd-font-display) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #b3261e !important;
	background: #fff;
	border: 1px solid var(--vd-border);
	border-radius: var(--vd-r-pill);
	padding: 7px 14px 7px 16px;
	box-shadow: var(--vd-sh-xs);
	line-height: 1;
	white-space: nowrap;
}
[data-vd-page="samaj_seva"] .secondary-bar a.vd-yt:hover,
[data-vd-page="samaj_seva"] .secondary-bar .vd-ss-bar a:hover {
	color: #8b1d17 !important;
	border-color: #e2b4b0;
	transform: translateY(-1px);
}
[data-vd-page="samaj_seva"] .secondary-bar a.vd-yt img,
[data-vd-page="samaj_seva"] .secondary-bar .vd-ss-bar img {
	height: 22px;
	width: auto;
	display: block;
}
@media (max-width: 575px) {
	[data-vd-page="samaj_seva"] .secondary-bar .vd-ss-bar,
	[data-vd-page="samaj_seva"] .secondary-bar .row {
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
	}
	[data-vd-page="samaj_seva"] .secondary-bar .row > .col-md-4 { margin-left: 0; }
}

[data-vd-page="activities"] .main,
[data-vd-page="samaj_seva"] .main,
[data-vd-page="sansthanu_gaurav"] .main {
	background:
		radial-gradient(90% 60% at 100% 100%, rgba(138,69,38,.06), transparent 50%),
		var(--vd-warm-white);
}
[data-vd-page="announcement"] .main {
	background:
		linear-gradient(180deg, rgba(255,248,243,.90), var(--vd-warm-white) 58%),
		url('../images/announce-temple.jpg') center 20% / cover no-repeat;
}
[data-vd-page="download"] .main {
	background: var(--vd-warm-white);
}
[data-vd-page="mantralekhan"] .main {
	background: var(--vd-soft);
}

/* --------------------------------------------------------------------------
   Footer join  (the same three bands as the homepage footer. These rules only
   run on body.vd-page, so Bootstrap 3 / new_desgin_color1 /
   new_design_style_v2 cannot restyle the shared partial.)

   IMPORTANT: this block consumes the --vd-f-* tokens declared on
   footer.vd-footer in vadtal-home.css - which is loaded on inner pages too
   and matches body.vd-page - and MUST NEVER redeclare one. That is what lets
   the media queries in vadtal-home.css reach inner pages: this sheet loads
   last and its higher-specificity rules would otherwise pin the desktop
   shape at every breakpoint.

   Nothing here declares the ornaments either - the invocation skyline, the
   corner mandalas, the pillars, the jali course and the photograph mask are
   all backgrounds or pseudo-elements that no legacy sheet can reach, so the
   home sheet's rules stand unopposed.
   -------------------------------------------------------------------------- */
.vd-page .vd-footer { margin-top: 0; }

/* the footer runs wider than the site container - see the --vd-f-max note in
   vadtal-home.css. Mirrored here because the legacy sheets style .vd-container
   on inner pages. */
.vd-page footer.vd-footer .vd-container { max-width: var(--vd-f-max); }

.vd-page footer.vd-footer {
	background: var(--vd-f-dark);
	color: var(--vd-f-ink);
	font-family: var(--vd-font);
	isolation: isolate;
}

/* new_design_style_v2 and bootstrap both restyle bare ul/li inside the page */
.vd-page footer.vd-footer ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.vd-page footer.vd-footer li {
	list-style: none !important;
	float: none; width: auto;
	margin: 0; padding: 0;
	background: none;
}
/* ...but the contact column is a grid and needs its gap back. ul.vd-ftouch__list
   is (0,3,2) and so out-ranks the (0,2,2) reset above regardless of order. */
.vd-page footer.vd-footer ul.vd-ftouch__list {
	display: grid !important;
	gap: 14px;
}

.vd-page footer.vd-footer h4,
.vd-page footer.vd-footer span {
	color: var(--vd-f-ink) !important;
	font-family: inherit;
}
.vd-page footer.vd-footer h4 {
	position: relative;
	font-family: var(--vd-font-display);
	font-size: 17px !important;
	font-weight: 600;
	letter-spacing: .04em;
	margin: 0 0 22px !important;
	padding-bottom: 13px;
	display: block;
	line-height: 1.25;
	text-transform: none;
}
/* Separate paragraph rules on purpose: folding them into one would defeat the
   individual margins and butt each blurb against what follows it. */
.vd-page footer.vd-footer .vd-footer__brand p {
	color: var(--vd-f-ink-2) !important;
	margin: 0;
	font-size: 14px;
	font-family: inherit;
}
.vd-page footer.vd-footer .vd-news p {
	color: var(--vd-f-ink-2) !important;
	margin: 0 0 16px;
	font-size: 14px;
	font-family: inherit;
}
.vd-page footer.vd-footer .vd-news__note {
	color: var(--vd-f-ink-2) !important;
	margin: 16px auto 0;
	font-size: 13px;
	font-family: inherit;
}
.vd-page footer.vd-footer .vd-fcreed {
	color: var(--vd-f-ink-2) !important;
	margin: 20px auto 0;
	font-family: inherit;
}
.vd-page footer.vd-footer .vd-footer__bottom p {
	color: rgba(243,225,211,.86) !important;
	margin: 0;
	font-size: 13px;
	font-family: inherit;
}

.vd-page footer.vd-footer a,
.vd-page footer.vd-footer a:visited {
	color: var(--vd-f-ink) !important;
	text-decoration: none !important;
	background: transparent;
}
.vd-page footer.vd-footer a:hover,
.vd-page footer.vd-footer a:focus {
	color: var(--vd-f-gold) !important;
	text-decoration: none !important;
}

/* ---- 1. invocation ------------------------------------------------------ */
.vd-page footer.vd-footer .vd-fvow__jai {
	color: var(--vd-f-terra) !important;
	font-family: 'Noto Serif Gujarati', var(--vd-font-serif), serif;
	font-size: var(--vd-f-jai) !important;
	font-weight: 700;
	margin: 0;
	line-height: 1.35;
}
.vd-page footer.vd-footer .vd-fvow__quote {
	color: var(--vd-f-brown) !important;
	font-size: var(--vd-f-quote) !important;
	font-style: italic;
	line-height: 1.7;
	margin: 0 auto;
	font-family: inherit;
}

/* ---- 2. wall: columns --------------------------------------------------- */
.vd-page footer.vd-footer .vd-footer__main {
	position: relative; z-index: 2;
	display: grid;
	grid-template-columns: var(--vd-f-cols);
	align-items: start;
	gap: var(--vd-f-gap);
	padding: var(--vd-f-pt) 0 calc(var(--vd-f-pb) + var(--vd-f-jali));
}
.vd-page footer.vd-footer .vd-footer__main > div {
	position: relative; min-width: 0; float: none;
	padding: 0; background: none; border: 0;
}

.vd-page footer.vd-footer .vd-flinks a {
	display: flex; align-items: center; gap: 10px;
	padding: 6px 0 !important;
	font-size: 14.5px !important;
	line-height: 1.5 !important;
	color: var(--vd-f-ink-2) !important;
}
.vd-page footer.vd-footer .vd-flinks a .fa {
	color: var(--vd-f-gold) !important;
	font-size: 13px !important;
	width: 11px; flex: 0 0 11px; text-align: center;
}
.vd-page footer.vd-footer .vd-flinks a:hover,
.vd-page footer.vd-footer .vd-flinks a:focus-visible { color: var(--vd-f-ink) !important; }

/* ---- 2. wall: shrine + social ------------------------------------------- */
.vd-page footer.vd-footer .vd-footer__brand { text-align: center; }
.vd-page footer.vd-footer .vd-footer__logo {
	display: block !important;
	margin: 0 auto 14px !important;
	max-width: var(--vd-f-logo) !important;
	height: auto;
	float: none; border: 0;
}
.vd-page footer.vd-footer .vd-fsocial {
	display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 18px;
}
.vd-page footer.vd-footer .vd-fsocial a {
	width: var(--vd-f-disc); height: var(--vd-f-disc); border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	background: linear-gradient(180deg, #BC6438 0%, var(--vd-f-terra) 55%, #9C4C28 100%) !important;
	border: 0;
	color: var(--vd-f-ink) !important;
	font-size: 16px;
}
.vd-page footer.vd-footer .vd-fsocial a:hover,
.vd-page footer.vd-footer .vd-fsocial a:focus-visible {
	background: var(--vd-f-gold) !important;
	color: var(--vd-f-dark) !important;
}
.vd-page footer.vd-footer .vd-fcreed span { color: rgba(215,153,93,.5) !important; }

/* ---- 2. wall: newsletter ------------------------------------------------ */
.vd-page footer.vd-footer .vd-news form.contact-form {
	display: grid;
	gap: 12px;
	max-width: 330px;
	margin: 0;
	float: none;
	background: transparent;
}
/* bootstrap.css:5288 - .clearfix::before/::after at display:table become grid
   items here and inject two phantom rows plus two 12px gaps. */
.vd-page footer.vd-footer .vd-news form.contact-form::before,
.vd-page footer.vd-footer .vd-news form.contact-form::after {
	content: none !important;
	display: none !important;
}
.vd-page footer.vd-footer .vd-news__field .fa {
	position: absolute; left: 15px; top: 50%; transform: translateY(-50%);
	color: var(--vd-f-gold) !important; font-size: 15px;
}
/* new_design_style_v2:3939 .footer_nl_txt { padding:15px; height:45px } */
.vd-page footer.vd-footer .vd-news input.form-control,
.vd-page footer.vd-footer .vd-news input.footer_nl_txt,
.vd-page footer.vd-footer .vd-news input.form-control[type="email"] {
	width: 100% !important;
	max-width: none;
	float: none;
	height: 48px !important;
	margin: 0 !important;
	padding: 0 16px 0 42px !important;
	border-radius: 6px !important;
	border: 1px solid var(--vd-f-line) !important;
	background: rgba(255,255,255,.08) !important;
	box-shadow: none !important;
	color: var(--vd-f-ink) !important;
	font-size: 14px !important;
	line-height: 48px !important;
}
.vd-page footer.vd-footer .vd-news input.footer_nl_txt::placeholder,
.vd-page footer.vd-footer .vd-news input.form-control::placeholder {
	color: rgba(255,244,237,.72) !important;
}
/* new_design_style_v2:7685 paints this placeholder #ea1c24 */
.vd-page footer.vd-footer .vd-news input[type="email"].footer_nl_txt::-webkit-input-placeholder {
	color: rgba(255,244,237,.72) !important;
	font-weight: 400;
}
.vd-page footer.vd-footer .vd-news input.form-control:focus,
.vd-page footer.vd-footer .vd-news input.footer_nl_txt:focus {
	background: rgba(255,255,255,.14) !important;
	border-color: var(--vd-f-gold) !important;
	box-shadow: 0 0 0 2px rgba(255,255,255,.35) !important;
}
/* bootstrap sets `outline: thin dotted` on .btn:focus; keep the mouse
   behaviour but never remove the keyboard ring */
.vd-page footer.vd-footer .vd-news input:focus:not(:focus-visible) { outline: 0 !important; }
.vd-page footer.vd-footer .vd-news input[type="submit"]:focus-visible { outline-color: var(--vd-f-dark) !important; }

/* new_design_style_v2:3945 sets background-color:#bc1717 !important and a 2px
   border, which is why BOTH background and background-color are declared here
   with !important - the gradient alone would sit on a red under-colour. */
.vd-page footer.vd-footer .vd-news input.btn,
.vd-page footer.vd-footer .vd-news input.btn-primary,
.vd-page footer.vd-footer .vd-news input.footer_nl_btn {
	width: 100% !important;
	max-width: none;
	float: none;
	height: 48px !important;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 0 !important;
	border-radius: 6px !important;
	background: linear-gradient(180deg, #F0C286 0%, var(--vd-f-gold) 100%) !important;
	background-color: #D7995D !important;
	color: var(--vd-f-dark) !important;
	font-family: var(--vd-font-display);
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: .14em;
	text-transform: uppercase;
	box-shadow: 0 6px 16px -8px rgba(0,0,0,.6) !important;
	opacity: 1 !important;
	text-shadow: none !important;
}
.vd-page footer.vd-footer .vd-news input.btn:hover,
.vd-page footer.vd-footer .vd-news input.btn-primary:hover,
.vd-page footer.vd-footer .vd-news input.footer_nl_btn:hover {
	filter: brightness(1.06);
	color: var(--vd-f-dark) !important;
	border: 0 !important;
	opacity: 1 !important;
}

/* ---- 2. wall: get in touch ---------------------------------------------- */
.vd-page footer.vd-footer .vd-ftouch__list li {
	display: flex; align-items: center; gap: 12px;
	font-size: 14px !important;
	line-height: 1.6;
	/* white, not the cream: this column is over the photograph - see the note
	   in vadtal-home.css */
	color: var(--vd-f-ink) !important;
}
.vd-page footer.vd-footer .vd-ftouch__ico {
	width: var(--vd-f-tdisc); height: var(--vd-f-tdisc); border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	flex: 0 0 auto;
	background: linear-gradient(180deg, #BC6438 0%, var(--vd-f-terra) 55%, #9C4C28 100%) !important;
	border: 0;
	color: var(--vd-f-ink) !important;
	font-size: 14px !important;
}
.vd-page footer.vd-footer .vd-ftouch__list a { color: var(--vd-f-ink) !important; }
.vd-page footer.vd-footer .vd-ftouch__list a:hover,
.vd-page footer.vd-footer .vd-ftouch__list a:focus-visible { color: var(--vd-f-gold) !important; }

/* ---- 3. base ------------------------------------------------------------ */
.vd-page footer.vd-footer .vd-footer__bottom {
	position: relative; z-index: 2;
	background: #3F1F0E;
	box-shadow: none;
}
.vd-page footer.vd-footer .vd-footer__bottom a { color: rgba(243,225,211,.86) !important; }
.vd-page footer.vd-footer .vd-footer__bottom a:hover,
.vd-page footer.vd-footer .vd-footer__bottom a:focus-visible {
	color: var(--vd-f-gold) !important;
	text-decoration: underline !important;
}
.vd-page footer.vd-footer .vd-footer__legal > span { color: rgba(215,153,93,.45) !important; }
.vd-page footer.vd-footer .vd-fbless { color: var(--vd-f-gold) !important; }

/* --------------------------------------------------------------------------
   Footer responsive

   Almost nothing belongs here: every responsive value is a --vd-f-* token on
   footer.vd-footer, and the layout switches (text-align, grid-column, order,
   justify-content, h4::after) are not declared above, so the vadtal-home.css
   media rules apply on body.vd-page unopposed.

   The exceptions are values this sheet DID declare above at a specificity the
   home sheet's media rules cannot reach: the newsletter form's margin
   (`margin: 0` at (0,4,1) out-ranks `.vd-news form { margin: 0 auto }` at
   (0,2,1)), the contact grid's max-width, and the row alignment.
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
	/* `.vd-footer__brand p { margin: 0 }` above is (0,4,1) and out-ranks the
	   (0,2,1) centring rule in vadtal-home.css's 1024 block, which left the
	   address and the Bhav/Bhakti/Seva line in a 430px box pinned to the left
	   of a full-width centred row. */
	.vd-page footer.vd-footer .vd-footer__brand p {
		max-width: 430px; margin-left: auto; margin-right: auto;
	}
}

@media (max-width: 767px) {
	.vd-page footer.vd-footer .vd-news form.contact-form { margin: 0 auto; }
	.vd-page footer.vd-footer .vd-news p { max-width: 420px; margin-left: auto; margin-right: auto; }
	.vd-page footer.vd-footer .vd-news__note { max-width: 330px; margin-left: auto; margin-right: auto; }
	.vd-page footer.vd-footer ul.vd-ftouch__list { max-width: 330px; margin: 0 auto !important; }
	.vd-page footer.vd-footer .vd-ftouch__list li { justify-content: center; text-align: left; }
}

/* --------------------------------------------------------------------------
   Motion
   -------------------------------------------------------------------------- */
.vd-page .page-header,
.vd-page .secondary-bar {
	animation: vd-page-in .7s var(--vd-ease) both;
}
.vd-page .content { animation: vd-page-rise .7s var(--vd-ease) .08s both; }

@keyframes vd-page-in {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@keyframes vd-page-rise {
	from { opacity: 0; transform: translateY(16px); }
	to   { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
	.vd-page .page-header,
	.vd-page .secondary-bar,
	.vd-page .content { animation: none; }
	.vd-page-body > .vd-anim { display: none; }
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 1199px) {
	.vd-page .events-grid.isotope,
	.vd-page .grid-holder.isotope {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.vd-gyear-grid,
	.vd-gevent-grid,
	.vd-gphoto-grid,
	[data-vd-page="download"] .vd-dl-grid,
	[data-vd-page="activities"] .vd-act-grid,
	[data-vd-page="announcement"] .vd-announce-grid,
	[data-vd-page="video_gallery"] .vd-vgal-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
}
@media (max-width: 991px) {
	.vd-page .page-header { height: 210px; }
	.vd-page-body > .vd-anim { height: 200px; }
	.vd-page .content, .vd-page .content.full, .vd-page .main-content { padding: 28px 0 44px !important; }
	.vd-page .secondary-bar {
		margin-top: -28px;
		padding: 16px 16px;
	}
	.vd-page .secondary-bar .nav-pills { justify-content: flex-start; }
	.vd-page .events-grid.isotope,
	.vd-page .grid-holder.isotope {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.vd-page .donate-form,
	.vd-page .contact-formxx,
	.vd-page .content_blck { padding: 20px; }
	.vd-gyear-grid,
	.vd-gevent-grid,
	.vd-gphoto-grid,
	[data-vd-page="download"] .vd-dl-grid,
	[data-vd-page="nirnay"] .vd-nirnay-grid,
	[data-vd-page="english_magazine_list"] .vd-emaglist-grid,
	[data-vd-page="activities"] .vd-act-grid,
	[data-vd-page="magazine"] .vd-myear-grid,
	[data-vd-page="magazine"] .vd-maglist-grid,
	[data-vd-page="announcement"] .vd-announce-grid,
	[data-vd-page="video_gallery"] .vd-vgal-grid,
	[data-vd-page="video_gallery"] .vd-vlist-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
}
@media (max-width: 767px) {
	.vd-page .page-header { height: 160px; }
	.vd-page .secondary-bar {
		width: calc(100% - 20px);
		margin-top: -22px;
		padding: 14px 14px;
		text-align: center;
		border-radius: var(--vd-r-md);
	}
	.vd-page .secondary-bar .row { justify-content: center; }
	.vd-page .secondary-bar [class*="col-"] + [class*="col-"] { margin-top: 8px; }
	.vd-page .secondary-bar .nav-pills { justify-content: center; }
	[data-vd-page="contact_us"] .secondary-bar .top_vslinks { margin-left: 0; }
	[data-vd-page="contact_us"] .vd-contact-panel { padding: 20px 16px 16px; }
	[data-vd-page="contact_us"] .vd-contact-panel textarea.form-control { min-height: 140px; }
	[data-vd-page="contact_us"] #googleMap,
	[data-vd-page="contact_us"] #googleMap iframe { height: 220px !important; }
	[data-vd-page="dailydarshan"] .main_gallery_kh { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	[data-vd-page="dailydarshan"] .vd-dd-panel { padding: 16px 14px; }
	[data-vd-page="dailydarshan"] .yiframe iframe { height: 220px; }
	.vd-page .content, .vd-page .content.full, .vd-page .main-content { padding: 22px 0 36px !important; }
	.vd-page .table,
	.vd-page .main table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.vd-page[data-vd-page="vachnamrut"] .main table.vd-vach-index,
	.vd-page[data-vd-page="vachnamrut"] .content table.vd-vach-index,
	.vd-page[data-vd-page="vachnamrut"] .main .vd-vach-dates table,
	.vd-page[data-vd-page="vachnamrut"] .content .vd-vach-dates table {
		display: table !important;
	}
	.vd-page .events-grid.isotope,
	.vd-page .grid-holder.isotope {
		grid-template-columns: 1fr;
	}
	.vd-page .head_title { font-size: 22px !important; }
	.vd-gyear-grid,
	.vd-gevent-grid,
	.vd-gphoto-grid,
	[data-vd-page="download"] .vd-dl-grid,
	[data-vd-page="nirnay"] .vd-nirnay-grid,
	[data-vd-page="english_magazine_list"] .vd-emaglist-grid,
	[data-vd-page="activities"] .vd-act-grid,
	[data-vd-page="magazine"] .vd-myear-grid,
	[data-vd-page="magazine"] .vd-maglist-grid,
	[data-vd-page="announcement"] .vd-announce-grid,
	[data-vd-page="video_gallery"] .vd-vgal-grid,
	[data-vd-page="video_gallery"] .vd-vlist-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
	[data-vd-page="download"] .vd-dl-apps { grid-template-columns: 1fr; max-width: 360px; }
	[data-vd-page="vachnamrut"] .main a.vd-vach,
	[data-vd-page="vachnamrut"] .content a.vd-vach {
		flex: 1 1 100%;
		min-width: 0;
		max-width: 360px;
	}
	[data-vd-page="vachnamrut"] .secondary-bar .vd-vach-bar {
		justify-content: center;
	}
	[data-vd-page="vachnamrut"] .vd-vach-intro {
		padding: 18px 16px 6px;
	}
	[data-vd-page="vachnamrut"] .vd-vach-read {
		height: min(640px, calc(100dvh - 200px));
		max-height: min(640px, calc(100dvh - 200px));
		border-radius: 14px;
	}
	[data-vd-page="vachnamrut"] .vd-vach-read__title {
		font-size: 18px;
		padding: 12px 14px;
	}
	[data-vd-page="vachnamrut"] .vd-vach-read__body {
		padding: 16px 16px 24px;
	}
	[data-vd-page="vachnamrut"] .vd-vach-read__body p {
		max-width: none;
		font-size: 16px;
	}
	[data-vd-page="vachnamrut"] .main a.vd-vach-download,
	[data-vd-page="vachnamrut"] .content a.vd-vach-download {
		float: none;
		margin-top: 6px;
	}
	.vd-gyear__year { font-size: 18px; }
	.vd-gevent-search { padding: 14px; }
	.vd-gevent-search .btn,
	.vd-gevent-search input[type="submit"] { width: 100%; }
}
@media (max-width: 479px) {
	.vd-gyear-grid,
	.vd-gevent-grid,
	.vd-gphoto-grid,
	[data-vd-page="download"] .vd-dl-grid,
	[data-vd-page="nirnay"] .vd-nirnay-grid,
	[data-vd-page="english_magazine_list"] .vd-emaglist-grid,
	[data-vd-page="activities"] .vd-act-grid,
	[data-vd-page="magazine"] .vd-myear-grid,
	[data-vd-page="magazine"] .vd-maglist-grid,
	[data-vd-page="announcement"] .vd-announce-grid,
	[data-vd-page="video_gallery"] .vd-vgal-grid,
	[data-vd-page="video_gallery"] .vd-vlist-grid { grid-template-columns: 1fr; max-width: 340px; margin-left: auto; margin-right: auto; }
}

/* Announcement after shared grid breakpoints so two posters stay centered. */
.vd-page[data-vd-page="announcement"] .vd-announce-grid {
	grid-template-columns: repeat(auto-fit, minmax(240px, 300px));
	justify-content: center;
	max-width: 960px;
}
.vd-page[data-vd-page="announcement"] .vd-gphoto-grid {
	grid-template-columns: repeat(auto-fit, minmax(260px, 360px));
	justify-content: center;
	max-width: 780px;
}
@media (max-width: 767px) {
	.vd-page[data-vd-page="announcement"] .vd-announce-grid,
	.vd-page[data-vd-page="announcement"] .vd-gphoto-grid {
		grid-template-columns: minmax(0, 300px);
		max-width: 320px;
	}
}