/* Devanagari without arial-unicode TTF; headings use Poppins site-wide via style.css / style-home.css */
.hi-devanagari,
a.popup-youtube.video {
	font-family: "Noto Sans Devanagari", "Open Sans", sans-serif;
}

h1, h2, h3, h4, h5, h6,
.section-title h2,
.section-title span {
	font-family: Poppins, sans-serif;
}

.h4, h4 {
	font-size: 1.2rem !important;
}

/*
  Article grid thumbs (Spiritual Column): keep 200px frame, no stretch.
  Scoped to .col-lg-3 cards so store/slider offer cards are unchanged.
*/
.col-lg-3 > .single-what-we-offer > a:first-child {
	display: block;
	position: relative;
	height: 200px;
	overflow: hidden;
	background: #f0ebe0;
	line-height: 0;
}
.col-lg-3 > .single-what-we-offer > a:first-child > img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: auto !important;
	height: auto !important;
	max-width: none !important;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%, -50%);
	border: 0 !important;
}

/*
  CLS: hero must keep height before Owl JS runs.
  Without this, all slides stack then collapse → high CLS on mobile.
*/
.hero-slider-area {
	width: 100%;
	aspect-ratio: 1930 / 666;
	overflow: hidden;
	background: #f0ebe0;
	position: relative;
}
.hero-slider.owl-carousel:not(.owl-loaded) > .hero-slider-item:nth-child(n + 2) {
	display: none !important;
}
.hero-slider-area .hero-slider,
.hero-slider-area .hero-slider.owl-carousel,
.hero-slider-area .owl-stage-outer,
.hero-slider-area .owl-stage,
.hero-slider-area .owl-item,
.hero-slider-area .hero-slider-item {
	height: 100%;
}
.hero-slider-area .hero-slider-item {
	line-height: 0;
}
.hero-slider-area .hero-slider-item img,
.hero-slider-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	aspect-ratio: auto;
}

/* YouTube thumbs only (not title links that also use .popup-youtube.video) */
.single-news > div > a.popup-youtube.video {
	display: block;
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	background: #111;
}
.single-news > div > a.popup-youtube.video > img:first-of-type {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* Mobile header: keep bar height stable while MeanMenu injects */
@media (max-width: 991px) {
	.navbar-area .mobile-nav {
		min-height: 62px;
	}
	.mobile-nav .logo img {
		width: auto;
		max-width: 180px;
		height: 45px;
		object-fit: contain;
	}
}

/* Zodiac strip */
.col-3.text-center a > img,
.col-sm-2.text-center a > img,
.col-md-1.text-center a > img {
	width: 100%;
	max-width: 72px;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	display: inline-block;
	vertical-align: middle;
}

img[src*="subscribe.png"] {
	width: 120px;
	height: auto;
	aspect-ratio: 300 / 86;
	object-fit: contain;
}
img[src*="QRCode.png"] {
	max-width: 200px;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: contain;
}

/* Counter strip: stable first paint */
.home-counters {
	min-height: 7.5rem;
}
@media (max-width: 767.98px) {
	.home-counters {
		min-height: 14rem;
	}
}

/* Prefer size from width/height attrs; prevent late expansion */
img[width][height] {
	height: auto;
	max-width: 100%;
}