section.rangesintro {
    width: 100%;
	}
	
	.material-guide p {
    max-width: 1400px;
    margin: auto;
	}
	
	.opener {
    font-size: 2.2em;
    font-weight: 700;
    color: #0E1311;
    padding-top: 50px;
    text-align: center;
    width: 95%;
    margin: auto;
	}
	
	.brief {
    font-size: 1.4em;
    font-weight: 400;
    color: #0E1311;
    text-align: center;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 50px;
    width: 95%;
    margin: auto;
	}	  
	  
	h3.cm4u-section-title {
    font-size: 2.2em;
    font-weight: 700;
    color: #0E1311;
    margin-bottom: 15px;
}  
	
	p.h1 {
    display: inline;
}

h3.cm4u-section-title.secondtitle {
    font-size: 2.2em;
    font-weight: 700;
    color: #0E1311;
    margin-bottom: 15px;
}
	
	h2.title-head-new2 {
    font-size: 2em !important;
    font-weight: 500 !important;
    text-align: left !important;
    line-height: 1.2 !important;
    color: limegreen;
	display: inline;
}

	
	.mobile-spacer2 {
    margin-top: 30px;
}
	
			h1.title-head-new2 {
			font-size: 2em !important;
			font-weight: 500 !important;
			text-align: left !important;
			line-height: 1.2 !important;
			color: limegreen;
		}
		
		.modelspecificbutton, .universalbutton {
			font-size: 1.2em;
		}
		
		.modelspecificbutton, .modelspecificbutton a {
		display: inline;
		padding: 5px;
		background: linear-gradient(#28ef01, #21cb00);
		color: white;
		border-radius: 5px;
		}
		
		.universalbutton, .universalbutton a {
		display: inline;
		padding: 5px;
		background: linear-gradient(#615f5f, #000000);
		color: white;
		border-radius: 5px;
		}
			
				.quickfind {
		
				visibility: hidden;
		
		}
	
        .product__description p {
            display: inline;
        }

        @media (min-width: 1701px) {
            .art-search {
                background-color: rgba(0, 0, 0, 0.45) !important;
            }
        }

        button.toggle-button {
            background: linear-gradient(#28ef01, #21cb00);
            border: none;
            color: white !important;
            padding: 10px 22px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 1.2em;
            margin: 20px 0px 0px 0px;
            border-radius: 4px;
        }
		
		 button.toggle-button2 {
            background: linear-gradient(#28ef01, #21cb00);
            border: none;
            color: white !important;
            padding: 10px 22px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 1.2em;
            margin: 20px 0px 0px 0px;
            border-radius: 4px;
        }

        .seo-text-container h2 {
            font-size: 1.6em !important;
        }

        .seo-text-container {
            margin-top: 30px;
            font-size: 14px;
            color: #333;
            line-height: 1.6;
            text-align: left;
            clear: both;
            overflow: hidden;
        }

        .seo-text {
            overflow: hidden;
            max-height: 6em;
            line-height: 1.5em;
            text-overflow: ellipsis;
            white-space: normal;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            font-weight: 400;
        }

        .seo-text.expanded {
            max-height: none;
            -webkit-line-clamp: unset;
        }

        .toggle-button {
            display: inline-block;
            margin-top: 10px;
            background-color: #007BFF;
            color: white;
            border: none;
            padding: 8px 16px;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
        }

        .toggle-button:hover {
            background-color: #0056b3;
        }
		
		.toggle-button2 {
            display: inline-block;
            margin-top: 10px;
            background-color: #007BFF;
            color: white;
            border: none;
            padding: 8px 16px;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
        }

        .toggle-button2:hover {
            background-color: #0056b3;
        }

        .subtext_small_new {

        }
		
		.subtext_small {
			display: block !important;
			font-size: 1.2em;
		}

        .subtext_small_new:before {
            margin-right: 8px;
            content: "\f046";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            font-synthesis: weight style;
            font-stretch: normal;
            font-size-adjust: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: limegreen;
        }

        .product__variants {
            margin-bottom: 10px;
        }

        .visually-hidden {
            display: none;
        }

        .product__price {
            margin-bottom: 10px !important;
        }

        .as-seen-on-title {
            margin-bottom: 0px !important;
        }

        .product {
            margin: 10px auto !important;
        }

        @media (max-width: 768px) {
			
			.opener {
    font-size: 2.2em;
    font-weight: 700;
    color: #0E1311;
    padding-top: 50px;
    text-align: center;
    width: 97%;
    margin: auto;
}
		
				.quickfind {
		
		display: inline-block;
		margin-top: 10px;
		margin-bottom: 20px;
		font-size: 1em;
		visibility: visible;
		
		}
		
            .product__image-container {
                max-width: 100%;
                margin: auto !important;
                padding-bottom: 20px !important;
            }
        }

        /* New Car Mats Overview Section */
		.car-mats-overview {
			margin: 20px 0;
			font-size: 1.1em;
		}

		section.car-mats-overview h2 {
			font-weight: 500;
		}
        .car-mats-benefits {
            margin-top: 20px;
        }

        .benefit-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-top: 30px;
        }

        .benefit-item {
            text-align: center;
            padding: 20px;
        }

        .benefit-item h3 {
            color: #0E1311;
            margin-bottom: 15px;
            font-size: 1.2em;
        }

        .benefit-item p {
            color: #666;
            line-height: 1.6;
        }

        /* NEW MODERN STYLES WITH CM4U PREFIX */

        /* Modern container styles */
        .cm4u-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Trust banner */
        .cm4u-trust-banner {
			color: white;
			padding: 15px 0;
			text-align: center;
			font-weight: 600;
			font-size: 1.5em;
			background: linear-gradient(#28ef01, #21cb00);
		}

        /* Hero section after slideshow */
        .cm4u-hero-content {
            background: #f8f9fa;
            padding: 60px 0;
        }

        .cm4u-hero-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        h1.cm4u-main-heading {
			font-size: 2.2em;
			margin-bottom: 20px;
			line-height: 1.2;
		}

        p.cm4u-hero-description {
            font-size: 1.2em;
            color: #666;
            margin-bottom: 30px;
            line-height: 1.6;
        }

        .cm4u-cta-buttons {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
        }

        .cm4u-btn-primary {
			background: transparent;
            color: #0E1311;
            padding: 15px 30px;
            border: 2px solid #0E1311;
            border-radius: 8px;
            font-size: 1.1em;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s ease;
            display: inline-block;    
        }

        .cm4u-btn-primary:hover {
            transform: translateY(-2px);
        }

        .cm4u-btn-secondary {
			color: white !important;
			padding: 15px 30px;
			border: none;
			border-radius: 8px;
			font-size: 1.3em;
			font-weight: 600;
			text-decoration: none;
			transition: transform 0.3s ease;
			display: inline-block;
			background: linear-gradient(#28ef01, #21cb00);
		}

        .cm4u-btn-secondary:hover {
            background: #0E1311;
            color: white;
        }

        /* Product showcase */
        .cm4u-product-showcase {
            padding: 80px 0;
            background: white;
        }

        .cm4u-section-header {
            text-align: center;
            margin-bottom: 30px;
        }

        h2.cm4u-section-title {
            font-size: 2.2em;
            font-weight: 700;
            color: #0E1311;
            margin-bottom: 15px;
        }

       p.cm4u-section-subtitle {
    font-size: 1.1em;
    color: #666;
    margin: 0 auto;
    display: block;
    margin-top: 0px;
}

        .cm4u-product-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 40px;
            margin-top: 40px;
        }
		
		.highlightgreen {
		
		color: limegreen;
		
		}

        .cm4u-product-card {
            background: white;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
            border: 1px solid #f0f0f0;
        }

        .cm4u-product-card:hover {
            transform: translateY(-5px);
        }

        .cm4u-product-image {
            width: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .cm4u-product-card:hover .cm4u-product-image {
            transform: scale(1.05);
        }

        .cm4u-product-info {
            padding: 30px;
        }

        h3.cm4u-product-title {
            font-size: 2em;
            font-weight: 600;
            color: #0E1311;
            margin-bottom: 10px;
        }

        .cm4u-product-price {
            font-size: 1.8em;
            font-weight: 700;
            color: #28ef01;
            margin-bottom: 15px;
        }

        .cm4u-product-features {
            list-style: none;
            margin-bottom: 25px;
        }

        .cm4u-product-features li {
            padding: 5px 0;
            color: #666;
            position: relative;
            padding-left: 20px;
        }

        .cm4u-product-features li:before {
            content: "✓";
            position: absolute;
            left: 0;
            color: #28ef01;
            font-weight: bold;
        }

        /* Michelin partnership */
        .cm4u-michelin-section {
            background: linear-gradient(135deg, #0E1311, #333);
            color: white;
            padding: 60px 0;
        }

        .cm4u-michelin-content {
            display: grid;
            grid-template-columns: 1fr 2fr;
            gap: 40px;
            align-items: center;
        }

        .cm4u-michelin-logo img {
            width: 100%;
        }

        h3.cm4u-michelin-heading {
            font-size: 2em;
            margin-bottom: 20px;
            color: #28ef01;
        }
		
		h2.cm4u-main-heading {
			padding-bottom: 25px;
			font-size: 1.7em;
		}

        .cm4u-michelin-text p {
            font-size: 1.1em;
            line-height: 1.6;
            margin-bottom: 25px;
        }

        /* Reviews section */
        .cm4u-reviews-section {
            padding: 80px 0;
            background: #f8f9fa;
        }

        .cm4u-slider-categories {
            margin-top: 40px;
        }

        /* Manufacturing process section */
        .cm4u-manufacturing-section {
			padding: 70px 0px 80px 0px;
			background: #f8f9fa;
		}

        .cm4u-process-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 40px;
            margin-top: 40px;
        }

        .cm4u-process-step {
            background: white;
            padding: 30px;
            border-radius: 15px;
            text-align: center;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
        }

        .cm4u-process-step:hover {
            transform: translateY(-5px);
        }

        .cm4u-step-number {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #28ef01, #21cb00);
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5em;
            font-weight: bold;
            margin: 0 auto 20px;
        }

        h3.cm4u-step-title {
            font-size: 1.3em;
            color: #0E1311;
            margin-bottom: 15px;
            font-weight: 600;
        }

        p.cm4u-step-description {
            color: #666;
            line-height: 1.6;
        }

		 .cm4u-faq-section {
            padding: 60px 0;
            background-color: #f8f9fa;
        }

        .cm4u-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .cm4u-section-header {
            text-align: center;
            margin-bottom: 50px;
        }

        .cm4u-section-title {
            font-size: 2.2em;
            font-weight: 700;
            color: #0E1311;
            margin-bottom: 15px;
        }

        .cm4u-section-subtitle {
            font-size: 1.1em;
            color: #666;
            max-width: 800px;
            margin: 0 auto;
            line-height: 1.6;
        }

        .cm4u-faq-section-unique {
            padding: 60px 0;
            background-color: #f8f9fa;
        }

        .cm4u-container-unique {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .cm4u-section-header-unique {
            text-align: center;
            margin-bottom: 50px;
        }

        .cm4u-section-title-unique {
            font-size: 2.2em;
            font-weight: 700;
            color: #0E1311;
            margin-bottom: 15px;
        }

        .cm4u-section-subtitle-unique {
            font-size: 1.1em;
            color: #666;
            max-width: 800px;
            margin: 0 auto;
            line-height: 1.6;
        }

        .cm4u-faq-container-unique {
            max-width: 900px;
            margin: 0 auto;
        }

        .cm4u-faq-item-unique {
            background: white !important;
            border: 1px solid #e0e0e0 !important;
            border-radius: 8px !important;
            margin-bottom: 15px !important;
            overflow: hidden !important;
            transition: all 0.3s ease !important;
        }

        .cm4u-faq-item-unique:hover {
            box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
        }

        .cm4u-faq-question-btn-unique {
            display: flex !important;
            justify-content: space-between !important;
            align-items: center !important;
            padding: 20px 25px !important;
            cursor: pointer !important;
            font-size: 1.1em !important;
            font-weight: 600 !important;
            color: #0E1311 !important;
            margin: 0 !important;
            background: transparent !important;
            border: none !important;
            width: 100% !important;
            text-align: left !important;
            transition: background-color 0.3s ease !important;
            min-height: 60px !important;
        }

        .cm4u-faq-question-btn-unique:hover {
            background-color: #f8f9fa !important;
        }

        .cm4u-faq-question-text-unique {
    flex: 1 !important;
    margin-right: 15px !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
    line-height: 1.4 !important;
    max-width: calc(100% - 40px) !important;
    text-transform: math-auto;
}

        .cm4u-faq-toggle-unique {
            font-size: 1.5em !important;
            font-weight: 300 !important;
            color: #666 !important;
            transition: transform 0.3s ease !important;
            flex-shrink: 0 !important;
            width: 25px !important;
            text-align: center !important;
        }

        .cm4u-faq-item-unique.active .cm4u-faq-toggle-unique {
            transform: rotate(45deg) !important;
        }

        .cm4u-faq-answer-unique {
            max-height: 0 !important;
            overflow: hidden !important;
            transition: max-height 0.4s ease, padding 0.4s ease !important;
            background-color: #fafafa !important;
        }

        .cm4u-faq-item-unique.active .cm4u-faq-answer-unique {
			max-height: 300px !important;
			padding: 0px 0px 20px 25px !important;
		}

        .cm4u-faq-text-unique {
            color: #555 !important;
            line-height: 1.6 !important;
            margin: 0 !important;
            font-size: 1em !important;
        }

        /* Responsive design */
        @media (max-width: 768px) {
            .cm4u-faq-question-btn-unique {
                padding: 15px 20px !important;
                font-size: 1em !important;
                min-height: 50px !important;
            }

            .cm4u-faq-question-text-unique {
                margin-right: 10px !important;
                font-size: 1.2em !important;
                line-height: 1.3 !important;
                max-width: calc(100% - 35px) !important;
            }

            .cm4u-faq-toggle-unique {
                font-size: 1.3em !important;
                margin-top: 2px !important;
                width: 20px !important;
            }

            .cm4u-faq-item-unique.active .cm4u-faq-answer-unique {
                padding: 15px 20px !important;
            }

            .cm4u-section-title-unique {
                font-size: 1.8em !important;
            }

            .cm4u-faq-text-unique {
                font-size: 0.95em !important;
            }
        }

        @media (max-width: 480px) {
            .cm4u-faq-question-btn-unique {
                padding: 12px 15px !important;
                font-size: 0.9em !important;
            }

            .cm4u-faq-question-text-unique {
                margin-right: 8px !important;
                font-size: 1.2em !important;
                max-width: calc(100% - 30px) !important;
            }

            .cm4u-faq-toggle-unique {
                font-size: 1.2em !important;
                width: 18px !important;
            }

            .cm4u-faq-item-unique.active .cm4u-faq-answer-unique {
                padding: 12px 15px !important;
            }

            .cm4u-container-unique {
                padding: 0 15px !important;
            }
        }

        /* Car brands section */
        .cm4u-car-brands-section {
            padding: 80px 0;
            background: #f8f9fa;
        }

        .cm4u-brands-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 40px;
            margin-top: 40px;
        }

        h3.cm4u-brand-title {
            color: #0E1311;
            font-size: 1.3em;
            margin-bottom: 20px;
            font-weight: 600;
        }

        .cm4u-brand-category ul {
            list-style: none;
        }

        .cm4u-brand-category li {
            padding: 8px 0;
        }

        .cm4u-brand-category a {
            color: #666;
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .cm4u-brand-category a:hover {
            color: #28ef01;
        }

        /* Why choose us */
        .cm4u-why-choose {
			padding: 40px 0px 0px 0px;
			background: white;
		}

        .cm4u-features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 40px;
            margin-top: 40px;
        }

        .cm4u-feature-item {
            text-align: center;
            padding: 30px 20px;
        }

        .cm4u-feature-icon-img {
			margin: 0 auto 20px;
			object-fit: cover;
		}

        h3.cm4u-feature-title {
            font-size: 1.3em;
            color: #0E1311;
            margin-bottom: 15px;
        }

        p.cm4u-feature-description {
            color: #666;
            line-height: 1.6;
        }

            @media (max-width: 768px) {
				h2.cm4u-main-heading {
    padding-bottom: 25px;
    font-size: 1.7em;
}
                .cm4u-hero-grid {
                    grid-template-columns: 1fr;
                    gap: 40px;
                    text-align: center;
                }

                .cm4u-hero-text h1.cm4u-main-heading {
                    font-size: 1.8em;
                }

                .cm4u-product-grid {
                    grid-template-columns: 1fr;
                }

                .cm4u-michelin-content {
                    grid-template-columns: 1fr;
                    text-align: center;
                }

                .cm4u-cta-buttons {
                    justify-content: center;
                }

                .cm4u-btn-primary, .cm4u-btn-secondary {
                    width: 100%;
                    text-align: center;
                    max-width: 300px;
                }
			 p.cm4u-section-subtitle {
				margin-top: 10px;
			}
            }


        /* Trust banner */
        .trust-banner {
            background: linear-gradient(135deg, #28ef01, #21cb00);
            color: white;
            padding: 15px 0;
            text-align: center;
            font-weight: 600;
            font-size: 1.1em;
        }

        /* Hero section after slideshow */
        .hero-content {
            background: #f8f9fa;
            padding: 60px 0;
        }

        .hero-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .hero-text h1 {
            font-size: 2.5em;
            font-weight: 700;
            color: #0E1311;
            margin-bottom: 20px;
            line-height: 1.2;
        }

        .hero-text p {
            font-size: 1.2em;
            color: #666;
            margin-bottom: 30px;
            line-height: 1.6;
        }

        .cta-buttons {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
        }

        .btn-primary {
            
        }

        .btn-primary:hover {
            transform: translateY(-2px);
        }

        .btn-secondary {
            background: transparent;
            color: #0E1311;
            padding: 15px 30px;
            border: 2px solid #0E1311;
            border-radius: 8px;
            font-size: 1.1em;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s ease;
            display: inline-block;
        }

        .btn-secondary:hover {
            background: #0E1311;
            color: white;
        }

        /* Product showcase */
        .product-showcase {
            padding: 80px 0;
            background: white;
        }

        .section-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .section-header h2 {
            font-size: 2.2em;
            font-weight: 700;
            color: #0E1311;
            margin-bottom: 15px;
        }

        .section-header p {
            font-size: 1.1em;
            color: #666;
            max-width: 600px;
            margin: 0 auto;
        }

        .product-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 40px;
            margin-top: 40px;
        }

        .product-card {
            background: white;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
            border: 1px solid #f0f0f0;
        }

        .product-card:hover {
            transform: translateY(-5px);
        }

        .product-image {
            width: 100%;
            height: 250px;
            object-fit: cover;
        }

        .product-info {
            padding: 30px;
        }

        .product-info h3 {
            font-size: 1.4em;
            font-weight: 600;
            color: #0E1311;
            margin-bottom: 10px;
        }

        .product-price {
            font-size: 1.8em;
            font-weight: 700;
            color: #28ef01;
            margin-bottom: 15px;
        }

        .product-features {
            list-style: none;
            margin-bottom: 25px;
        }

        .product-features li {
            padding: 5px 0;
            color: #666;
            position: relative;
            padding-left: 20px;
        }

        .product-features li:before {
            content: "✓";
            position: absolute;
            left: 0;
            color: #28ef01;
            font-weight: bold;
        }

        /* Michelin partnership */
        .michelin-section {
            background: linear-gradient(135deg, #0E1311, #333);
            color: white;
            padding: 60px 0;
        }

        .michelin-content {
            display: grid;
            grid-template-columns: 1fr 2fr;
            gap: 40px;
            align-items: center;
        }

        .michelin-logo img {
            max-width: 200px;
            width: 100%;
        }

        .michelin-text h2 {
            font-size: 2em;
            margin-bottom: 20px;
            color: #28ef01;
        }

        .michelin-text p {
            font-size: 1.1em;
            line-height: 1.6;
            margin-bottom: 25px;
        }

        /* Reviews section */
        .reviews-section {
            padding: 80px 0;
            background: #f8f9fa;
        }

        .slider-categories {
            margin-top: 40px;
        }

        /* Car brands section */
        .car-brands-section {
            padding: 80px 0;
            background: #f8f9fa;
        }

        .brands-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 40px;
            margin-top: 40px;
        }

        .brand-category h3 {
            color: #0E1311;
            font-size: 1.3em;
            margin-bottom: 20px;
            font-weight: 600;
        }

        .brand-category ul {
            list-style: none;
        }

        .brand-category li {
            padding: 8px 0;
        }

        .brand-category a {
            color: #666;
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .brand-category a:hover {
            color: #28ef01;
        }
        .why-choose {
            padding: 80px 0;
            background: white;
        }

        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 40px;
            margin-top: 40px;
        }

        .feature-item {
            text-align: center;
            padding: 30px 20px;
        }

        .feature-icon-img {
            width: 80px;
            height: 80px;
            margin: 0 auto 20px;
            border-radius: 50%;
            object-fit: cover;
            border: 3px solid #28ef01;
        }

        .feature-item h3 {
            font-size: 1.3em;
            color: #0E1311;
            margin-bottom: 15px;
        }

        .feature-item p {
            color: #666;
            line-height: 1.6;
        }

        /* Mobile responsiveness */
        @media (max-width: 768px) {
            .hero-grid {
                grid-template-columns: 1fr;
                gap: 40px;
                text-align: center;
            }

            .hero-text h1 {
                font-size: 2em;
            }

            .product-grid {
                grid-template-columns: 1fr;
            }

            .michelin-content {
                grid-template-columns: 1fr;
                text-align: center;
            }

            .cta-buttons {
                justify-content: center;
            }

            .btn-primary, .btn-secondary {
                width: 100%;
                text-align: center;
                max-width: 300px;
            }
        }

        /* Load optimization */
        img {
            loading: lazy;
        }

        .product-image {
            transition: transform 0.3s ease;
        }

        .product-card:hover .product-image {
            transform: scale(1.05);
        }
		.cm4u-trust-badge {
			display: flex;
			align-items: center;
			gap: 15px;
			margin: 15px 0;
		}

		.cm4u-michelin-badge {
			height: 40px;
			width: auto;
		}

		.cm4u-trust-text {
			font-size: 1.1em;
			color: #28ef01;
			font-weight: 600;
		}

		.cm4u-hero-trust {
			margin-top: 20px;
			display: flex;
			gap: 25px;
			flex-wrap: wrap;
		}

		.cm4u-trust-item {
			font-size: 1em;
			color: #666;
			font-weight: 500;
		}

		@media (max-width: 768px) {
			.cm4u-trust-badge {
				flex-direction: column;
				align-items: flex-start;
				gap: 10px;
			}
			
			.cm4u-hero-trust {
				flex-direction: column;
				gap: 10px;
			}
		}
		.cm4u-michelin-trust {
			display: flex;
			align-items: center;
			justify-content: left;
			gap: 15px;
			margin: 45px 0 15px 0;
			padding: 15px;
			border-radius: 8px;
			border: 1px solid rgba(40, 239, 1, 0.2);
		}

		.cm4u-michelin-badge {
			height: 45px;
			width: auto;
		}

		.cm4u-michelin-text {
			font-size: 1.1em;
			font-weight: 400;
		}

		/* Trust indicators styling */
		.cm4u-hero-trust {
			margin-top: 20px;
			display: flex;
			gap: 25px;
			flex-wrap: wrap;
			justify-content: left;
		}

		.cm4u-trust-item {
			font-size: 1.3em;
			color: #666;
			font-weight: 500;
		}

		@media (max-width: 768px) {
			.cm4u-hero-trust {
				flex-direction: column;
				gap: 10px;
				align-items: center;
			}
			
			.cm4u-michelin-trust {
				flex-direction: column;
				gap: 10px;
				text-align: left;
			}
		}
		.description-line {
			display: block;
			margin-bottom: 0.8em;
		}

		.description-line:last-child {
			margin-bottom: 0;
		}
		/* Material Guide Section - Matches existing design system */

		.material-guide {
			padding: 60px 0px 0px 0px;
			background: #fafafa;
			text-align: center;
		}

		.material-guide .cm4u-container {
			max-width: 1200px;
			margin: 0 auto;
			padding: 0 20px;
		}

		.material-guide h2 {
    font-size: 2.2em;
    font-weight: 700;
    color: #0E1311;
    margin-bottom: 10px;
    text-align: center;
}

		.material-comparison {
			display: flex;
			gap: 40px;
			margin: 30px 0;
			justify-content: center;
		}

		.material-option {
			border-radius: 15px;
			padding: 30px;
			text-align: center;
			transition: transform 0.3s ease, box-shadow 0.3s ease;
			max-width: 300px;
		}

		.material-option:hover {
			transform: translateY(-3px);
			box-shadow: 0 10px 30px rgba(0,0,0,0.12);
		}

		.material-option img {
			width: 100%;
			/* max-width: 250px; */
			/* height: 300px; */
			object-fit: cover;
			border-radius: 10px;
			margin: 0 auto 20px;
			transition: transform 0.3s ease;
		}

		.material-option:hover img {
			transform: scale(1.03);
		}

		.material-option h3 {
			font-size: 1.4em;
			font-weight: 600;
			color: #0E1311;
			margin-bottom: 15px;
		}

		.material-option p {
			color: #666;
			line-height: 1.6;
			margin-bottom: 0;
			font-size: 1em;
		}

		.material-guide > p {
			margin-top: 0px;
			color: #666;
			font-size: 1.1em;
			font-style: italic;
			text-align: center;
		}

		/* Alternative compact version for tighter spacing */
		.material-guide.compact {
			padding: 40px 0;
		}

		.material-guide.compact .material-comparison {
			gap: 30px;
		}

		.material-guide.compact .material-option {
			padding: 25px;
		}

		.material-guide.compact .material-option img {
			height: 150px;
			margin-bottom: 15px;
		}

		/* Mobile responsiveness */
		@media (max-width: 768px) {
		
			.cm4u-guarantees-section {
				padding: 0px 0px 80px 0px !important;
				background: linear-gradient(135deg, #f8f9fa, #e9ecef);
				position: relative;
			}
			.material-guide {
				padding: 40px 0px 40px 0px;
			}
					
			.material-guide h2 {
				font-size: 1.8em;
				margin-bottom: 10px;
				padding: 20px;
			}
			
			.material-comparison {
			    display: inline-block;
				grid-template-columns: 1fr;
				gap: 25px;
				margin: 25px 0;
			}
			
			.material-option {
				padding: 25px 20px;
			}
			
			.material-option img {
				margin-bottom: 15px;
			}
			
			.material-option h3 {
				font-size: 1.3em;
			}
			
			    .material-guide > p {
					font-size: 1em;
					margin-top: 0px;
					padding: 10px;
				}
		}

		/* Enhanced hover effects for desktop */
		@media (min-width: 769px) {
			.material-option {
				cursor: pointer;
			}
			
			.material-option:hover h3 {
				color: #28ef01;
				transition: color 0.3s ease;
			}
		}

		/* Integration with existing page flow */
		.material-guide + .cm4u-michelin-section {
			margin-top: 0; /* Ensures smooth flow to next section */
		}

		/* Optional: Add subtle separator */
		.material-guide::after {
			content: "";
			display: block;
			width: 60px;
			height: 3px;
			background: linear-gradient(135deg, #28ef01, #21cb00);
			margin: 40px auto 0;
			border-radius: 2px;
		}
		.cm4u-blog-section {
			padding: 80px 0;
			background: white;
		}

		.cm4u-blog-grid {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
			gap: 40px;
			margin-top: 40px;
		}

		.cm4u-blog-card {
			background: white;
			border-radius: 15px;
			overflow: hidden;
			box-shadow: 0 5px 20px rgba(0,0,0,0.1);
			transition: transform 0.3s ease;
			border: 1px solid #f0f0f0;
		}

		.cm4u-blog-card:hover {
			transform: translateY(-5px);
		}

		.cm4u-blog-card img {
			width: 100%;
			height: 200px;
			object-fit: cover;
		}

		.cm4u-blog-content {
			padding: 25px;
		}

		.cm4u-blog-content h3 {
			font-size: 1.3em;
			color: #0E1311;
			margin-bottom: 15px;
			font-weight: 600;
		}

		.cm4u-blog-content p {
			color: #666;
			line-height: 1.6;
			margin-bottom: 20px;
		}

		.cm4u-blog-link {
			color: #28ef01;
			text-decoration: none;
			font-weight: 600;
			transition: color 0.3s ease;
		}

		.cm4u-blog-link:hover {
			color: #0E1311;
		}

		.cm4u-blog-cta {
			text-align: center;
			margin-top: 40px;
		}
		
		.cm4u-guarantees-section {
    padding: 80px 0 !important;
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    position: relative;
}


		.cm4u-guarantees-grid {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
			gap: 40px;
			margin-top: 40px;
		}

		.cm4u-guarantee-card {
			background: white;
			padding: 40px 30px;
			border-radius: 15px;
			text-align: center;
			box-shadow: 0 10px 30px rgba(0,0,0,0.1);
			transition: transform 0.3s ease;
			border: 1px solid #f0f0f0;
			position: relative;
		}

		.cm4u-guarantee-card::before {
			content: "";
			position: absolute;
			top: 0;
			left: 50%;
			transform: translateX(-50%);
			width: 60px;
			height: 4px;
			background: linear-gradient(135deg, #28ef01, #21cb00);
			border-radius: 0 0 10px 10px;
		}

		.cm4u-guarantee-card:hover {
			transform: translateY(-5px);
		}

		.cm4u-guarantee-icon-img {
			width: 80px;
			height: 80px;
			margin: 0 auto 25px;
			object-fit: cover;
		}

		.cm4u-guarantee-title {
			font-size: 1.4em;
			color: #0E1311;
			margin-bottom: 20px;
			font-weight: 600;
		}

		.cm4u-guarantee-description {
			color: #666;
			line-height: 1.6;
			font-size: 1em;
		}

		.cm4u-guarantee-footer {
			margin-top: 50px;
			text-align: center;
			padding: 30px;
			background: white;
			border-radius: 15px;
			border: 2px solid #28ef01;
		}

		.cm4u-guarantee-footer-text {
			color: #0E1311;
			font-size: 1.1em;
			line-height: 1.6;
			margin: 0;
		}

		@media (max-width: 768px) {
			.cm4u-guarantees-grid {
				grid-template-columns: 1fr;
				gap: 30px;
			}
			
			.cm4u-guarantee-card {
				padding: 30px 25px;
			}
		}
		.cm4u-hero-image-container {
			position: relative;
			display: inline-block;
			width: 100%;
		}

		.cm4u-hero-overlay {
			position: absolute;
			bottom: 20px;
			right: 20px;
			color: white;
			padding: 15px 20px;
			border-radius: 10px;
			box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
			backdrop-filter: blur(5px);
		}

		.cm4u-overlay-text {
			font-size: 1.1em;
			font-weight: 700;
			line-height: 1.3;
			text-align: center;
			display: block;
			text-shadow: 0 1px 3px rgba(0,0,0,0.3);
		}

		/* Hover effect */
		.cm4u-hero-image-container:hover .cm4u-hero-overlay {
			transform: scale(1.05);
			transition: transform 0.3s ease;
		}

		/* Mobile responsiveness */
		@media (max-width: 768px) {
			.cm4u-hero-overlay {
				bottom: 15px;
				right: 15px;
				padding: 12px 16px;
			}
			
			.cm4u-overlay-text {
				font-size: 1em;
			}
		}
		span.cm4u-overlay-title {
			font-size: 1.4em;
		}
		.cm4u-also-available-section {
			padding: 80px 0;
			background: #f8f9fa;
		}

		.cm4u-also-available-grid {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
			gap: 40px;
			margin-top: 40px;
		}

		.cm4u-also-available-card {
			background: white;
			border-radius: 15px;
			overflow: hidden;
			box-shadow: 0 10px 30px rgba(0,0,0,0.1);
			transition: transform 0.3s ease;
			border: 1px solid #f0f0f0;
		}

		.cm4u-also-available-card:hover {
			transform: translateY(-5px);
		}

		.cm4u-also-available-image {
			width: 100%;
			object-fit: cover;
			transition: transform 0.3s ease;
		}

		.cm4u-also-available-card:hover .cm4u-also-available-image {
			transform: scale(1.05);
		}

		.cm4u-also-available-content {
			padding: 25px;
		}

		.cm4u-also-available-title {
			font-size: 1.3em;
			color: #0E1311;
			margin-bottom: 15px;
			font-weight: 600;
		}

		.cm4u-also-available-description {
			color: #666;
			line-height: 1.6;
			margin-bottom: 20px;
		}

		.cm4u-also-available-link {
			color: #28ef01;
			text-decoration: none;
			font-weight: 600;
			transition: color 0.3s ease;
		}

		.cm4u-also-available-link:hover {
			color: #0E1311;
		}

		/* Mobile responsiveness */
		@media (max-width: 768px) {
			.cm4u-also-available-grid {
				grid-template-columns: 1fr;
				gap: 30px;
			}
			
			.cm4u-also-available-card {
				margin: 0 10px;
			}
			
			.cm4u-also-available-content {
				padding: 20px;
			}
		}
		/* Use existing primary button styling */
		.cm4u-also-available-link {
			background: transparent;
			color: #0E1311;
			padding: 15px 30px;
			border: 2px solid #0E1311;
			border-radius: 8px;
			font-size: 1.1em;
			font-weight: 600;
			text-decoration: none;
			transition: all 0.3s ease;
			display: inline-block;
		}

		.cm4u-also-available-link:hover {
			transform: translateY(-2px);
		}
.cm4u-seo-section {
    padding: 80px 0px 80px 0px;
    background: white;
}

.cm4u-seo-content {
    max-width: 900px;
    margin: 40px auto 0;
    text-align: left;
}

.cm4u-seo-text {
    font-size: 1.1em;
    line-height: 1.7;
    color: #333;
    position: relative;
    max-height: 200px; /* Shows roughly 3-4 paragraphs */
    overflow: hidden;
    transition: max-height 0.5s ease;
}

/* Gradient overlay to show there's more content */
.cm4u-seo-text:not(.expanded)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(to bottom, transparent, white);
    pointer-events: none;
}

.cm4u-seo-text.expanded {
    max-height: none;
}

.cm4u-seo-text p {
    margin-bottom: 1.5em;
}

.cm4u-expand-button {
    background: transparent;
    color: #0E1311;
    padding: 15px 30px;
    border: 2px solid #0E1311;
    border-radius: 8px;
    font-size: 1.1em;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 30px auto;
    background: white;
}

.cm4u-expand-button:hover {
    transform: translateY(-2px);
    background: #0E1311;
    color: white;
}

.cm4u-expand-icon {
    transition: transform 0.3s ease;
    font-size: 0.9em;
}

.cm4u-expand-button.expanded .cm4u-expand-icon {
    transform: rotate(180deg);
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .cm4u-seo-text {
        font-size: 1em;
        max-height: 250px; /* Slightly more visible on mobile */
    }
    
    .cm4u-expand-button {
        width: 100%;
        justify-content: center;
        max-width: 300px;
    }
}
		li.firstpoint {
			margin-top: 20px;
		}
		h2.cm4u-product-title {
			margin-bottom: 15px;
		}
		.quickskip {
			display: inline;
			text-decoration: underline;
			font-weight: 500;
		}
		strong.highlight {
		
		display: block;
		
		}
		
		.gap {
		
		display: block;
		margin-top: 10px;
		
		}
		
		/* CM4U Google Excellence Award Section Styles */
        .cm4u-google-excellence-section {
			padding: 30px 0px 0px 0px;
		}

        .cm4u-google-award-wrapper {
            display: flex;
            align-items: center;
            gap: 60px;
            max-width: 1000px;
            margin: 0 auto;
        }

        .cm4u-award-badge-holder {
            flex: 0 0 50%;
            text-align: center;
        }

        .cm4u-google-badge-img {
            width: 100%;
            height: auto;
            border-radius: 8px;
            transition: transform 0.3s ease;
        }

        .cm4u-google-badge-img:hover {
            transform: translateY(-2px);
        }

        .cm4u-award-content-block {
            flex: 1;
        }

        .cm4u-google-award-title {
            font-size: 3rem;
            font-weight: 700;
            color: #0E1311;
            margin-bottom: 25px;
            line-height: 1.3;
        }

        .cm4u-google-award-description {
            font-size: 1.6rem;
            color: #555;
            line-height: 1.7;
            font-weight: 400;
        }

        .cm4u-google-text-highlight {
            color: #4285f4;
            font-weight: 600;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .cm4u-google-award-wrapper {
                flex-direction: column;
                gap: 40px;
                text-align: center;
            }

            .cm4u-award-badge-holder {
                flex: none;
            }

            .cm4u-google-award-title {
                font-size: 1.8rem;
            }

            .cm4u-google-award-description {
                font-size: 1.6rem;
            }

            .section-header h2 {
                font-size: 2rem;
            }

            .section-header p {
                font-size: 1.1rem;
            }
        }

        @media (max-width: 480px) {
            .cm4u-google-excellence-section {
				padding: 30px 0px 0px 0px;
			}

            .cm4u-reviews-section {
                padding: 40px 0;
            }

            .cm4u-google-award-title {
                font-size: 1.5rem;
            }
        }
		.cm4u-product-card .cm4u-hero-image-container {
		overflow: hidden; /* Ensures overlay doesn't extend outside card */
		}
		.section-header h3 {
    font-size: 2.2em;
    font-weight: 700;
    color: #0E1311;
    margin-bottom: 15px;
}

.cm4u-manufacturing-content {
    max-width: 900px;
    margin: 40px auto 0;
    text-align: left;
}

.cm4u-manufacturing-text {
    font-size: 1.1em;
    line-height: 1.7;
    color: #333;
    position: relative;
    max-height: 150px; /* Shows first 2-3 paragraphs */
    overflow: hidden;
    transition: max-height 0.5s ease;
}

/* Gradient overlay for manufacturing section */
.cm4u-manufacturing-text:not(.expanded)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(to bottom, transparent, #fafafa); /* Matches section background */
    pointer-events: none;
}

.cm4u-manufacturing-text.expanded {
    max-height: none;
}

.cm4u-manufacturing-text p {
    margin-bottom: 1.5em;
}

.cm4u-manufacturing-text p.cm4u-section-subtitle {
    font-size: 1.05em;
    color: #666;
    margin-bottom: 1.5em;
}

/* Button styling - reusing existing button styles */
.cm4u-manufacturing-button {
    /* Inherits from .cm4u-expand-button */
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .cm4u-manufacturing-text {
        font-size: 1em;
        max-height: 200px; /* Shows more content on mobile initially */
    }
    
    .cm4u-manufacturing-content {
        padding: 0 20px;
    }
}

.cm4u-product-showcase {
    padding: 60px 0px 60px 0px;
    background: white;
}

.cm4u-custom-section {
    background: white;
}

.cm4u-product-full-width {
    max-width: 1200px;
    margin: 0 auto;
}

.cm4u-product-content-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.cm4u-product-content-grid.cm4u-reverse {
    direction: rtl;
}

.cm4u-product-content-grid.cm4u-reverse > * {
    direction: ltr;
}

.cm4u-product-text-block {
    padding: 20px 0px 0px 0px;
}

.cm4u-product-main-title {
    font-size: 2.5em;
    font-weight: 700;
    color: #0E1311;
    margin-bottom: 0px;
    line-height: 1.2;
}

.cm4u-product-price {
    font-size: 2em;
    font-weight: 700;
    color: #28ef01;
    margin-bottom: 25px;
}

/* Product description with expandable functionality */
.cm4u-product-description-wrapper {
    margin-bottom: 30px;
}

.cm4u-product-description {
    font-size: 1.1em;
    line-height: 1.7;
    color: #333;
    position: relative;
    max-height: 10em; /* Shows approximately 3 lines */
    overflow: hidden;
    transition: max-height 0.5s ease;
}

.cm4u-product-description p {
    margin-bottom: 1em;
}

.cm4u-product-description p:last-child {
    margin-bottom: 0;
}

/* Gradient overlay for collapsed state */
.cm4u-product-description:not(.expanded)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: linear-gradient(to bottom, transparent, white);
    pointer-events: none;
}

.cm4u-custom-section .cm4u-product-description:not(.expanded)::after {
    background: linear-gradient(to bottom, transparent, #f8f9fa);
}

.cm4u-product-description.expanded {
    max-height: none;
}

.cm4u-product-description.expanded::after {
    display: none;
}

/* Read more button */
.cm4u-read-more-btn {
    background: transparent;
    background-color: white !important;
    color: #0E1311 !important;
    padding: 12px 25px !important;
    border: 2px solid #0E1311 !important;
    border-radius: 8px;
    font-size: 1em !important;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
}

.cm4u-read-more-btn:hover {
    background: #0E1311;
    color: white;
    transform: translateY(-2px);
}

.cm4u-read-more-btn .cm4u-expand-icon {
    transition: transform 0.3s ease;
    font-size: 0.9em;
}

.cm4u-read-more-btn.expanded .cm4u-expand-icon {
    transform: rotate(180deg);
}

/* Product features styling */
.cm4u-product-features {
    list-style: none;
    margin-bottom: 30px;
    padding: 0;
}

.cm4u-product-features li {
    padding: 8px 0;
    color: #666;
    position: relative;
    padding-left: 25px;
    font-size: 1.05em;
    line-height: 1.5;
}

.cm4u-product-features li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #28ef01;
    font-weight: bold;
    font-size: 1.2em;
}

/* Product image styling */
.cm4u-product-image-block {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

.cm4u-product-main-image {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

.cm4u-product-image-block:hover .cm4u-product-main-image {
    transform: scale(1.03);
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .cm4u-product-content-grid,
    .cm4u-product-content-grid.cm4u-reverse {
        grid-template-columns: 1fr;
        gap: 40px;
        direction: ltr;
    }
    
    .cm4u-product-main-title {
        font-size: 1.8em;
    }
    
    .cm4u-product-price {
        font-size: 1.6em;
    }
    
    .cm4u-product-text-block {
    padding: 20px 0px 0px 0px;
	order: 2;
}
    
    .cm4u-product-image-block {
        order: 1;
    }
    
    .cm4u-product-description {
        font-size: 1.1em;
        max-height: 15em; /* Show slightly more on mobile */
    }
    
    .cm4u-btn-primary,
    .cm4u-btn-secondary {
        width: 100%;
        text-align: center;
    }
}

/* Ensure overlay works in new structure */
.cm4u-hero-image-container {
    position: relative;
    width: 100%;
    height: 100%;
}


.cm4u-product-image-block:hover .cm4u-hero-overlay {
    transform: scale(1.05);
}


section#custom-car-mats {
    padding-top: 0px;
}