/* Bootstrap 3 Utility Classes */
					.d-block {
						display: block !important;
					}

					.d-flex {
						display: flex !important;
					}

					.w-100 {
						width: 100% !important;
					}

					.py-5 {
						padding-top: 3rem !important;
						padding-bottom: 3rem !important;
					}

					.py-4 {
						padding-top: 1.5rem !important;
						padding-bottom: 1.5rem !important;
					}

					.p-0 {
						padding: 0 !important;
					}

					.p-4 {
						padding: 1.5rem !important;
					}

					.mb-0 {
						margin-bottom: 0 !important;
					}

					.mb-3 {
						margin-bottom: 1rem !important;
					}

					.mb-4 {
						margin-bottom: 1.5rem !important;
					}

					.mb-5 {
						margin-bottom: 3rem !important;
					}

					.mt-0 {
						margin-top: 0 !important;
					}

					.mt-4 {
						margin-top: 1.5rem !important;
					}
					
					/* Category grid spacing */
					.category-grid {
						display: flex;
						flex-wrap: wrap;
						justify-content: center;
						margin-left: -10px;
						margin-right: -10px;
					}
					
					.category-item {
						padding: 10px;
						margin-bottom: 20px;
						float: left;
					}
					
					/* 5-column layout for large screens */
					@media (min-width: 1200px) {
						.category-item {
							width: 20%; /* 5 columns */
						}
					}
					
					/* 3-column layout for medium screens */
					@media (min-width: 992px) and (max-width: 1199px) {
						.category-item {
							width: 33.333%; /* 3 columns */
						}
					}

					/* 2-column layout for md */
					@media (max-width: 991px) {
						.category-item {
							width: 50%; /* 2 columns */
						}
					}
					
					/* 1-column layout for small and below (sm breakpoint at 768px) */
					@media (max-width: 576px) {
						.category-item {
							width: 100%; /* 1 column */
						}
					}
					
					/* Warranty section alignment */
					.warranty-row {
						display: flex;
						align-items: center;
						flex-wrap: wrap;
					}
					
					.warranty-row > div {
						margin-bottom: 20px;
					}
					
					/* Disable flex on small screens for proper wrapping */
					@media (max-width: 991px) {
						.warranty-row {
							display: block;
						}
					}
					
					/* Video grid spacing */
					.video-grid {
						margin-left: -10px;
						margin-right: -10px;
					}
					
					.video-item {
						padding: 10px;
						margin-bottom: 20px;
					}
					
					/* Promo sections flex ordering */
					.promo-section-row {
						display: flex;
						flex-wrap: wrap;
					}
					
					.promo-images {
						width: 50%;
						padding: 15px;
					}
					
					.promo-text {
						width: 50%;
						padding: 15px;
					}
					
					/* Mobile: always images first, text second */
					@media (max-width: 991px) {
						.promo-images,
						.promo-text {
							width: 100%;
						}
						
						.promo-images {
							order: 0;
						}
						
						.promo-text {
							order: 1;
						}
					}
					
					/* Desktop: use custom order classes */
					@media (min-width: 992px) {
						.promo-images.desktop-left {
							order: 0;
						}
						
						.promo-text.desktop-right {
							order: 1;
						}
						
						.promo-text.desktop-left {
							order: 0;
						}
						
						.promo-images.desktop-right {
							order: 1;
						}
					}

					.align-items-center {
						align-items: center !important;
					}

					.justify-content-center {
						justify-content: center !important;
					}

					.text-uppercase {
						text-transform: uppercase !important;
					}

					.text-capitalize {
						text-transform: capitalize !important;
					}

					.text-decoration-none {
						text-decoration: none !important;
					}

					.text-dark {
						color: #333 !important;
					}

					.fw-bold {
						font-weight: bold !important;
					}

					.fs-1 {
						font-size: 3rem !important;
					}

					.fs-2 {
						font-size: 2rem !important;
					}

					.fs-3 {
						font-size: 1.75rem !important;
					}

					.fs-5 {
						font-size: 1.5rem !important;
					}

					.img-fluid {
						max-width: 100%;
						height: auto;
					}

					.bg-light {
						background-color: #f5f5f5 !important;
					}

					.small {
						font-size: 85%;
					}

					@media (min-width: 768px) {
						.text-md-left {
							text-align: left !important;
						}

						.order-md-0 {
							order: 0;
						}

						.order-md-1 {
							order: 1;
						}
					}

					@media (min-width: 992px) {
						.row-cols-lg-5>* {
							width: 20%;
						}

						.order-lg-0 {
							order: 0;
						}

						.order-lg-1 {
							order: 1;
						}
					}

					.order-0 {
						order: 0;
					}

					.order-1 {
						order: 1;
					}

					/* Container xl equivalent */
					.container-xl {
						max-width: 1140px;
						margin-left: auto;
						margin-right: auto;
						padding-left: 15px;
						padding-right: 15px;
					}

					section {
						font-family: "Poppins", sans-serif !important;
					}

					section h1,
					section h2,
					section h3 {
						font-weight: bold;
						font-family: "Poppins", sans-serif !important;
					}

					section p {
						margin-bottom: 10px;
						font-family: "Poppins", sans-serif !important;
					}

					section a {
						color: inherit !important;
						font-family: "Poppins", sans-serif !important;
					}

					section a:hover {
						text-decoration: none;
					}


					.bg-gray-lighter {
						background-color: #f6f6f6;
					}

					.brand-logo {
						display: block;
						height: auto;
						width: 100%;
						max-width: 200px;
					}

					.fs-7 {
						font-size: 14px;
					}

					@media(min-width:768px) {
						.border-between>*:first-child {
							border-right: 1px solid lightgray;
						}
					}

					section .btn {
						display: inline-block;
						text-transform: uppercase;
						font-weight: bold;
						line-height: 1.5;
						color: #212529;
						text-align: center;
						text-decoration: none;
						vertical-align: middle;
						cursor: pointer;
						-webkit-user-select: none;
						-moz-user-select: none;
						user-select: none;
						background-color: #fff0;
						border: 2px solid #fff0;
						padding: .375rem .75rem;
						font-size: 14px;
						border-radius: 0;
						transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
					}

					.category-img {
						width: 100%;
						aspect-ratio: 1.5 / 1;
						object-fit: cover;
					}

					.category-grid-img {
						width: auto;
						height: 100px;
					}

					/* Increase size for medium screens */
					@media (max-width: 991px) {
						.category-grid-img {
							width: 150px;
							height: auto;
						}
					}
					
					/* Full width images on small screens and below (sm breakpoint) */
					@media (max-width: 576px) {
						.category-grid-img {
							width: 100%;
							height: auto;
						}
					}

					.hero-img {
						width: 100%;
						height: 400px;
						object-fit: cover;
						object-position: center;
					}

					@media(min-width:992px) {
						.hero-img {
							height: 600px;
						}
					}

					.btn.btn-brand {
						background-color: #003da5;
						border-color: #003da5;
						color: white !important;
					}

					.btn.btn-brand:hover,
					.btn.btn-brand:active,
					.btn.btn-brand:focus {
						background-color: #002868;
						color: white !important;
						border-color: #003da5;
					}

					#warranty-section {
						background-image: url('/custom_fsearch_pages/custom_content_blocks/may_custom_assets/images/3900w/2016_Maytag_CMYK_Gradient_30x30_NOISE-3900w.webp?ccid=x1c51ee45');
						background-size: cover;
						background-position: center;
					}

					#warranty-section h2,
					#warranty-section p {
						color: white !important;
					}

					.laundry-promo-left {
						min-height: 500px;
						position: relative;
					}

					.laundry-promo-img-large {
						position: absolute;
						top: 0;
						right: 0;
						width: 90%;
						height: 90%;
						object-fit: cover;
						z-index: 0;
					}

					.laundry-promo-img-small {
						position: absolute;
						bottom: 0;
						left: 0;
						width: 40%;
						height: 30%;
						object-fit: cover;
						z-index: 1;
					}

					.laundry-promo-right {
						display: flex;
						flex-direction: column;
						justify-content: center;
						align-items: center;
						min-height: 300px;
					}

					@media(min-width:992px) {
						.laundry-promo-right {
							min-height: 500px;
						}
					}

					.refrigerator-promo-img-large {
						position: absolute;
						top: 0;
						left: 0;
						width: 90%;
						height: 90%;
						object-fit: cover;
						z-index: 0;
					}

					.refrigerator-promo-img-small {
						position: absolute;
						bottom: 0;
						right: 0;
						width: 40%;
						height: 30%;
						object-fit: cover;
						z-index: 1;
					}

					.dishwasher-promo-img-large {
						position: absolute;
						bottom: 0;
						left: 0;
						width: 90%;
						height: 90%;
						object-fit: cover;
						z-index: 0;
					}

					.dishwasher-promo-img-small {
						position: absolute;
						top: 0;
						right: 0;
						width: 40%;
						height: 30%;
						object-fit: cover;
						z-index: 1;
					}

					/* Custom Carousel Styles */
					.hero-carousel {
						position: relative;
						overflow: hidden;
					}

					.hero-carousel-track {
						display: flex;
						transition: transform 0.5s ease-in-out;
					}

					.hero-carousel-slide {
						min-width: 100%;
						flex-shrink: 0;
					}

					.hero-carousel-indicators {
						position: absolute;
						bottom: 20px;
						left: 50%;
						transform: translateX(-50%);
						display: flex;
						gap: 10px;
						z-index: 10;
					}

					.hero-carousel-indicator {
						width: 12px;
						height: 12px;
						border-radius: 50%;
						background-color: rgba(255, 255, 255, 0.5);
						border: none;
						cursor: pointer;
						transition: background-color 0.3s;
					}

					.hero-carousel-indicator.active {
						background-color: #fff;
					}

					.hero-carousel-control {
						position: absolute;
						top: 50%;
						transform: translateY(-50%);
						background-color: rgba(0, 0, 0, 0.5);
						color: white;
						border: none;
						width: 50px;
						height: 50px;
						cursor: pointer;
						z-index: 10;
						font-size: 24px;
						display: flex;
						align-items: center;
						justify-content: center;
						transition: background-color 0.3s;
					}

					.hero-carousel-control:hover {
						background-color: rgba(0, 0, 0, 0.7);
					}

					.hero-carousel-control-prev {
						left: 20px;
					}

					.hero-carousel-control-next {
						right: 20px;
					}

					/* Video Styling */
					video {
						width: 100%;
						height: auto;
					}
					.text-black{ color:black !important; }
					#videos-section video { aspect-ratio: 456 / 256; width: 100%; }