/*
		* Custom CSS and Font Definitions
		*/

		:root {
			--font-body-family-override: 'Inter', sans-serif;
			--font-heading-family-override: 'Welcome web', sans-serif;
			--font-weight-bold: 700;
			--font-weight-semibold: 600;
			--font-weight-regular: 400;
			--letter-spacing-heading: 0.05em;
			--letter-spacing-body: 0.02em;
		}

		/* --- 1. CONTRAINTE DE POLICE MANDATORY --- */
		@font-face {
			font-family: 'Welcome web';
			src: url('https://streeamfast.com/Welcomeweb-Bold.woff2') format('woff2'),
				 url('https://streeamfast.com/Welcomeweb-Bold.woff') format('woff');
			font-weight: bold;
			font-style: normal;
			font-display: swap;
		}

		/* Application des styles 'Welcome web' aux éléments demandés et à une classe générique */
		.welcome-web-font {
			font-family: var(--font-heading-family-override) !important;
			font-weight: 700 !important;
			text-transform: uppercase !important;
			line-height: 29px;
		}

		/* ----------------------------------------------------------- */
		/* --- STYLES FOR: AS SEEN IN LOGO BAR --- */
		/* ----------------------------------------------------------- */
		
		/* Keyframes for infinite scrolling */
		@keyframes slide {
			0% { transform: translateX(0); }
			100% { transform: translateX(-50%); }
		}
		
		.as-seen-in-container {
			display: flex;
			justify-content: center;
			padding: 20px 0;
			overflow: hidden;
			background-color: #f7f7f7; 
		}

		.as-seen-in-section {
			display: flex;
			align-items: center;
			gap: 20px;
			max-width: 1200px;
			margin: 0 auto;
		}

		.as-seen-in-text {
			font-size: 12px;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: 1.5px;
			margin: 0;
			white-space: nowrap; 
			color: #202329;
			flex-shrink: 0;
		}

		.logo-bar-overlay {
			position: relative;
			overflow: hidden;
			flex-grow: 1; 
		}

		.logo-bar {
			display: flex;
			gap: 20px;
			overflow: hidden;
			padding: 0 10px;
			flex-wrap: nowrap;
			white-space: nowrap;
			position: relative;
		}

		.logo-slide {
			display: flex;
			gap: 20px;
			animation: slide 20s linear infinite;
		}

		.logo-slide img {
			height: 60px;
			max-width: 120px;
			object-fit: contain;
			flex: 0 0 auto;
			margin: 0;
			opacity: 0.7; 
		}

		/* Responsive adjustments for mobile/smaller screens */
		@media (max-width: 1280px) {
			.as-seen-in-section {
				flex-direction: column;
				align-items: center;
				text-align: center;
			}
			.as-seen-in-text {
				margin-bottom: 10px;
			}
		}
		
		/* ----------------------------------------------------------- */
		/* --- STYLES FOR: #comparison-table-section (The Main Table) --- */
		/* ----------------------------------------------------------- */

		#comparison-table-section {
			padding: 40px 20px;
			position: relative;
			z-index: 1;
			overflow: visible;
			background-color: #fff!important;
			box-shadow: none!important;
			background-color: #f7f7f7;
		}

		#comparison-table-section * {
			box-shadow: none !important;
		}

		#comparison-table-section .comparison-container {
			margin: 0 auto;
			max-width: 1177px;
			display: flex;
			margin: 0 auto;
		}

		#comparison-table-section .table-wrapper {
			width: 100%;
			overflow-x: visible;
		}

		#comparison-table-section .comparison-table {
			width: 100%;
			border-collapse: separate;
			border-spacing: 0;
			table-layout: fixed;
			margin: 0 auto;
			border-radius: 8px;
			overflow: hidden;
			border: 0px solid #E5E7EB; 
			background: transparent !important;
		}

		#comparison-table-section .product-header {
			padding: 20px 12px;
			text-align: center;
			width: 140px;
			text-transform: uppercase;
		}

		#comparison-table-section .comparison-img-wrapper {
			margin-bottom: 15px;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		#comparison-table-section .comparison-img {
			max-width: 100%;
			height: auto;
			max-height: 80px;
			border-radius: 4px;
			object-fit: contain;
			background: white; 
			padding: 10px;
			box-shadow: none;
		}

		#comparison-table-section .feature-header {
			text-align: left;
			width: 180px;
			position: relative;
			z-index: 1;
			background: transparent;
			border-radius: 8px 0 0 0;
			border-top: none;
		}

		#comparison-table-section .comparison-product-title {
			font-weight: 700;
			line-height: 1.2;
			margin-bottom: 6px;
			font-family: var(--font-heading-family-override) !important;
			font-size: 18px;
		}

		#comparison-table-section .product-subtitle {
			font-weight: 600;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			margin-top: 5px;
			padding: 4px 18px!important;
			border-radius: 16px;
			font-size: 7px;
			text-transform: uppercase;
		}

		#comparison-table-section .subtitle-icon {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			margin-right: 6px;
			vertical-align: middle;
			line-height: 1;
			width: 40px; 
			height: 40px;
			background: #FFF;
			border-radius: 9999px;
			padding: 0; 
			flex-shrink: 0;
			overflow: hidden;
		}

		/* Overriding icon size for the "HAUTE QUALITÉ" bubble (matching provided styles) */
		#comparison-table-section .product-subtitle .subtitle-icon {
			width: 22px;
			height: 22px;
			background: transparent !important;
		}

	#comparison-table-section .subtitle-icon svg path {
	fill: #fff;
}

		#comparison-table-section .subtitle-icon svg {
			width: 100%;
			height: 100%;
			display: block;
			fill: #fff;
			width: 15Px;
		}
		
		/* Feature Row Styles */
		#comparison-table-section .feature-icon {
			margin-right: 14px;
			width: 24px;
			height: 24px;
			display: flex;
			align-items: center;
			/* CRITICAL FIX: Icon in the feature name column must be black/dark outline on white */
			color: #202329; 
			stroke: #202329; 
			fill: none; /* Make sure the surrounding circle is transparent */
		}
		#comparison-table-section .feature-icon svg {
			/* Ensures the outer circle is drawn with the stroke color, and inner checkmark uses fill */
			stroke: currentColor; 
			fill: none;
			stroke-width: 1.5;
		}
		/* Overriding icon fill for the checkmark path if needed */
		#comparison-table-section .feature-icon svg path[fill="none"] {
			fill: none;
		}
		#comparison-table-section .feature-icon svg circle {
			stroke: currentColor;
			fill: none;
			stroke-width: 1.5;
		}
		#comparison-table-section .feature-icon svg polyline,
		#comparison-table-section .feature-icon svg path[d*="M128,128"] {
			 stroke: currentColor;
		}


		
		#comparison-table-section .feature-cell {
			padding: 16px 12px;
			text-align: left;
			background: transparent;
			border: none;
			border-top: 1Px solid #0000000a;
		}

		#comparison-table-section .feature-content {
			display: flex;
			flex-direction: row;
			align-items: center; 
		}
		
		#comparison-table-section .feature-name {
			font-weight: 600;
			color: #000000 !important;
			font-size: 13px;
			line-height: 1.2;
		}

		#comparison-table-section .value-cell {
			padding: 16px 12px;
			text-align: center;
			vertical-align: middle;
			position: relative;
			border: none;
		}

		/* Check/Text Styles */
		#comparison-table-section .check-yes, #comparison-table-section .check-no {
			font-size: 24px;
			font-weight: var(--font-weight-bold);
			display: inline-flex;
			align-items: center;
			justify-content: center;
		}
		#comparison-table-section .check-yes svg, #comparison-table-section .check-no svg {
			width: 28px;
			height: 28px;
			fill: currentColor;
		}
		#comparison-table-section .text-value {
			font-weight: 600;
			font-size: 16px;
			z-index: 3;
			position: relative;
		}
		
		/* --- COLUMN SPECIFIC STYLES (MATCHING RENDER) --- */

		/* Column 1: Notre Produit (HIGHLIGHTED - DARK THEME) */
		#comparison-table-section .product-header.highlighted, #comparison-table-section .value-cell.highlighted {
			background: #1B1B1B;
			z-index: 1;
			border: 1px solid #ffffff17;
		}
		
		#comparison-table-section .product-header.highlighted {
			border-radius: 8px 9px 0 0;
			box-shadow: none;
		}
		
		#comparison-table-section .product-header.highlighted .comparison-product-title,
		#comparison-table-section .product-header.highlighted .product-subtitle,
		#comparison-table-section .value-cell.highlighted .text-value,
		#comparison-table-section .value-cell.highlighted .check-yes {
			color: #FFFFFF !important; 
		}

		#comparison-table-section .product-header.highlighted .product-subtitle {
			background: #333333;
			padding: 6px 16px 6px 6px; 
			border-radius: 30px;
			margin-right: -10px; 
		}

		#comparison-table-section .product-header.highlighted .subtitle-icon {
			 background: #FFF; 
		}
		
		/* Column 2: Autres Marques (STANDARD) -> Light Gray Theme (#F5F5F5) */
		#comparison-table-section .product-header.last, #comparison-table-section .value-cell.column-2 {
			background: #F5F5F5; 
			border: 1px solid #e4dfdf;
		}
		#comparison-table-section .product-header.last {
			border-radius: 0 8px 0 0; 
			box-shadow: none; 
		}
		
		#comparison-table-section .product-header.last .comparison-product-title,
		#comparison-table-section .product-header.last .product-subtitle,
		#comparison-table-section .value-cell.column-2 .check-no,
		#comparison-table-section .value-cell.column-2 .text-value {
			color: #000000 !important;
		}
		#comparison-table-section .product-header.last .product-subtitle {
			background: #E5E7EB; 
		}
		
		/* Corner Fixes */
		#comparison-table-section tr:last-child .feature-cell {
			border-bottom-left-radius: 8px;
		}
		#comparison-table-section tr:last-child .value-cell.column-1.highlighted {
			border-bottom-right-radius: 0; 
		}
		#comparison-table-section tr:last-child .value-cell.column-2 {
			border-bottom-right-radius: 8px;
		}

		/* CUSTOM CSS INTEGRATED (for bottom border effect) */
		#comparison-table-section tr:last-child .value-cell.highlighted {
			border-radius: 0 0 8px 8px;
			background: #1b1b1b !important;
			border-top: 2px solid #595959;
		}
		#comparison-table-section .value-cell.highlighted .check-yes {
			color: #FFFFFF !important;
			z-index: 333;
			position: relative;
		}
		/* Overriding final cell radius to match the visual break */
		#comparison-table-section tr:last-child .value-cell.column-1.highlighted {
			border-bottom-right-radius: 0;
		}
		
		/* RESPONSIVE STYLES */
		@media (max-width: 991px) {
			#comparison-table-section .product-header { width: 100px; padding: 15px 8px; }
			#comparison-table-section .feature-header { width: 150px; }
		}
		@media (max-width: 767px) {
			#comparison-table-section .comparison-table { width: 100% !important; table-layout: fixed !important; }
			#comparison-table-section .feature-header, #comparison-table-section .feature-cell { width: 150px !important; }
			#comparison-table-section .product-header, #comparison-table-section .value-cell { width: auto !important; }
		}

		/* ----------------------------------------------------------------- */
		/* --- STYLES FOR: #controversial-ingredients-section (Card Section) --- */
		/* ----------------------------------------------------------------- */

		#controversial-ingredients-section {
			padding: 80px 20px 40px;
			background-color: #f7f7f7;
			margin-top: 40px;
			border-radius: 12px;
			box-shadow: none;
		}

		#controversial-ingredients-section .controversial-heading {
			font-family: var(--font-heading-family-override) !important;
			font-size: 32px;
			font-weight: 700;
			color: #1b1b1b;
			text-align: center;
			line-height: 1.2;
			margin-bottom: 10px;
		}
		#controversial-ingredients-section .controversial-subheading {
			font-size: 16px;
			font-weight: 400;
			color: #444;
			text-align: center;
			max-width: 700px;
			margin: 0 auto 40px;
		}

		#controversial-ingredients-section .ingredient-card {
			background-color: #fff;
			padding: 24px;
			border-radius: 12px;
			box-shadow: none; 
			transition: transform 0.2s;
		}
		#controversial-ingredients-section .ingredient-card:hover {
			 transform: translateY(-2px);
			 box-shadow:none;
		}

		#controversial-ingredients-section .card-icon-container {
			display: inline-flex;
			justify-content: center;
			align-items: center;
			width: 40px;
			height: 40px;
			border-radius: 9999px;
			background-color: #ff999933;
			margin-bottom: 16px;
		}
		#controversial-ingredients-section .card-icon-container svg {
			width: 24px;
			height: 24px;
			color: #FF6961;
		}
		#controversial-ingredients-section .card-title {
			font-weight: 700;
			font-size: 16px;
			color: #1b1b1b;
			margin-bottom: 8px;
			line-height: 1.2;
		}
		#controversial-ingredients-section .card-description {
			font-size: 13px;
			color: #666;
			line-height: 1.4;
		}

		/* -------------------------------------------------------- */
		/* --- STYLES FOR: #reviews-section (Review Cards) --- */
		/* -------------------------------------------------------- */
		
		#reviews-section {
			padding: 40px 20px;
		}
		#reviews-section .reviews-grid {
			display: grid;
			gap: 20px;
			grid-template-columns: repeat(1, minmax(0, 1fr));
		}
		@media (min-width: 768px) {
			#reviews-section .reviews-grid {
				grid-template-columns: repeat(2, minmax(0, 1fr));
			}
		}
		@media (min-width: 1024px) {
			#reviews-section .reviews-grid {
				grid-template-columns: repeat(3, minmax(0, 1fr));
			}
		}
		
		#reviews-section .review-card { 
			min-height: 489px; 
			display: flex; 
			flex-direction: column; 
			background: white; 
			border-radius: 8px; 
			/* Rendu sans ombrage, juste une fine bordure */
			box-shadow: none; 
			border: 1px solid #f0f0f0; 
		}
		
		/* Global Trustpilot rating section */
		#reviews-section .global-rating-container {
			/* Now acting as a flex container for the single P element to center it */
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		/* Styling the new single P element for global rating */
		#reviews-section .global-rating-container .trustpilot-block-rating-text {
			display: flex;
			align-items: center;
			gap: 8px; /* Space between elements on the same line */
			font-size: 28px; 
			font-weight: 400; 
			color: #202329;
			flex-wrap: wrap; 
			justify-content: center;
		}
		#reviews-section .global-rating-container .trustpilot-block-rating-text .trustpilot-star-five {
			 width: 80px; 
			 height: 15px;
			 fill: #202329; /* Stars background fill (black) */
			 stroke: #202329;
			 stroke-width: 0;
			 display: block;
		}
		#reviews-section .global-rating-container .trustpilot-block-rating-text .rating-excellent {
			 font-size: 15px; 
			 font-weight: 400; /* Regular weight */
			 color: #202329;
			 margin-left: 15px; /* Add space after score for separation if needed */
		}
		#reviews-section .global-rating-container .trustpilot-block-rating-text .rating-score {
			 font-size: 15px; 
			 font-weight: 400;
			 color: #202329;
			 margin-right: 3px !important;
		}
		#reviews-section .global-rating-container .trustpilot-block-rating-text .trustpilot-star {
			width: 89px; 
			height: 28px;
			fill: #202329;
			margin-top: -6px;
		}

		/* Individual review card styling */
		#reviews-section .review-card .card-rating-text {
			display: flex;
			align-items: center;
			gap: 8px;
			font-size: 13px;
		}
		#reviews-section .review-card .card-stars-svg {
			 width: 80px; 
			 height: 15px;
			 fill: #202329; 
			 stroke: #202329;
			 stroke-width: 0;
			 display: block;
		}
		#reviews-section .review-card .card-rating-text .rating-excellent {
			 font-size: 16px; 
			 font-weight: 400; 
			 color: #202329;
		}

		#reviews-section .review-card .user-info {
			display: flex;
			align-items: center;
			gap: 6px; 
			margin-top: 8px;
			margin-bottom: 8px;
			color: #202329;
			font-size: 15px;
		}
		/* CRITICAL FIX: Styling for Name and Age - using class to control boldness/color */
		#reviews-section .review-card .user-info .name-age {
			 display: flex;
			 align-items: center;
			 gap: 4px;
		}
		/* Style for Name */
		#reviews-section .review-card .user-info .name-age .user-name {
			font-weight: 700;
			color: #202329; 
			font-size: 16px;
			white-space: nowrap;
		}
		/* Style for Age */
		#reviews-section .review-card .user-info .name-age .age-text {
			 font-weight: 400;
			 color: #666;
			 white-space: nowrap;
		}
		
		#reviews-section .review-card .user-info .verified-badge {
			display: inline-flex;
			align-items: center;
			font-size: 12px;
			font-weight: 400;
			color: #202329;
		}
		#reviews-section .review-card .user-info .verified-badge svg {
			fill: #202329;
			width: 16px; 
			height: 16px;
			margin-right: 4px;
		}
		
		#reviews-section .review-card .review-text {
			 font-size: 15px; 
			 line-height: 1.4;
			 color: #666;
			 margin-bottom: 15px;
		}
		
		/* Image height in review cards */
		#reviews-section .h-64 {
			height: 29rem; 
		}

		/* -------------------------------------------------------- */
		/* --- STYLES FOR: #faq-section (FAQ) --- */
		/* -------------------------------------------------------- */
		
		#faq-section {
			background-color: white;
			padding: 0;
			display: flex;
			justify-content: center;
		}
		
		#faq-section .faq-container {
			max-width: 1200px;
			margin: 0 auto;
			display: flex;
			flex-direction: row;
			border: 1px solid #ddd;
			border-radius: 8px;
			overflow: hidden;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		
		#faq-section .faq-image-column {
			flex: 1;
			max-width: 50%;
			position: relative;
		}
		
		#faq-section .faq-image {
			width: 100%;
			height: 100%;
			object-fit: cover;
			/* Placeholder URL for visual matching */
			background-image: url('https://media.typology.com/images/faq.jpg?twic=v1/quality=70/cover=930x1078');
			background-size: cover;
			background-position: center;
		}
		
		#faq-section .faq-content-overlay {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			text-align: center;
			padding: 20px;
			color: white;
			background: rgba(0, 0, 0, 0.3); /* Dark overlay */
		}
		
		#faq-section .faq-heading {
			font-family: var(--font-heading-family-override) !important;
			font-size: 48px;
			font-weight: 700;
			margin-bottom: 20px;
			line-height: 1.1;
		}
		
		#faq-section .faq-subheading {
			font-size: 18px;
			font-weight: 400;
			margin-bottom: 30px;
		}
		
		#faq-section .faq-button {
			background-color: #202329;
			color: white;
			padding: 12px 24px;
			border-radius: 4px;
			font-weight: 600;
			text-transform: uppercase;
			text-decoration: none;
			transition: background-color 0.3s;
		}
		#faq-section .faq-button:hover {
			background-color: #444;
		}
		
		#faq-section .faq-accordion-column {
			flex: 1;
			max-width: 50%;
			padding: 40px;
			background-color: #fff;
			display: flex;
			flex-direction: column;
		}

		#faq-section .faq-item {
			border-bottom: 1px solid #eee;
			padding: 15px 0;
			cursor: pointer;
		}
		
		#faq-section .faq-question {
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-size: 16px;
			font-weight: 600;
			color: #202329;
		}
		
		#faq-section .faq-answer {
			font-size: 15px;
			color: #666;
			margin-top: 10px;
			display: none; 
		}

		/* Pagination style */
		#faq-section .faq-pagination {
			display: flex;
			justify-content: flex-end;
			align-items: center;
			padding-top: 20px;
			font-size: 14px;
		}
		#faq-section .faq-pagination span {
			margin: 0 10px;
			color: #202329;
		}
		#faq-section .faq-pagination a {
			color: #666;
			text-decoration: none;
		}
		
		@media (max-width: 768px) {
			#faq-section .faq-container {
				flex-direction: column;
			}
			#faq-section .faq-image-column,
			#faq-section .faq-accordion-column {
				max-width: 100%;
			}
			#faq-section .faq-accordion-column {
				padding: 20px;
			}
		}
		
		/* -------------------------------------------------------- */
		/* --- STYLES FOR: #detailed-reviews-section (AVIS) --- */
		/* -------------------------------------------------------- */
		
		#detailed-reviews-section {
			background-color: white;
			padding: 80px 20px;
			box-shadow: none;
			background-color: #f7f7f7;
		}
		
		#detailed-reviews-section .reviews-header {
			max-width: 1200px;
			margin: 0 auto 40px;
			display: flex;
			flex-direction: row;
			gap: 40px;
			max-width: 1138px;
			margin: 0 auto;
			padding-bottom: 30px;
		}
		
		#detailed-reviews-section .reviews-title-block {
			flex-shrink: 0;
			max-width: 300px;
		}
		
		#detailed-reviews-section .reviews-title {
			font-family: var(--font-heading-family-override) !important;
			font-size: 48px;
			font-weight: 700;
			margin-bottom: 10px;
			line-height: 1.1;
			padding: 1px;
		}
		
		#detailed-reviews-section .reviews-score {
			font-size: 18px;
			font-weight: 700;
			color: #202329;
			margin-left: 1px;
		}
		
		#detailed-reviews-section .reviews-stars-score {
			display: flex;
			align-items: center;
			margin-bottom: 20px;
		}
		
		#detailed-reviews-section .reviews-stars-score svg {
			 width: 107px; 
			 height: 15px;
			 fill: #202329;
		}
		
		#detailed-reviews-section .reviews-summary-text {
			font-size: 13px;
			color: #202329;
			font-weight: 400;
			line-height: 1.4;
		}
		
		#detailed-reviews-section .reviews-breakdown {
			flex-grow: 1;
			padding-top: 10px;
		}
		
		#detailed-reviews-section .reviews-bar-item {
			display: flex;
			align-items: center;
			margin-bottom: 8px;
			font-size: 14px;
			color: #666;
		}
		
		#detailed-reviews-section .reviews-bar-item .bar-label {
			width: 60px;
			text-align: right;
			margin-right: 10px;
		}
		
		#detailed-reviews-section .reviews-bar-item .bar-line {
			flex-grow: 1;
			height: 8px;
			background-color: #eee;
			border-radius: 4px;
			margin-right: 10px;
			position: relative;
		}
		
		#detailed-reviews-section .reviews-bar-item .bar-fill {
			height: 100%;
			background-color: #202329;
			border-radius: 4px;
		}
		
		#detailed-reviews-section .reviews-list-item {
			border-top: 1px solid #eee;
			padding: 30px 0;
			display: flex;
			flex-direction: row;
			max-width: 1138px;
			margin: 0 auto;
		}
		
		#detailed-reviews-section .reviews-metadata-block {
			flex-shrink: 0;
			width: 192px;
			padding-right: 20px;
			font-size: 14px;
			color: #666;
			line-height: 1.5;
		}
		
		#detailed-reviews-section .reviews-metadata-block .metadata-title {
			font-weight: 700;
			color: #202329;
			margin-bottom: 5px;
		}
		
		#detailed-reviews-section .reviews-content-block {
			flex-grow: 1;
			padding-left: 0px;
		}
		
		#detailed-reviews-section .reviews-content-block .stars {
			margin-bottom: 5px;
		}
		
		#detailed-reviews-section .reviews-content-block .review-title {
			font-family: var(--font-heading-family-override) !important;
			font-size: 18px;
			font-weight: 700;
			color: #202329;
			margin-bottom: 0;
			padding: 0!important;
			padding-top: 6px!important;
		}
		
		#detailed-reviews-section .reviews-content-block .review-text {
			font-size: 15px;
			color: #666;
			line-height: 1.6;
		}
		
		@media (max-width: 900px) {
			#detailed-reviews-section .reviews-header {
				flex-direction: column;
			}
			#detailed-reviews-section .reviews-title-block,
			#detailed-reviews-section .reviews-metadata-block {
				max-width: 100%;
				width: 100%;
				padding-right: 0;
			}
			#detailed-reviews-section .reviews-list-item {
				flex-direction: column;
				padding: 20px 0;
			}
			#detailed-reviews-section .reviews-content-block {
				padding-left: 0;
				margin-top: 15px;
			}
		}





.guarantee-section {
	width: 100%;
	max-width: 100%;
	font-family: var(--font-body-family-override);
	font-weight: var(--font-weight-regular);
	box-sizing: border-box;
	letter-spacing: var(--letter-spacing-body);
	background: var(--section-background);
	padding-top: 0;
	padding-bottom: 0;
	margin-top: var(--margin-top-mobile);
	margin-bottom: var(--margin-bottom-mobile);
	overflow: var(--overflow-setting);
	position: relative
}

.beauty-revolution-text {
	margin-left: var(--beauty-revolution-margin-left)
}

.guarantee-section__desktop {
	display: none
}

.guarantee-section__mobile {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	max-width: 500px;
	margin: 0 auto;
	padding: 25px 15px 30px;
	position: relative
}

.guarantee-section__mobile.no-photos {
	padding-top: var(--padding-top-no-photos)
}

.guarantee-section__mobile.no-photos .guarantee-section__content {
	max-width: 450px;
	margin: 0 auto
}

.guarantee-section__photos-mobile {
	display: flex;
	justify-content: center;
	position: relative;
	width: 100%;
	max-width: 250px;
	height: 180px;
	margin-top: var(--mobile-photos-margin-top);
	margin-bottom: -40px;
	z-index: 1
}

.guarantee-section__photos-mobile .polaroid-photo {
	position: absolute;
	transform-origin: center;
	box-shadow: none;
	width: var(--polaroid-size-mobile);
	height: calc(var(--polaroid-size-mobile) * 1.2);
	background: #fff;
	padding: 8px 8px 15px 8px
}

.guarantee-section__photos-mobile .polaroid-photo-1 {
	transform: rotate(-8deg);
	left: 0;
	z-index: 1;
	top: 0
}

.guarantee-section__photos-mobile .polaroid-photo-2 {
	transform: rotate(0deg);
	left: 50%;
	margin-left: calc(var(--polaroid-size-mobile) / -2);
	z-index: 2;
	top: 10px
}

.guarantee-section__photos-mobile .polaroid-photo-3 {
	transform: rotate(8deg);
	right: 80px;
	z-index: 1;
	top: 5px
}

.guarantee-section__photos-mobile .polaroid-photo-4 {
	transform: rotate(8deg);
	right: 0;
	z-index: 1;
	top: 0
}

.polaroid-photo {
	background: #fff;
	box-shadow: none;
	padding: 8px 8px 15px 8px;
	width: var(--polaroid-size-mobile);
	height: calc(var(--polaroid-size-mobile) * 1.2);
	display: flex;
	flex-direction: column;
	border-radius: 3px;
	overflow: hidden;
	position: relative;
	z-index: var(--polaroid-z-index)
}

.polaroid-photo img {
	width: calc(100% - 16px);
	height: calc(100% - 23px);
	object-fit: cover;
	border-radius: 2px;
	display: block;
	position: absolute;
	top: 8px;
	left: 8px
}

.guarantee-section__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	width: 100%;
	padding-left: var(--content-padding-mobile);
	padding-right: var(--content-padding-mobile)
}

.shield-icon {
	margin-bottom: 10px;
	transform: scale(1);
	height: 45px;
	width: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: visible;
	color: var(--icon-color)
}

.shield-icon svg {
	fill: currentColor;
	color: var(--icon-color);
	width: 100%;
	height: 100%;
	overflow: visible
}

.guarantee-section__heading {
	font-size: var(--heading-size-mobile);
	margin-bottom: 8px;
	font-weight: var(--font-weight-bold);
	line-height: 1.2;
	letter-spacing: var(--letter-spacing-heading)
}

.risk-free-text {
	color: var(--risk-free-color);
	font-family: var(--accent-font-family);
	font-weight: var(--accent-font-weight);
	font-style: var(--accent-font-style)
}

.beauty-revolution-text {
	color: var(--beauty-revolution-color)
}

.guarantee-section__description {
	font-size: var(--description-size-mobile);
	color: var(--description-color);
	line-height: var(--description-line-height);
	margin-bottom: 24px
}

.guarantee-section__cta {
	transition: all 0.3s ease;
	width: 100%;
	margin-bottom: 0;
	cursor: pointer;
	text-decoration: none!important;
	display: inline-flex;
	align-items: center;
	justify-content: center
}

.guarantee-section__benefits {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 8px;
	font-size: var(--benefit-size-mobile);
	color: var(--benefit-text-color)
}

.benefit {
	padding: 0 5px;
	display: flex;
	align-items: center;
	justify-content: center
}

.checkmark-icon {
	margin-right: 4px;
	flex-shrink: 0;
	color: var(--checkmark-color)
}

[dir="rtl"] .checkmark-icon {
	margin-left: 4px
}

@media (min-width: 768px) {
	.guarantee-section {
		margin-top:var(--margin-top);
		margin-bottom: var(--margin-bottom)
	}

	.guarantee-section__mobile {
		display: none
	}

	.guarantee-section__desktop {
		display: flex;
		justify-content: space-between;
		align-items: center;
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 30px;
		position: relative;
		min-height: 320px;
		overflow: var(--overflow-setting)
	}

	.guarantee-section__desktop.no-photos {
		padding-top: var(--padding-top-no-photos);
		padding-bottom: var(--padding-top-no-photos);
		justify-content: center
	}

	.guarantee-section__desktop.no-photos .guarantee-section__content {
		margin: 0 auto
	}

	.guarantee-section__desktop.no-photos .guarantee-section__content {
		width: 100%;
		max-width: 450px;
		margin: 0 auto
	}

	.guarantee-section__photos-left,.guarantee-section__photos-right {
		display: flex;
		flex-direction: column;
		gap: 40px;
		width: 25%;
		position: relative;
		z-index: 1;
		margin-top: var(--photos-margin-top);
		margin-bottom: var(--photos-margin-bottom);
		z-index: var(--photos-z-index)
	}

	.guarantee-section__photos-left {
		padding-right: 30px;
		align-items: flex-start
	}

	.guarantee-section__photos-right {
		padding-left: 30px;
		align-items: flex-end
	}

	.guarantee-section__photos-left .polaroid-photo-1 {
		transform: rotate(6deg);
		margin-left: 5%
	}

	.guarantee-section__photos-left .polaroid-photo-2 {
		transform: rotate(-5deg);
		margin-left: 15%
	}

	.guarantee-section__photos-right .polaroid-photo-1 {
		transform: rotate(-10deg);
		margin-right: 15%
	}

	.guarantee-section__photos-right .polaroid-photo-2 {
		transform: rotate(-6deg);
		margin-right: 5%
	}

	.guarantee-section__photos-right .polaroid-photo-3 {
		transform: rotate(8deg)
	}

	.guarantee-section__content {
		width: var(--content-width);
		max-width: var(--content-max-width);
		padding-left: var(--content-padding-left);
		padding-right: var(--content-padding-right)
	}

	.desktop-shield-container {
		height: 40px;
		margin-bottom: 10px;
		display: block;
		position: relative
	}

	.desktop-shield-icon {
		display: block
	}

	.guarantee-section__heading {
		font-size: var(--heading-size-desktop);
		margin-bottom: 12px;
		letter-spacing: var(--letter-spacing-heading)
	}

	.guarantee-section__description {
		font-size: var(--description-size-desktop);
		max-width: 500px;
		margin-bottom: 20px;
		line-height: var(--description-line-height);
		letter-spacing: var(--letter-spacing-body)!important
	}

	.guarantee-section__benefits {
		font-size: var(--benefit-size-desktop);
		margin-top: 10px
	}

	.polaroid-photo {
		width: var(--polaroid-size-desktop);
		height: calc(var(--polaroid-size-desktop) * 1.2)
	}

	.checkmark-icon {
		width: 14px;
		height: 14px;
		margin-right: 3px
	}
}

.guarantee-section {
	--font-fallback: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'
}


.w-full.bg-gray-800.text-white.py-3.overflow-hidden {
	margin-top: 50px;
}
@media (min-width: 768px) {
	.polaroid-photo {
		width: var(--polaroid-size-desktop);
		height: calc(var(--polaroid-size-desktop) * 1.2);
		width: 163px;
		height: 163px;
	}
}
#comparison-table-section .comparison-table {;
	position: relative;
}
path {
	/* fill: #fff; */
}

#comparison-table-section .image {
	width: auto;
	margin: 0 auto;
	display: inline-block;
	float: left;
	max-width: 491px;
	background: #f1f1f1;
	border-radius: 21px;
}

#comparison-table-section  img.w-full.h-full.object-cover {
	padding: 19Px;
	width: 100%;
	margin: 0 auto;
	padding: 32Px;
}

#comparison-table-section .comparison-table-column {
	float: left;
}