/*

Insert your styles here.

*/

header.header .region-primary-menu .region-we-mega-menu .navbar.navbar-we-mega-menu {

	background-color: transparent;

	padding-top: 0;

}

.path-frontpage {
	background: #FFF8E7;
}
.path-frontpage .paragraph b, .paragraph strong {
	color: #ebe7e7;
}
#navbar-main {
	background: linear-gradient(135deg, #0f2027, #203a43, #2c5364) !important;
}

.we-mega-menu-ul>li.we-mega-menu-li>a,
.we-mega-menu-ul>li.we-mega-menu-li>span {

	color: #fff;

}

/* .small-box-wrapper .box-content-wrapper .box-image a img {

	height: 370px;

} */

h2.box-title {
	font-size: calc(16px + 2 * ((100vw - 320px) / 680)) !important;
	font-weight: normal !important;
}

.field--name-field-d-long-text p {

	font-size: calc(16px + 2 * ((100vw - 320px) / 680));

	color: #fff !important;

}

#paragraph-d_p_text_paged-427 .text-page h2 {

	color: #fff !important;

	font-size: calc(20px + 10 * ((100vw - 320px) / 680));

}

h2 {

	font-size: calc(20px + 10 * ((100vw - 320px) / 680));

}

#paragraph-d_p_text_paged-427 .text-page {

	padding-top: 7%;

	padding-bottom: 7%;

	background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/sites/default/files/media/image/bg.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	color: #fff;

	height: auto;

	background-position: center;

}

.d-p-side-image-banner .field--name-field-d-main-title {

	font-size: calc(20px + 10 * ((100vw - 320px) / 680)) !important;

}

.padding-top-default .paragraph.paragraph--type--d-p-banner {

	padding: 0 !important;

}

.container.node__content .section-images .header .title {

	padding-top: 0px;

	background: linear-gradient(324deg, rgba(252, 109, 69, 0.975210066936931) 28%, rgba(252, 176, 69, 1) 68%, rgba(252, 176, 69, 0.994817910074186) 95%);

	height: auto;

}

.container.node__content .section-images .header .title h1 {

	color: #fff;

	font-size: 23px;

	line-height: 3.1em;

}

#paragraph-d_p_side_image-407 {

	text-align: center;

}

#paragraph-d_p_banner-408 .content-wrapper {

	background-color: rgba(4, 4, 4, 0.5);

}

.col-xl-3.col-md-4.col-sm-6.mb-3.field__item {

	padding: 0;

	border-left: 1px solid white;

	border-right: 1px solid white;

}

#paragraph-d_p_banner-410 .field.field--name-field-d-long-text.field--type-text-long.field--label-hidden.field__item img {

	width: 100%;

}

.field--name-field-d-media-icon.field--type-entity-reference img.lazyloaded {

	width: 235px;

}

.d-p-side-image-banner .field--name-field-d-main-title::after {

	margin: 0 auto;

}

.d-p-side-image-banner .image-side-left {

	text-align: center;

}

#paragraph-d_p_gallery-411 .container {

	max-width: 100%;

	padding-left: 0;

	padding-right: 0;

}

.mb-3.field__item {

	margin-bottom: 0 !important;

}

#paragraph-d_p_gallery-411 .field--type-image {

	float: none !important;

}

#paragraph-d_p_gallery-411 .clearfix.paragraph.container.gallery.paragraph--type--d-p-gallery.paragraph--view-mode--default {

	margin-bottom: 0;

}

#paragraph-d_p_gallery-411 .field--type-entity-reference {

	margin-bottom: 0 !important;

}

.field--name-field-product-categories {

	margin-top: 0.5rem;

}

.d-p-side-image-banner .field--name-field-d-main-title {

	text-align: center;

	font-size: 2.3rem;

}

header.header .region-primary-menu,
header.header .region-secondary-menu {

	margin-top: 0;

}

header.header>nav.navbar-wrapper {

	padding-top: 0;

}

.site-footer .block {

	margin: 0;

	padding-top: 5px;

	padding-bottom: 5px;

}

.title {

	text-align: center;

}

.paragraph--type--d-p-banner .content-wrapper {

	padding-top: 7%;

	padding-bottom: 7%;

}

.paragraph--type--d-p-banner .content>.field--name-field-d-main-title {

	text-transform: none;

	font-size: 3rem;

}

.products-list-teaser .product-teaser-content .field--type-entity-reference ul.links li {

	float: none;

	display: none;

}

.products-list-teaser .product-teaser-content {

	text-align: center;

}

.fieldset-wrapper .field--type-string {

	display: inline-block;

	text-align: center;

	padding-left: 5px;

	padding-right: 5px;

}

#size-shivling .fieldset-legend {

	font-size: 1rem;

	color: #15A6FF;

	font-weight: bold;

}

.node--type-d-product .main-content .node__content .section-data .field__label {

	color: #15A6FF;

}

.field--name-field-product-categories ul li a {

	color: gray;

}

.node--type-d-product .main-content .node__content .section-data .products-links .ask-link a,
.btn-primary {

	color: #15A6FF;

	border-color: #15A6FF;

}

.node--type-d-product .main-content .node__content .section-data .products-links .ask-link a:hover,
.btn-primary:hover {

	color: #fff;

	background-color: #15A6FF;

	border-color: #15A6FF;

}

.paragraph-sections>section:first-child>.text-page {

	margin-top: 0;

}

.paragraph-d-form {

	color: #fff;

	background: #15A6FF;

}

.paragraph-d-form .d-media-background-wrapper {

	opacity: .3;

}

.paragraph-d-form .form-actions .btn:hover {

	color: #fff;

	background-color: #0792E8;

	border-color: #0792E8;

}

.paragraph-d-form .form-actions .btn {

	color: #fff;

	background-color: #15A6FFCC;

	border-color: #15A6FFC4;

	max-width: 18rem;

	width: 100%;

	margin-top: 1rem;

}

.a2a_dd.addtoany_share {

	display: none;

}



.whatsapp-chat {

	display: inline;

}

#edit-actions #edit-preview {

	display: none;

}

@media (min-width : 320px) and (max-width : 668px) {

	header.header>nav.navbar-wrapper nav.main-navbar .navbar-inner {

		height: auto;

		padding-bottom: 0;

	}

	.we-mega-menu-ul>li.we-mega-menu-li>a,
	.we-mega-menu-ul>li.we-mega-menu-li>span {

		color: #353535;

	}

	.paragraph-sections>section:first-child>.text-page {

		margin-top: 0%;

		border-top: 2px solid #460606;

	}

	#paragraph-d_p_text_paged-427 .text-page {

		background-repeat: repeat-y;

	}

	button.navbar-toggler .navbar-toggler-icon::after {

		color: #15A6FF;

	}

	.node--type-d-product .container.node__content .section-images .header .title h1 {

		color: #fff;

		font-size: 15px;

		padding-top: 5px;

	}

	.container.node__content .section-images .header .title {

		padding-top: 5px;

		background: linear-gradient(324deg, rgba(252, 109, 69, 0.975210066936931) 28%, rgb(227, 43, 103) 68%, rgb(215, 37, 62) 95%);

		height: 55px;

		margin-bottom: 5px;

	}

	.node--type-d-product .text-formatted.field.field--name-body {

		padding-top: 25px;

	}

	#size-shivling .fieldset-legend {

		font-size: 1rem;

	}



}

@media (max-width: 767.98px) {

	.page-wrapper p,

	.page-wrapper ul,

	.page-wrapper ol {

		font-size: 1rem;

	}

}

.image-style-product-navigation-image.slick-slide {

	width: auto !important;

}



.view-content {

	clear: both;

	position: relative;

	z-index: 99;

}

.video-gallery-row li.col-md-4 {

	float: left;

}

#paragraph-d_p_block-417.wrapper-d_p_block.video-gallery-paragraph h2 {

	text-align: center;

	font-size: 35px;

	padding-top: 30px;

}

#paragraph-d_p_block-417.wrapper-d_p_block.video-gallery-paragraph {

	padding-bottom: 100px;

	background-image: url(/themes/shivling/images/bg.jpg);

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-size: cover;

	padding-top: 50px;

	box-shadow: 0px 0px 5px 3px deepskyblue;

}

#paragraph-d_p_block-417.wrapper-d_p_block.video-gallery-paragraph h2 {

	text-align: center;

	font-size: 35px;

	padding-bottom: 30px;

	color: #fff;

}

#captcha .details-wrapper .details-description.text-muted {

	display: none;

}

#paragraph-d_p_form-315 .field--type-text-long p a {

	color: #fff;

}

.paragraph--type--d-p-banner {

	background-attachment: fixed !important;

	background-size: cover;

	background-image: url(/themes/shivling/images/aZBxGl.jpg);

}

.node--type-d-product .main-content .node__content .section-data .field__item {

	font-size: 1rem;

	padding-bottom: 0px;

}

.paragraph-sections>section:first-child>.text-page {

	margin-top: 0;

}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.contact-popup.ui-dialog-buttons {

	top: 85px !important;

}

.node--type-d-product .main-content .node__content .section-data .products-links .ask-link a:not(:disabled):not(.disabled):active:focus,
.node--type-d-product .main-content .node__content .section-data .products-links .ask-link a:not(:disabled):not(.disabled).active:focus,
.show>.node--type-d-product .main-content .node__content .section-data .products-links .ask-link a.dropdown-toggle:focus,
.btn-outline-primary:focus {

	-webkit-box-shadow: 0 0 0 0.2rem rgba(21, 166, 255, 0.9);

	box-shadow: 0 0 0 0.2rem rgba(21, 166, 155, 0.9) !important;

}

.btn-outline-primary:hover {

	color: #fff;

	background-color: #54bbd2;

	border-color: #54bbd2;

}

.paragraph--type--d-p-node .small-box-wrapper .box-subtitle {

	color: #54bbd2;

}

.btn-outline-primary {

	color: #54bbd2;

	border-color: #54bbd2;

}

.node--type-d-product .main-content .node__content .section-data .products-links .ask-link a:not(:disabled):not(.disabled):active,
.node--type-d-product .main-content .node__content .section-data .products-links .ask-link a:not(:disabled):not(.disabled).active,
.show>.node--type-d-product .main-content .node__content .section-data .products-links .ask-link a.dropdown-toggle {

	color: #fff;

	background-color: #15A6FF;

	border-color: #15A6FF;

}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {

	float: none;

}

.button--primary.js-form-submit.form-submit.btn.btn-primary.ui-button.ui-corner-all.ui-widget.button:hover {

	color: #fff;

}

.button--primary.js-form-submit.form-submit.btn.btn-primary.ui-button.ui-corner-all.ui-widget.button {

	width: 100%;

	border-radius: 0;

	border: 2px solid #15A6FF;

	color: #15A6FF;

	background-image: none;

	font-weight: bold;

	padding-top: 10px;

	padding-bottom: 10px;

}

.contact-popup .button--primary.js-form-submit.form-submit {

	display: block;

}

.contact-popup .js-form-submit.form-submit {

	display: none;

}

.btn-primary {

	background-color: transparent;

}



.form-control {

	height: calc(0.5em + 2rem + 2px);

	padding: .5rem 1.5rem;

}

.filters .region-facets-left .form-item-aggregated-field .form-control,
.filters .region-facets-left-top .form-item-aggregated-field .form-control {

	border: 1px solid grey;

	background-color: #fff;

	color: #727272;

}

.filters #edit-submit-products-list--2 {

	display: block;

	padding: .5rem 1.5rem;

	width: 100%;

}

.top-product-info .views-exposed-form .content .select2-container--default .select2-selection--single .select2-selection__rendered {

	padding: 0.5rem 4rem 0.5rem 1.5rem;

}

.theme-default .paragraph--type--d-p-side-image .image-side-left,
.theme-default .paragraph--type--d-p-side-image .image-side-left-wide {
	background: transparent !important;
}

.theme-default .paragraph--type--d-p-text-with-bckg {
	background: #ffffff00;
}

/* ===== SECTION MAIN ===== */

#paragraph-d_p_side_image-409 {
	padding: 10px 0;
	background: linear-gradient(135deg, #0f2027, #203a43, #2c5364) !important;
	overflow: hidden;
}

/* ===== 2 COLUMN LAYOUT ===== */

#paragraph-d_p_side_image-409 .d-p-side-image-banner-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 60px;
	max-width: 1400px;
	margin: auto;
}

/* ===== LEFT IMAGE ===== */

#paragraph-d_p_side_image-409 .d-image img {
	width: 100%;
	height: auto;
	display: block;
	margin: auto;

	transition: all .5s ease;
}

/* Smooth Hover Zoom */

#paragraph-d_p_side_image-409 .d-image img:hover {
	transform: scale(1.05);
}

/* ===== RIGHT CONTENT ===== */

#paragraph-d_p_side_image-409 .content-inside-wrapper {
	padding: 40px;
}

/* SMALL LOGO */

#paragraph-d_p_side_image-409 .field--name-field-d-media-icon img {
	width: 90px;
	margin-bottom: 25px;
}

/* ===== TITLE ===== */

#paragraph-d_p_side_image-409 h2 {
	font-weight: 700;
	letter-spacing: -0.5px;
	margin-bottom: 20px;
	color: #ffffff;

	line-height: 1.2;
}

/* Apple style red underline */

#paragraph-d_p_side_image-409 h2::after {
	content: "";
	display: block;
	width: 60px;
	height: 3px;
	background: #c6a15b;
	/* premium gold */
	margin-top: 14px;
}

/* ===== TEXT ===== */

#paragraph-d_p_side_image-409 .field--name-field-d-long-text {
	font-size: 18px;
	line-height: 1.8;
	color: #555;
	max-width: 540px;
}

/* ===== MOBILE RESPONSIVE ===== */

@media(max-width:992px) {

	#paragraph-d_p_side_image-409 .d-p-side-image-banner-wrapper {
		flex-direction: column;
		text-align: center;
		gap: 40px;
	}

	#paragraph-d_p_side_image-409 h2 {
		font-size: 32px;
	}

	#paragraph-d_p_side_image-409 .content-inside-wrapper {
		padding: 20px;
	}

}
#paragraph-d_p_text_with_bckg-425 .paragraph b, #paragraph-d_p_text_with_bckg-425 .paragraph strong {
	color: #fff2c1;
};
#paragraph-d_p_text_with_bckg-425 {
	position: relative;
	overflow: hidden;
}

/* Animated Background */
#paragraph-d_p_text_with_bckg-425 {
	position: relative;
	overflow: hidden;
}

#paragraph-d_p_text_with_bckg-425 {
	position: relative;
	overflow: hidden;
}

#paragraph-d_p_text_with_bckg-425::before {
	content: "";
	position: absolute;
	inset: 0;

	background:
		linear-gradient(
			rgba(92, 63, 34, 0.78),
			rgba(92, 63, 34, 0.45)
		),
		url('/sites/default/files/media/image/bg.jpg');

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	animation: zoomLoop 15s ease-in-out infinite alternate;
	z-index: 0;
}
@keyframes zoomLoop {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(1.15);
	}
}


/* Jab section viewport me aaye */
#paragraph-d_p_text_with_bckg-425.in-view::before {
	transform: scale(1.15);
}

#paragraph-d_p_text_with_bckg-425 a {
	color: #fff2c1;
}

#paragraph-d_p_text_with_bckg-425 .field--name-field-d-main-title {
	background: linear-gradient(90deg, #ffffff, #d6e4ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Section Background */
#paragraph-d_p_text_with_bckg-430 {
	background: linear-gradient(135deg, #0a1931, #0f3460) !important;
	padding: 70px 50px;
	border-radius: 10px;
}

.paragraph--type--d-p-text-with-bckg .field--name-field-d-main-title {
	color: #fff !important;
	font-size: 42px;
	font-weight: 700;
	letter-spacing: 0.5px;
}

/* Title */
#paragraph-d_p_text_with_bckg-430 .field--name-field-d-main-title {
	color: #fff !important;
	font-size: 42px;
	font-weight: 700;
	letter-spacing: 0.5px;
}

/* Make text softer */
#paragraph-d_p_text_with_bckg-430 p {
	color: #e6e6e6;
	font-size: 18px;
	line-height: 1.8;
}

/* Social icons container */
#paragraph-d_p_text_with_bckg-430 .premium-social {
	display: flex;
	gap: 18px;
	list-style: none;
	padding: 0;
	margin-top: 30px;
}

/* Icon circle */
#paragraph-d_p_text_with_bckg-430 .premium-social li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(8px);
	transition: 0.4s ease;
}

/* Icon size */
#paragraph-d_p_text_with_bckg-430 .premium-social svg {
	width: 24px;
	height: 24px;
}

/* 🔥 Premium Hover */
#paragraph-d_p_text_with_bckg-430 .premium-social li a:hover {
	transform: translateY(-10px) scale(1.1);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
}

/* Brand colors */
#paragraph-d_p_text_with_bckg-430 .premium-social li:nth-child(1) a:hover {
	background: #FF0000;
}

#paragraph-d_p_text_with_bckg-430 .premium-social li:nth-child(2) a:hover {
	background: #25D366;
}

#paragraph-d_p_text_with_bckg-430 .premium-social li:nth-child(3) a:hover {
	background: #1877F2;
}

/* White icon on hover */
#paragraph-d_p_text_with_bckg-430 .premium-social li a:hover svg path {
	fill: #fff;
}

/* SECTION BACKGROUND */
.wrapper-d_p_carousel {
	background: #F5F1E6;
}

/* TITLE */
.wrapper-d_p_carousel h2 {
	text-align: center;
	font-size: 34px;
	font-weight: 600;
	margin-bottom: 40px;
}

/* CARD */
.d-p-carousel-item {
	background: rgba(255, 255, 255, 0.65);
	backdrop-filter: blur(8px);
	border-radius: 18px;
	padding: 18px;
	margin: 16px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
	transition: 0.3s;
}


/* HOVER EFFECT (Premium feel 😄) */
.d-p-carousel-item:hover {
	transform: translateY(-6px);
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12);
}


/* IMAGE FIX */
.d-p-carousel-item img {
	width: 100%;
	height: 240px;
	object-fit: cover;
	border-radius: 14px;
}


/* PRODUCT TITLE */
.d-p-carousel-item h4 {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
}

.carousel-item-wrapper {
	padding: 15px;
}

.slick-prev:before,
.slick-next:before {
	color: #8B0000;
	font-size: 26px;
}

/* Featured products section */
/* MAIN SECTION BACKGROUND */
#paragraph-d_p_group_of_text_blocks-24 {
  position: relative;
  overflow: hidden;
  color: #ffffff;
  background: #050505;
}

/* ANIMATED GLOSSY CONIC GRADIENT */
#paragraph-d_p_group_of_text_blocks-24::before {
  content: "";
  position: absolute;
  inset: -40%;
  background: conic-gradient(
    from 210deg,
    #c9a24d,
    #f5d77a,
    #b88b2e,
    #fff2b0,
    #9c6a1f,
    #c9a24d
  );
  animation: rotateGlow 22s linear infinite;
  filter: blur(80px);
  opacity: 0.55;
  z-index: 0;
}

/* DARK OVERLAY FOR PREMIUM LOOK */
#paragraph-d_p_group_of_text_blocks-24::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at top,
    rgba(0,0,0,0.25),
    rgba(0,0,0,0.85)
  );
  z-index: 1;
}

/* CONTENT ABOVE BACKGROUND */
#paragraph-d_p_group_of_text_blocks-24 > .clearfix {
  position: relative;
  z-index: 2;
}

/* HEADINGS */
#paragraph-d_p_group_of_text_blocks-24 h2 {
  color: #ffffff;
  text-shadow: 0 3px 12px rgba(0,0,0,0.8);
}

/* PARAGRAPH TEXT */
#paragraph-d_p_group_of_text_blocks-24 p {
  color: #f1f1f1;
  text-shadow: 0 2px 10px rgba(0,0,0,0.7);
}

/* PRODUCT BOX PREMIUM EFFECT */
#paragraph-d_p_group_of_text_blocks-24 .small-box-wrapper {
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(6px);
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(0,0,0,0.55);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

#paragraph-d_p_group_of_text_blocks-24 .small-box-wrapper:hover {
  transform: translateY(-8px);
  box-shadow: 0 30px 70px rgba(201,162,77,0.45);
}

/* BUTTON */
#paragraph-d_p_group_of_text_blocks-24 .btn-outline-primary {
  color: #ffffff;
  border-color: #c9a24d;
  background: transparent;
}

#paragraph-d_p_group_of_text_blocks-24 .btn-outline-primary:hover {
  background: #c9a24d;
  color: #000;
}

/* ANIMATION */
@keyframes rotateGlow {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.btn.btn-outline-primary {
	position: relative;
	overflow: hidden;
	border: 2px solid #c9a44d;
	background: transparent;
	color: #fff;

	font-weight: 600;
	letter-spacing: 1.5px;
	padding: 14px 42px;

	transition: 
		color 0.4s ease,
		box-shadow 0.4s ease,
		transform 0.4s ease;

	z-index: 1;
}

/* Background fill animation */
.btn.btn-outline-primary::before {
	content: "";
	position: absolute;
	top: 0;
	left: -120%;
	width: 120%;
	height: 100%;
	background: linear-gradient(
		120deg,
		transparent 0%,
		#c9a44d 50%,
		transparent 100%
	);
	transition: left 0.6s ease;
	z-index: -1;
}

/* Text animation layer */
.btn.btn-outline-primary::after {
	content: attr(data-text);
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;

	color: #000;
	transform: translateY(100%);
	transition: transform 0.4s ease;
	pointer-events: none;
}

/* Hover effects */
.btn.btn-outline-primary:hover {
	color: transparent;
	transform: translateY(-2px);
	box-shadow: 0 12px 30px rgba(201, 164, 77, 0.45);
}

.btn.btn-outline-primary:hover::before {
	left: 0;
}

.btn.btn-outline-primary:hover::after {
	transform: translateY(0);
}
/* ==============================
   Product Page Header – Premium
================================ */

.products-header-wrapper {
  position: relative;
  background:
    radial-gradient(1200px 500px at 20% 20%, rgba(255,255,255,0.10), transparent 40%),
    radial-gradient(900px 400px at 80% 80%, rgba(200,220,255,0.12), transparent 45%),
    conic-gradient(
      from 210deg,
      #5b4b74,
      #505a85,
      #4f638d,
      #516c94,
      #55759b,
      #5c7ea1,
      #6587a6,
      #7090ab,
      #7d98af,
      #8ba1b3,
      #9aa8b5,
      #a9afb7,
      #b8b5b8,
      #c5bbb8,
      #5b4b74
    );
  overflow: hidden;
}

/* Soft glossy layer */
.products-header-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(15, 12, 20, 0.55);
  backdrop-filter: blur(6px);
}
/* =========================
   Soft Star Twinkle Effect
========================= */

.products-header-wrapper {
  position: relative;
  overflow: hidden;
}

/* Stars layer */
.products-header-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,.6), transparent),
    radial-gradient(1px 1px at 40% 70%, rgba(255,255,255,.5), transparent),
    radial-gradient(1px 1px at 65% 40%, rgba(255,255,255,.7), transparent),
    radial-gradient(1px 1px at 80% 60%, rgba(255,255,255,.4), transparent),
    radial-gradient(1px 1px at 55% 15%, rgba(255,255,255,.6), transparent),
    radial-gradient(1px 1px at 15% 80%, rgba(255,255,255,.5), transparent);
  animation: starTwinkle 6s ease-in-out infinite alternate;
  pointer-events: none;
}

/* Twinkle animation */
@keyframes starTwinkle {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.85;
  }
}
/* Content above background */
.products-header-wrapper .container {
  position: relative;
  z-index: 2;
}

/* Header text */
.products-header-wrapper .main-header {
  color: #ffffff;
  font-size: 46px;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
  text-shadow:
    0 4px 18px rgba(0,0,0,0.65),
    0 0 30px rgba(255,255,255,0.15);
}

/* Mobile fix */
@media (max-width: 768px) {
  .products-header-wrapper {
    padding: 80px 0 70px;
  }

  .products-header-wrapper .main-header {
    font-size: 34px;
  }
}
/* =====================================================
   PRODUCT PAGE – FILTER / CATEGORY SIDEBAR
   Purpose: Premium dark glossy filter panel with
   clear categories, soft hover & active states
   ===================================================== */
/* =========================================
   PRODUCTS PAGE – ANIMATED GLOSSY BACKGROUND
   ========================================= */

body.path-products {
  background:
    radial-gradient(
      circle at 20% 30%,
      rgba(255, 255, 255, 0.12),
      transparent 40%
    ),
    radial-gradient(
      circle at 80% 70%,
      rgba(255, 255, 255, 0.08),
      transparent 45%
    ),
    linear-gradient(
      120deg,
      #1a2229,
      #24313a,
      #1a2229
    );
  background-size: 200% 200%;
  animation: bgMove 14s ease-in-out infinite;
  color: #d7dce1;
}

@keyframes bgMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
body.path-products::after {
  content: "";
  position: fixed;
  inset: 0;
  background: radial-gradient(
    circle at top,
    rgba(255,255,255,0.06),
    transparent 55%
  );
  pointer-events: none;
}
/* =========================================
   PRODUCTS PAGE – TOP PRODUCT COUNT TEXT
   ========================================= */

body.path-products .product-item-counter {
  color: #2b2b2b;
  font-weight: 600;
}

body.path-products .product-item-counter strong {
  color: #000;
}
/* =========================================
   PRODUCTS PAGE – SORT DROPDOWN (SELECT2)
   ========================================= */

body.path-products .select2-selection {
  background-color: #ffffff;
  border: 1px solid #b9b1a4;
}

body.path-products .select2-selection__rendered {
  color: #1f1f1f !important;
  font-weight: 500;
}

body.path-products .select2-selection__arrow b {
  border-color: #444 transparent transparent transparent;
}
/* =========================================
   PRODUCTS PAGE – SORT DROPDOWN OPTIONS
   ========================================= */

body.path-products .select2-dropdown {
  background: #ffffff;
  border: 1px solid #c8c1b5;
}

body.path-products .select2-results__option {
  color: #222;
}

body.path-products .select2-results__option--highlighted {
  background-color: #2c3e4a;
  color: #fff;
}
/* =========================================================
   PRODUCTS PAGE – BODY SOFT BACKGROUND ANIMATION
   ========================================================= */

body.path-products {
  background: linear-gradient(
    120deg,
    #f2efe9,
    #ece8e0,
    #f4f1ea
  );
  background-size: 300% 300%;
  animation: bodyGradientMove 18s ease infinite;
}

@keyframes bodyGradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
/* =========================================================
   PRODUCTS PAGE – SOFT PAGE FADE IN
   ========================================================= */

body.path-products main {
  animation: pageFadeIn 0.8s ease forwards;
}

@keyframes pageFadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* =========================================================
   PRODUCTS PAGE – SMOOTH SCROLL FEEL
   ========================================================= */

html {
  scroll-behavior: smooth;
}
/* Sidebar container background */
.col-lg-3.filters {
  background: linear-gradient(
    180deg,
    rgba(55, 70, 90, 0.85),
    rgba(35, 50, 70, 0.95)
  );
  border-radius: 14px;
  padding: 18px 14px;
  box-shadow:
    0 18px 45px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.08);
  backdrop-filter: blur(6px);
}

/* separation from products */
.products-area {
  padding-left: 30px;
}

/* Filter block headings (Filters / Categories) */
.col-lg-3.filters .block__title {
  color: #f2f2f2;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 14px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

/* Category list spacing reset */
.facets-widget-links ul {
  padding-left: 0;
  margin: 0;
}

/* Each category item spacing */
.facets-widget-links .facet-item {
  margin-bottom: 8px;
}

/* Category link base style */
.facet-item a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  border-radius: 10px;
  text-decoration: none;
  color: #dcdcdc;
  background: rgba(255,255,255,0.02);
  transition: all 0.3s ease;
}

/* Category hover effect */
.facet-item a:hover {
  background: rgba(255,255,255,0.08);
  color: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12);
}

/* Active / selected category */
.facet-item a.is-active {
  background: linear-gradient(
    135deg,
    rgba(255,200,120,0.18),
    rgba(255,255,255,0.05)
  );
  color: #fff;
  font-weight: 500;
}

/* Category count badge */
.facet-item__count {
  background: rgba(0,0,0,0.35);
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 12px;
  color: #ccc;
}

/* Filter inputs & dropdowns */
.col-lg-3.filters input,
.col-lg-3.filters select {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  color: #fff;
  border-radius: 10px;
}

.col-lg-3.filters input::placeholder {
  color: rgba(255,255,255,0.6);
}
/* =====================================================
   FILTER – CATEGORY ITEMS
   ===================================================== */

.filters .category-item {
  background: rgba(255,255,255,0.06);
  border-radius: 10px;
  padding: 8px 12px;
  margin-bottom: 6px;
  transition: all 0.3s ease;
}

.filters .category-item:hover,
.filters .category-item.active {
  background: rgba(255,255,255,0.14);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.18);
}
/* =====================================================
   PRODUCT PAGE – FILTER / CATEGORY TEXT VISIBILITY FIX
   ===================================================== */

.filters,
.filters * {
  color: #e9eef4 !important;
}

.filters a,
.filters label,
.filters span {
  opacity: 1 !important;
}
/* =====================================================
   FILTER – CATEGORY LIST OVERFLOW FIX
   ===================================================== */

.filters .categories,
.filters .form-type-checkbox {
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}
/* =====================================================
   PRODUCT PAGE – FILTER SIDEBAR ENTRY ANIMATION
   ===================================================== */

.filters {
  animation: filterFadeUp 0.9s ease-out forwards;
}

@keyframes filterFadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* =====================================================
   FILTER – CATEGORY HOVER EFFECT
   ===================================================== */

.filters .form-type-checkbox label {
  position: relative;
  transition: all 0.35s ease;
}

.filters .form-type-checkbox:hover label {
  color: #ffd36a;
  padding-left: 6px;
}
/* =====================================================
   FILTER – SELECTED CATEGORY PULSE
   ===================================================== */

.filters .facet-active label {
  animation: softPulse 1.8s ease-in-out infinite;
}

@keyframes softPulse {
  0% {
    box-shadow: 0 0 0 rgba(255, 211, 106, 0.2);
  }
  50% {
    box-shadow: 0 0 10px rgba(255, 211, 106, 0.35);
  }
  100% {
    box-shadow: 0 0 0 rgba(255, 211, 106, 0.2);
  }
}
/* =====================================================
   FILTER – BUTTON MICRO ANIMATION
   ===================================================== */

.filters button,
.filters .reset-filters {
  transition: all 0.3s ease;
}

.filters button:hover,
.filters .reset-filters:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.25);
}
/* =====================================================
   FILTER / CATEGORY – REMOVE HOVER UNDERLINE
   ===================================================== */

.filters a span,
.filters a span:focus,
.filters a span:active,
.filters label,
.filters label:hover {
  text-decoration: none !important;
}
/* =====================================================
   PRODUCT PAGE – TOP PRODUCT INFO (COUNT + SEARCH + SORT)
   Section: .top-product-info
   ===================================================== */

.top-product-info {
  margin: 30px 0 20px;
  align-items: center;
}

/* ---------- Product Count Text ---------- */
.product-item-counter {
  font-size: 15px;
  color: #cfd8dc; /* header ke tone se match */
  letter-spacing: 0.5px;
}

.product-item-counter strong {
  color: #ffffff;
  font-weight: 600;
}

/* ---------- Right Side Wrapper ---------- */
.top-product-info-sort-wrapper {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  align-items: center;
}

/* =====================================================
   SEARCH FIELD (Exposed Filter Search)
   ===================================================== */

.views-exposed-form .form-text {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #ffffff;
  border-radius: 6px;
  padding: 8px 12px;
  height: 38px;
  transition: all 0.3s ease;
}

.views-exposed-form .form-text::placeholder {
  color: #b0bec5;
}

.views-exposed-form .form-text:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.1);
  border-color: #d4af37; /* soft golden focus */
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.3);
}

/* =====================================================
   SORT DROPDOWN (Select2)
   ===================================================== */

.select2-container--default .select2-selection--single {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 6px;
  height: 38px;
  transition: all 0.3s ease;
}

.select2-selection__rendered {
  color: #ffffff !important;
  line-height: 36px !important;
  font-size: 14px;
}

.select2-selection__arrow b {
  border-color: #cfd8dc transparent transparent transparent;
}

.select2-container--open .select2-selection--single {
  border-color: #d4af37;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.25);
}

/* Dropdown list */
.select2-dropdown {
  background: #1e2a32;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.select2-results__option {
  color: #cfd8dc;
  font-size: 14px;
}

.select2-results__option--highlighted {
  background: rgba(212, 175, 55, 0.15);
  color: #ffffff;
}

/* =====================================================
   APPLY BUTTON (Hidden look – clean UI)
   ===================================================== */

.views-exposed-form .form-submit {
  background: linear-gradient(135deg, #d4af37, #b8962e);
  border: none;
  color: #111;
  height: 38px;
  padding: 0 16px;
  border-radius: 6px;
  font-size: 13px;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

.views-exposed-form .form-submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(212, 175, 55, 0.35);
}

/* =====================================================
   SUBTLE PREMIUM ANIMATION (Soft Fade In)
   ===================================================== */

.top-product-info {
  animation: productBarFade 0.8s ease forwards;
}

@keyframes productBarFade {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* =========================================================
   PRODUCTS PAGE – RIGHT SIDE PRODUCT CARDS (FINAL, NO RED)
   ========================================================= */

body.path-products .products-list-teaser {
  margin-bottom: 32px;
}

/* Card base */
body.path-products .node--type-d-product {
  background: #f7f5ef; /* page bg se thoda darker */
  border-radius: 16px;
  overflow: hidden;
  height: 100%;
  border: 1px solid #dcd6c8;
  transition: all 0.35s ease;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

/* Hover effect */
body.path-products .node--type-d-product:hover {
  transform: translateY(-8px);
  border-color: #8fa3ad; /* header tone inspired */
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
}

/* Product image */
body.path-products .node--type-d-product img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  background: #ffffff;
}

/* Content area */
body.path-products .product-teaser-content {
  padding: 16px 18px 22px;
  text-align: center;
}

/* Categories */
body.path-products
.field--name-field-product-categories ul {
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 0;
  margin: 0 0 8px;
  list-style: none;
  font-size: 12px;
  color: #6f7f88; /* muted slate */
}

/* Product title – NO RED */
body.path-products .node__title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  margin: 6px 0 0;
  color: #2f3e46; /* dark blue-grey */
}

/* Hover title */
body.path-products .node--type-d-product:hover .node__title {
  color: #1f2d33;
}

/* Remove underline */
body.path-products .node--type-d-product a {
  text-decoration: none;
  color: inherit;
}