﻿/* Live combustionmart.in banner: heading = moto (35px), description = nano (17px) */
		#swiper-5.cm-live-hero {
			overflow: hidden;
			margin-bottom: 0 !important;
		}

		#swiper-5.cm-live-hero .swiper-wrapper {
			padding-bottom: 0 !important;
			margin-bottom: 0 !important;
		}

		#swiper-5.cm-live-hero .cm-hero-slide {
			height: 480px;
			background-color: #f5f5f5;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			border-bottom: 0 !important;
		}

		#swiper-5.cm-live-hero + .cm-clients,
		.cm-clients {
			margin-top: 0 !important;
			padding-top: 18px !important;
			padding-bottom: 18px !important;
		}

		/* Kill leftover owl empty logo gaps */
		.owl-carousel.carousel-center-active-item {
			min-height: 0 !important;
			height: auto !important;
		}

		#swiper-5.cm-live-hero .cm-hero-inner {
			height: 100%;
			display: flex;
			align-items: center;
			padding: 50px 0;
		}

		#swiper-5.cm-live-hero .cm-hero-content {
			max-width: 560px;
			text-align: left;
		}

		/* MOTO â€” large heading (Elementor .elementor-slide-heading) */
		#swiper-5.cm-live-hero .cm-hero-heading {
			font-size: 35px;
			font-weight: 700;
			line-height: 1.15;
			color: #000;
			margin: 0 0 18px;
		}

		/* NANO â€” small description (Elementor .elementor-slide-description) */
		#swiper-5.cm-live-hero .cm-hero-desc {
			font-size: 17px;
			line-height: 1.4;
			color: #333;
			margin: 0 0 22px;
			font-weight: 400;
		}

		#swiper-5.cm-live-hero .cm-hero-btn {
			display: inline-block;
			padding: 8px 22px;
			font-size: 13px;
			font-weight: 600;
			color: #000;
			background: transparent;
			border: 2px solid #000;
			text-decoration: none;
			transition: background .2s, color .2s;
		}

		#swiper-5.cm-live-hero .cm-hero-btn:hover {
			background: #000;
			color: #fff;
		}

		#swiper-5.cm-live-hero .swiper-pagination {
			bottom: 18px !important;
		}

		#swiper-5.cm-live-hero .swiper-pagination-bullet {
			background: #000;
			opacity: .25;
		}

		#swiper-5.cm-live-hero .swiper-pagination-bullet-active {
			opacity: 1;
		}

		#swiper-5.cm-live-hero .swiper-navigation {
			display: none;
		}

		@media (max-width: 1024px) {
			#swiper-5.cm-live-hero .cm-hero-slide {
				height: 360px;
			}

			#swiper-5.cm-live-hero .cm-hero-heading {
				font-size: 28px;
			}

			#swiper-5.cm-live-hero .cm-hero-desc {
				font-size: 15px;
			}
		}

		@media (max-width: 767px) {
			/* Mobile hero rules live in cm-hero-fix.css */
		}

		.cm-brand-filters {
			display: flex !important;
			flex-wrap: nowrap !important;
			justify-content: flex-start !important;
			gap: 18px !important;
			overflow-x: auto !important;
			overflow-y: hidden !important;
			scrollbar-width: thin;
			white-space: nowrap;
			max-width: 100%;
			padding: 12px 3px 19px !important;
			scroll-snap-type: x proximity;
			-webkit-overflow-scrolling: touch
		}

		.cm-brand-filters .cm-filter {
			flex: 0 0 auto !important;
			white-space: nowrap !important;
			scroll-snap-align: start
		}

		.cm-recent-blogs {
			padding: 76px 0;
			background: #fff
		}

		.cm-blog-grid {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 28px;
			margin-top: 40px
		}

		.cm-blog-card {
			border: 1px solid #e7eaf0;
			border-radius: 10px;
			overflow: hidden;
			background: #fff;
			transition: box-shadow .2s, transform .2s
		}

		.cm-blog-card:hover {
			box-shadow: 0 14px 36px rgba(20, 35, 70, .1);
			transform: translateY(-3px)
		}

		.cm-blog-card a {
			text-decoration: none;
			color: #172238;
			display: flex;
			height: 100%;
			align-items: center
		}

		.cm-blog-photo {
			width: 43%;
			flex: 0 0 43%;
			padding: 16px;
			background: #f5f7fb;
			display: flex;
			align-items: center;
			justify-content: center;
			min-height: 215px
		}

		.cm-blog-photo img {
			width: 100%;
			height: 190px;
			object-fit: contain
		}

		.cm-blog-text {
			padding: 22px
		}

		.cm-blog-text h3 {
			font-size: 21px;
			line-height: 1.35;
			margin: 8px 0 10px;
			color: #151b29
		}

		.cm-blog-text p {
			font-size: 14px;
			color: #697386;
			line-height: 1.65;
			margin: 0 0 12px
		}

		.cm-blog-read {
			font-size: 13px;
			font-weight: 600;
			color: #2563d8
		}

		.cm-blog-more {
			margin-top: 30px
		}

		.cm-brand-card .cm-brand-product {
			background: #fff !important;
			display: block;
			text-decoration: none;
		}

		.cm-brand-card .cm-brand-product img {
			width: 100% !important;
			height: 164px !important;
			max-height: 164px !important;
			object-fit: contain !important;
			object-position: center !important;
			background: #fff !important;
		}

		/* New Brands product cards: separate Product vs Category links */
		.cm-brand-card .cm-brand-product-link,
		.cm-brand-card .cm-brand-more-link {
			color: inherit;
			text-decoration: none;
		}

		.cm-brand-card .cm-brand-product-link:hover,
		.cm-brand-card .cm-brand-more-link:hover {
			color: #255bd2;
			text-decoration: none;
		}

		.cm-brand-card .cm-brand-more-link {
			display: inline-block;
		}

		.cm-brand-card .cm-brand-category-link {
			display: block;
			font-size: 13px;
			font-weight: 500;
			color: #64748b;
			text-decoration: none;
			margin: -4px 0 10px;
		}

		.cm-brand-card .cm-brand-category-link:hover {
			color: #255bd2;
			text-decoration: underline;
		}

		div.cm-brand-card {
			color: inherit;
			text-decoration: none;
		}

		.cm-popular .cm-popular-card img {
			object-fit: contain
		}

		.cm-popular-card .cm-cat {
			text-decoration: none;
		}

		.cm-popular-card .cm-cat:hover {
			text-decoration: underline;
		}

		.cm-popular-hover .cm-add-cart {
			text-decoration: none;
			display: inline-flex;
			align-items: center;
			justify-content: center;
		}

		/* Full-width light breadcrumb strip; text aligned to site container */
		.cm-page-breadcrumb {
			width: 100%;
			max-width: 100%;
			box-sizing: border-box;
			background-color: #f8f9fa !important;
			border-bottom: 1px solid #e9ecef;
			position: relative;
			left: 0;
			right: 0;
			margin: 0;
			padding: 0;
		}

		body {
			overflow-x: hidden;
		}

		.cm-main-content {
			width: 100%;
			max-width: 100%;
		}

		/*
		 * Full-bleed dark page title banners (Products / Burners / Brand / etc.)
		 * Use 100% + safe breakout — avoid 100vw (causes mobile horizontal scroll).
		 */
		.cm-products-hero,
		.cm-page-hero,
		.rs-breadcrumb-area.rs-breadcrumb-one {
			background: #111 !important;
			width: 100% !important;
			max-width: 100% !important;
			position: relative;
			left: auto;
			right: auto;
			margin-left: 0 !important;
			margin-right: 0 !important;
			box-sizing: border-box;
		}

		@media (min-width: 992px) {
			.cm-products-hero,
			.cm-page-hero,
			.rs-breadcrumb-area.rs-breadcrumb-one {
				width: 100vw !important;
				max-width: 100vw !important;
				left: 50%;
				right: 50%;
				margin-left: -50vw !important;
				margin-right: -50vw !important;
			}
		}

		.cm-products-hero,
		.cm-page-hero {
			padding-top: 2.5rem;
			padding-bottom: 2.5rem;
		}

		.cm-products-hero .display-6,
		.cm-page-hero .display-6,
		.cm-page-hero h1 {
			font-size: clamp(1.75rem, 2.5vw, 2.5rem);
			letter-spacing: .02em;
			color: #fff;
		}

		.cm-page-hero .cm-page-hero-sub {
			color: rgba(255, 255, 255, .85);
			margin: .5rem 0 0;
			font-size: 1rem;
		}

		/* Dark title areas: hide decorative bg image, keep text readable */
		.rs-breadcrumb-area.rs-breadcrumb-one .rs-breadcrumb-bg {
			display: none !important;
		}

		.rs-breadcrumb-area.rs-breadcrumb-one .rs-breadcrumb-title,
		.rs-breadcrumb-area.rs-breadcrumb-one .rs-breadcrumb-menu a,
		.rs-breadcrumb-area.rs-breadcrumb-one .rs-breadcrumb-menu li,
		.rs-breadcrumb-area.rs-breadcrumb-one .rs-breadcrumb-menu span {
			color: #fff !important;
		}

		.rs-breadcrumb-area.rs-breadcrumb-one .rs-breadcrumb-menu a:hover {
			opacity: .85;
		}

		/* CMS page wrapper: let heroes span full width */
		.ck-content:has(.cm-products-listing),
		.ck-content:has(.cm-products-hero),
		.ck-content:has(.cm-page-hero),
		.ck-content:has(.rs-breadcrumb-area) {
			padding-left: 0 !important;
			padding-right: 0 !important;
			max-width: none !important;
			overflow: visible;
		}

		section:has(> .ck-content .cm-products-hero),
		section:has(.cm-products-hero),
		section:has(.cm-page-hero) {
			padding: 0;
			margin: 0;
		}

		.cm-products-listing .breadcrumb a {
			color: #2864d8;
			text-decoration: none;
		}

		.cm-products-listing .breadcrumb-item.active {
			color: #6c757d;
		}

		.cm-products-listing .pagination {
			justify-content: center;
		}

		.cm-products-sidebar .cm-side-box h3 {
			font-weight: 700;
			color: #1f2937;
		}

		.cm-shop-grid {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 22px;
		}

		.cm-shop-list {
			display: flex;
			flex-direction: column;
			gap: 16px;
		}

		.cm-shop-card-list {
			display: grid;
			grid-template-columns: 180px 1fr;
			gap: 16px;
			align-items: center;
			border: 1px solid #e7ebf2;
			border-radius: 12px;
			padding: 12px;
			background: #fff;
		}

		.cm-shop-cat {
			text-decoration: none;
		}

		.cm-shop-cat:hover {
			text-decoration: underline;
		}

		.cm-search-suggest {
			position: absolute;
			left: 0;
			right: 48px;
			top: calc(100% + 4px);
			z-index: 30;
			background: #fff;
			border: 1px solid #d7dde7;
			border-radius: 8px;
			box-shadow: 0 10px 28px rgba(20, 35, 60, .12);
			max-height: 320px;
			overflow: auto;
		}

		.cm-suggest-item {
			display: flex;
			gap: 10px;
			align-items: center;
			padding: 8px 10px;
			text-decoration: none;
			color: #232935;
			border-bottom: 1px solid #f0f3f8;
		}

		.cm-suggest-item:last-child {
			border-bottom: 0;
		}

		.cm-suggest-item:hover {
			background: #f7f9fd;
		}

		.cm-suggest-item img {
			width: 40px;
			height: 40px;
			object-fit: contain;
			border: 1px solid #e7ebf2;
			border-radius: 4px;
			background: #fff;
		}

		.cm-products-toolbar .btn.active {
			background: #2864d8;
			border-color: #2864d8;
			color: #fff;
		}

		@media (max-width: 991px) {
			.cm-shop-grid {
				grid-template-columns: repeat(2, minmax(0, 1fr));
			}
		}

		@media (max-width: 575px) {
			.cm-shop-grid {
				grid-template-columns: 1fr;
			}

			.cm-shop-card-list {
				grid-template-columns: 1fr;
			}
		}

		.cm-add-cart {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			background: #2869d7;
			color: #fff !important;
			border: 0;
			padding: 9px 15px;
			font-size: 12px;
			font-weight: 600;
			cursor: pointer;
			text-decoration: none;
			border-radius: 3px
		}

		.cm-add-cart:hover {
			background: #174a9d
		}

		.cm-header-actions .cm-header-link {
			color: #211f1c
		}

		.cm-shop-media {
			position: relative
		}

		.cm-wishlist-btn {
			position: absolute;
			top: 10px;
			right: 10px;
			z-index: 3;
			width: 36px;
			height: 36px;
			border-radius: 50%;
			border: 0;
			background: #fff;
			color: #211f1c;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
			cursor: pointer
		}

		.cm-wishlist-btn.is-active,
		.cm-js-wishlist-toggle.is-active {
			color: #c0392b
		}

		.cm-site-footer {
			background: #f5f5f5 !important
		}

		.cm-client-logo {
			align-items: center;
			justify-content: center
		}

		@media(max-width:767px) {
			.cm-blog-grid {
				grid-template-columns: 1fr
			}

			.cm-blog-card a {
				flex-direction: column;
				align-items: stretch
			}

			.cm-blog-photo {
				width: 100%;
				min-height: 190px
			}

			.cm-blog-text {
				padding: 18px
			}
		}
