{%- style -%}
	.editorial-section-{{ section.id }} {
		padding-top: {{ section.settings.section_padding_top | default: 50 }}px;
		padding-bottom: {{ section.settings.section_padding_bottom | default: 50 }}px;
		background-color: {{ section.settings.section_background_color }};
	}

{% if section.settings.disable_header %}
  .header {
    display: none!important;
  }
{% endif %}  

{% if section.settings.disable_footer %}
  .footer {
    display: none!important;
  }
  .footer-custom {
    display: none!important;
  }
{% endif %}  

	/* Custom Page Width Logic */
	{%- assign has_sidebar = section.blocks | where: 'type', 'sidebar' | first -%}
	{%- liquid
		assign show_sidebar = false
		if has_sidebar and has_sidebar.settings.show_sidebar
			assign show_sidebar = true
		endif
	-%}
	
	.editorial-section-{{ section.id }} .editorial-inner-container {
		{%- if show_sidebar -%}
			max-width: {{ section.settings.page_width_with_sidebar }}px;
		{%- else -%}
			max-width: {{ section.settings.page_width_without_sidebar }}px;
		{%- endif -%}
		margin: 0 auto;
		padding: 0 20px;
	}

	/* Mobile responsive adjustments */
	@media (max-width: 768px) {
		.editorial-section-{{ section.id }} .editorial-inner-container {
			max-width: 100%;
			{%- if show_sidebar -%}
				padding: 0 15px;
			{%- else -%}
				padding: 0;
			{%- endif -%}
		}
		
		{%- unless show_sidebar -%}
		.editorial-section-{{ section.id }} .editorial-main-content {
			padding: 0 15px;
		}
		{%- endunless -%}
	}

	/* Button Styling */
	{%- liquid
		assign button_bg_color = section.settings.global_button_bg_color
		assign button_text_color = section.settings.global_button_text_color
		assign button_border_color = button_bg_color | color_darken: 15
	-%}
	
	.editorial-section-{{ section.id }} .editorial-sidebar-link,
	.editorial-section-{{ section.id }} .editorial-content-btn,
	.editorial-section-{{ section.id }} .editorial-btn-link {
		background-color: {{ button_bg_color }} !important;
		color: {{ button_text_color }} !important;
		border-radius: {{ section.settings.global_button_radius }}px !important;
		font-size: {{ section.settings.global_button_font_size }}px !important;
		font-weight: {{ section.settings.global_button_font_weight }} !important;
		padding: {{ section.settings.global_button_vertical_padding }}px {{ section.settings.global_button_horizontal_padding }}px !important;
		border: {{ section.settings.global_button_border_width }}px solid {{ section.settings.global_button_border_color }} !important;
		border-bottom: {{ section.settings.global_button_border_bottom_width }}px solid {{ section.settings.global_button_border_bottom_color }} !important;
		box-shadow: none !important;
		outline: none !important;
		cursor: pointer !important;
		transition: all 0.3s ease !important;
		text-decoration: none !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
		position: relative !important;
		overflow: hidden !important;
	}

	/* Arrow Icon for Buttons */
	{%- if section.settings.show_button_arrow -%}
		.editorial-section-{{ section.id }} .editorial-sidebar-link::after,
		.editorial-section-{{ section.id }} .editorial-content-btn::after,
		.editorial-section-{{ section.id }} .editorial-btn-link::after {
			content: "";
			display: inline-block !important;
			width: 22px !important;
			height: 22px !important;
			margin-left: 8px !important;
			background-image: url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8 6L8 2L10 2L16 8L10 14L8 14L8 10L-1.74845e-07 10L-3.01991e-07 6L8 6Z' fill='{{ section.settings.button_arrow_color | url_encode }}'/></svg>") !important;
			background-size: contain !important;
			background-repeat: no-repeat !important;
			background-position: center !important;
			vertical-align: middle !important;
			flex-shrink: 0 !important;
		}
	{%- endif -%}

	.editorial-section-{{ section.id }} .editorial-sidebar-link:hover,
	.editorial-section-{{ section.id }} .editorial-sidebar-link:focus,
	.editorial-section-{{ section.id }} .editorial-content-btn:hover,
	.editorial-section-{{ section.id }} .editorial-content-btn:focus,
	.editorial-section-{{ section.id }} .editorial-btn-link:hover,
	.editorial-section-{{ section.id }} .editorial-btn-link:focus {
		background-color: {{ button_border_color }} !important;
		color: {{ button_text_color }} !important;
		text-decoration: none !important;
		transform: translateY(-1px) !important;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
	}

	.editorial-section-{{ section.id }} .editorial-sidebar-link:active,
	.editorial-section-{{ section.id }} .editorial-content-btn:active,
	.editorial-section-{{ section.id }} .editorial-btn-link:active {
		transform: translateY(0) !important;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) !important;
	}

	.editorial-section-{{ section.id }} .editorial-heading h1,
	.editorial-section-{{ section.id }} .editorial-heading h2,
	.editorial-section-{{ section.id }} .editorial-heading h3,
	.editorial-section-{{ section.id }} .editorial-heading h4,
	.editorial-section-{{ section.id }} .editorial-heading h5,
	.editorial-section-{{ section.id }} .editorial-heading h6 {
		margin: 0;
		letter-spacing: var(--letter-spacing-heading);
	}

	.editorial-section-{{ section.id }} .editorial-breadcrumbs {
		margin-bottom: 20px;
		display: flex;
		align-items: center;
		gap: 7px;
		color: {{ section.settings.breadcrumb_color }};
		letter-spacing: var(--letter-spacing-body);
	}

	.editorial-section-{{ section.id }} .editorial-breadcrumbs a {
		text-decoration: none;
		color: inherit;
	}

	.editorial-section-{{ section.id }} .editorial-main-content {
		display: grid;
		grid-template-columns: minmax(0, calc(100% - var(--editorial-sidebar-width) - 125px)) minmax(0, calc(var(--editorial-sidebar-width) + 25px));
		gap: 10px;
		max-width: calc(100% - 50px);
		margin: 0 auto;
	}

	.editorial-section-{{ section.id }} .editorial-main-content:not([style*="--editorial-sidebar-width"]) {
		grid-template-columns: 1fr;
		max-width: calc(100% - 100px);
	}
	
	@media (max-width: 768px) {
		{%- unless show_sidebar -%}
		.editorial-section-{{ section.id }} .editorial-main-content:not([style*="--editorial-sidebar-width"]) {
			max-width: 100%;
		}
		{%- endunless -%}
	}

	.editorial-section-{{ section.id }} .editorial-content-area {
		width: 100%;
	}

	.editorial-section-{{ section.id }} .editorial-sidebar {
		background-color: {{ section.settings.sidebar_background_color }};
		{%- assign sidebar_block = section.blocks | where: 'type', 'sidebar' | first -%}
		{%- if sidebar_block -%}
			padding: {{ sidebar_block.settings.sidebar_padding_top | default: 20 }}px 20px {{ sidebar_block.settings.sidebar_padding_bottom | default: 20 }}px;
		{%- else -%}
			padding: 20px;
		{%- endif -%}
		border-radius: 8px;
		position: sticky;
		top: 20px;
		align-self: flex-start;
		/* max-height: calc(100vh - 40px); */
		overflow-y: auto;
	}

	.editorial-section-{{ section.id }} .editorial-featured-product {
		margin-bottom: 30px;
	}

	.editorial-section-{{ section.id }} .editorial-featured-product h3 {
		font-size: 20px;
		line-height: 24px;
		text-align: center;
		margin-bottom: 10px;
		letter-spacing: var(--letter-spacing-heading);
	}

	.editorial-section-{{ section.id }} .editorial-featured-product .editorial-img-container {
		margin-bottom: 15px;
	}

	.editorial-section-{{ section.id }} .editorial-sidebar-link {
		letter-spacing: var(--letter-spacing-body);
		width: 100% !important;
		display: block !important;
	}

	.editorial-section-{{ section.id }} .editorial-featured-product.editorial-clickable {
		cursor: pointer;
		transition: all 0.3s ease;
	}

	.editorial-section-{{ section.id }} .editorial-rating-section {
		background-color: {{ section.settings.rating_background_color }};
	}

	.editorial-section-{{ section.id }} .editorial-rating-section h4 {
		padding: 12px 0;
		text-align: center;
		margin: 0;
		color: {{ section.settings.sidebar_title_color }};
		border-bottom: 1px solid #dfdfdf;
		font-size: 20px;
		letter-spacing: var(--letter-spacing-heading);
	}

	.editorial-section-{{ section.id }} .editorial-ratings-by-star {
		padding: 10px;
		margin-bottom: 20px;
	}

	.editorial-section-{{ section.id }} .editorial-total-rating {
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 17px;
		padding: 12px 0;
		letter-spacing: var(--letter-spacing-body);
	}

	.editorial-section-{{ section.id }} .editorial-ratings-by-star .editorial-stars-wrapper {
		display: flex;
		gap: 3px;
	}

	.editorial-section-{{ section.id }} .editorial-ratings-by-star .editorial-stars-wrapper > svg {
		width: 16px;
		height: auto;
	}

	.editorial-section-{{ section.id }} .editorial-ratings-by-star .editorial-ratings-list {
		display: flex;
		flex-direction: column-reverse;
		gap: 10px;
	}

	.editorial-section-{{ section.id }} .editorial-star-bar {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) minmax(0, 35px);
		gap: 5px;
		justify-content: space-between;
		letter-spacing: var(--letter-spacing-body);
	}

	.editorial-section-{{ section.id }} .editorial-star-bar > div:last-child {
		font-weight: 700 !important;
	}

	.editorial-section-{{ section.id }} .editorial-review-rating-text {
		font-weight: 700 !important;
	}

	.editorial-section-{{ section.id }} .editorial-rating-bar {
		position: relative;
		flex: 1;
		height: 25px;
		border: 1px solid #dedede;
	}

	.editorial-section-{{ section.id }} .editorial-rating-progress {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		background-color: {{ section.settings.rating_bar_color }};
		width: var(--editorial-bar-progress);
	}

	.editorial-section-{{ section.id }} .editorial-features {
		display: flex;
		flex-direction: column;
		gap: 0;
		padding: 15px;
		border: 1px solid #e0e0e0;
		border-radius: 0px;
		background-color: {{ section.settings.rating_background_color }};
	}

	.editorial-section-{{ section.id }} .editorial-feature {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		letter-spacing: var(--letter-spacing-body);
		padding: 12px 0;
		border-bottom: 1px solid #f0f0f0;
	}

	.editorial-section-{{ section.id }} .editorial-feature:last-child {
		border-bottom: none;
	}

	.editorial-section-{{ section.id }} .editorial-feature-title {
		font-weight: var(--font-weight-semibold);
		letter-spacing: var(--letter-spacing-body);
	}

	/* Rich Text Bold Styling */
	.editorial-section-{{ section.id }} strong,
	.editorial-section-{{ section.id }} b {
		font-weight: 700 !important;
	}

	.editorial-section-{{ section.id }} .editorial-feature-rating {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.editorial-section-{{ section.id }} .editorial-feature-rating .editorial-stars-wrapper {
		display: flex;
		gap: 3px;
	}

	.editorial-section-{{ section.id }} .editorial-feature-rating .editorial-stars-wrapper > svg {
		width: 16px;
		height: auto;
	}

	.editorial-section-{{ section.id }} .editorial-block {
		margin-bottom: 20px;
	}

	.editorial-section-{{ section.id }} .editorial-block:last-child {
		margin-bottom: 0;
	}

	.editorial-section-{{ section.id }} .editorial-text-block {
		letter-spacing: var(--letter-spacing-body);
	}

	.editorial-section-{{ section.id }} .editorial-text-block > *:first-child {
		margin-top: 0;
	}

	.editorial-section-{{ section.id }} .editorial-text-block > *:last-child {
		margin-bottom: 0;
	}

	.editorial-section-{{ section.id }} .editorial-rating-block {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.editorial-section-{{ section.id }} .editorial-rating-block-text {
		letter-spacing: var(--letter-spacing-body);
	}

	.editorial-section-{{ section.id }} .editorial-rating-block .editorial-stars-wrapper {
		display: flex;
		align-items: center;
		gap: 2px;
	}

	.editorial-section-{{ section.id }} .editorial-image-block {
		display: flex;
	}

	.editorial-section-{{ section.id }} .editorial-img-container {
		display: flex;
	}

	.editorial-section-{{ section.id }} .editorial-img-container img {
		width: 100%;
		height: auto;
	}

	.editorial-author-block {
		display: flex;
		align-items: center;
		gap: 10px;
		letter-spacing: var(--letter-spacing-body);
	}

	.editorial-author-img-container {
		display: flex;
		border-radius: 99999px;
		overflow: hidden;
		width: 50px;
		height: 50px;
	}

	.editorial-author-img-container img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.editorial-author-meta {
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

	.editorial-author-info {
		display: flex;
		align-items: center;
	}

	.editorial-author-date-container {
		padding-top: 3px;
		border-top: 1px solid #e0e0e0;
	}

	.editorial-author-name {
		display: flex;
		align-items: center;
		white-space: nowrap;
		gap: 7px;
	}

	.editorial-author-name > svg {
		width: 16px;
	}

	.editorial-author-badge {
		width: 16px;
		height: 16px;
	}

	.editorial-section-{{ section.id }} .editorial-basic-text-block {
		width: 100%;
	}

	.editorial-section-{{ section.id }} .editorial-basic-text-content {
		letter-spacing: var(--letter-spacing-body);
	}

	.editorial-section-{{ section.id }} .editorial-basic-text-content h1,
	.editorial-section-{{ section.id }} .editorial-basic-text-content h2,
	.editorial-section-{{ section.id }} .editorial-basic-text-content h3,
	.editorial-section-{{ section.id }} .editorial-basic-text-content h4,
	.editorial-section-{{ section.id }} .editorial-basic-text-content h5,
	.editorial-section-{{ section.id }} .editorial-basic-text-content h6 {
		letter-spacing: var(--letter-spacing-heading);
	}

	.editorial-section-{{ section.id }} .editorial-basic-text-img {
		width: 100%;
		height: auto;
		border-radius: 8px;
	}

	.editorial-section-{{ section.id }} .editorial-basic-text-image {
		text-align: center;
	}

	.editorial-section-{{ section.id }} .editorial-button-block {
		display: flex;
		width: 100%;
		margin: 15px 0;
		min-height: 44px;
	}

	.editorial-section-{{ section.id }} .editorial-btn-link {
		letter-spacing: var(--letter-spacing-body);
		width: 100% !important;
		display: block !important;
		text-align: center !important;
	}

	.editorial-section-{{ section.id }} .editorial-button-block-full-width {
		display: block;
		width: 100%;
	}

	.editorial-section-{{ section.id }} .editorial-content-btn-full-width {
		width: 100%;
		display: block;
	}

	@media screen and (max-width: 1105px) {
		.editorial-section-{{ section.id }} .editorial-main-content {
			grid-template-columns: minmax(0, 1fr);
			gap: 30px;
		}

		.editorial-section-{{ section.id }} .editorial-sidebar {
			position: static;
			max-height: none;
			overflow-y: visible;
		}
	}

	@media screen and (max-width: 768px) {
		.editorial-section-{{ section.id }} .editorial-main-content {
			max-width: none;
		}
		
		{% if section.settings.hide_sidebar_mobile %}
		.editorial-section-{{ section.id }} .editorial-sidebar {
			display: none !important;
		}
		
		.editorial-section-{{ section.id }} .editorial-main-content {
			grid-template-columns: 1fr !important;
		}
		{% endif %}
		
		.editorial-section-{{ section.id }} .editorial-featured-product h3 {
			font-size: 18px;
		}
		
		.editorial-section-{{ section.id }} .editorial-sidebar-link {
			font-size: 17px;
		}
		
		.editorial-section-{{ section.id }} .editorial-rating-section h4 {
			font-size: 18px;
		}
		
		.editorial-section-{{ section.id }} .editorial-star-bar {
			font-size: 15px;
		}
				
		.editorial-section-{{ section.id }} .editorial-content-btn {
			font-size: 17px;
		}
	}

	/* Sidebar Color Customization */
	{%- assign sidebar_block = section.blocks | where: 'type', 'sidebar' | first -%}
	{%- if sidebar_block -%}
		{%- liquid
			assign has_custom_colors = false
			if sidebar_block.settings.sidebar_background_color != "#ffffff" or sidebar_block.settings.sidebar_text_color != "#000000" or sidebar_block.settings.sidebar_title_color != "#000000" or sidebar_block.settings.rating_bar_color != "#2F465F" or sidebar_block.settings.rating_bar_background != "#f0f0f0" or sidebar_block.settings.feature_border_color != "#f0f0f0" or sidebar_block.settings.use_progress_gradient or sidebar_block.settings.rating_star_color != "#F1C40F" or sidebar_block.settings.rating_empty_star_color != "#e0e0e0" or sidebar_block.settings.feature_star_color != "#F1C40F" or sidebar_block.settings.sidebar_button_bg_color != "#2F465F" or sidebar_block.settings.sidebar_button_text_color != "#ffffff"
				assign has_custom_colors = true
			endif
		-%}
		
		{%- if has_custom_colors -%}
			.editorial-sidebar-{{ sidebar_block.id }} {
				{%- if sidebar_block.settings.sidebar_background_color != "#ffffff" -%}
					background-color: {{ sidebar_block.settings.sidebar_background_color }};
				{%- endif -%}
				{%- if sidebar_block.settings.sidebar_text_color != "#000000" -%}
					color: {{ sidebar_block.settings.sidebar_text_color }};
				{%- endif -%}
			}
			
			{%- if sidebar_block.settings.sidebar_title_color != "#000000" -%}
				.editorial-sidebar-{{ sidebar_block.id }} .editorial-rating-section h4 {
					color: {{ sidebar_block.settings.sidebar_title_color }};
				}
			{%- endif -%}
			
			{%- if sidebar_block.settings.use_progress_gradient -%}
				.editorial-sidebar-{{ sidebar_block.id }} .editorial-rating-progress {
					background: linear-gradient(90deg, {{ sidebar_block.settings.progress_gradient_start }} 0%, {{ sidebar_block.settings.progress_gradient_end }} 100%);
				}
			{%- elsif sidebar_block.settings.rating_bar_color != "#2F465F" -%}
				.editorial-sidebar-{{ sidebar_block.id }} .editorial-rating-progress {
					background-color: {{ sidebar_block.settings.rating_bar_color }};
				}
			{%- endif -%}
			
			{%- if sidebar_block.settings.rating_bar_background != "#f0f0f0" -%}
				.editorial-sidebar-{{ sidebar_block.id }} .editorial-rating-bar {
					background-color: {{ sidebar_block.settings.rating_bar_background }};
				}
			{%- endif -%}
			
			{%- if sidebar_block.settings.feature_border_color != "#f0f0f0" -%}
				.editorial-sidebar-{{ sidebar_block.id }} .editorial-features {
					border-color: {{ sidebar_block.settings.feature_border_color }};
				}
				.editorial-sidebar-{{ sidebar_block.id }} .editorial-feature {
					border-bottom-color: {{ sidebar_block.settings.feature_border_color }};
				}
			{%- endif -%}
			
			{%- if sidebar_block.settings.sidebar_button_bg_color != "#2F465F" or sidebar_block.settings.sidebar_button_text_color != "#ffffff" -%}
				.editorial-sidebar-{{ sidebar_block.id }} .editorial-sidebar-link {
					display: inline-block !important;
					padding: 12px 24px !important;
					text-decoration: none !important;
					border-radius: 4px !important;
					cursor: pointer !important;
					transition: all 0.3s ease !important;
					text-align: center !important;
					border: none !important;
					background-color: {{ sidebar_block.settings.sidebar_button_bg_color }} !important;
					color: {{ sidebar_block.settings.sidebar_button_text_color }} !important;
				}
				.editorial-sidebar-{{ sidebar_block.id }} .editorial-sidebar-link:hover,
				.editorial-sidebar-{{ sidebar_block.id }} .editorial-sidebar-link:focus {
					background-color: {{ sidebar_block.settings.sidebar_button_bg_color | color_darken: 15 }} !important;
					color: {{ sidebar_block.settings.sidebar_button_text_color }} !important;
					transform: translateY(-1px) !important;
				}
			{%- endif -%}
		{%- endif -%}
	{%- endif -%}

	/* Fake Header Styles */
{%- if section.settings.show_fake_header -%}
  .editorial-fake-header-{{ section.id }} {
    width: 100%;
    background-color: {{ section.settings.fake_header_bg_color }};
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    {%- if section.settings.fake_header_shadow -%}
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    {%- endif -%}
    z-index: 100;
	margin-bottom: 30px;
  }

  .editorial-fake-header-{{ section.id }} .fake-header-menu {
    display: flex;
    align-items: center;
    width: 40px;
  }

  .editorial-fake-header-{{ section.id }} .fake-header-hamburger {
    width: 24px;
    height: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
  }

  .editorial-fake-header-{{ section.id }} .fake-header-hamburger span {
    width: 100%;
    height: 3px;
    background-color: {{ section.settings.fake_header_icon_color }};
    border-radius: 2px;
    transition: all 0.3s ease;
  }

  .editorial-fake-header-{{ section.id }} .fake-header-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
  }

  .editorial-fake-header-{{ section.id }} .fake-header-logo img {
    max-width: {{ section.settings.fake_header_logo_width }}px;
    height: auto;
    display: block;
  }

  .editorial-fake-header-{{ section.id }} .fake-header-right {
    width: 40px;
  }

  @media (max-width: 768px) {
    .editorial-fake-header-{{ section.id }} {
      padding: 12px 15px;
    }

    .editorial-fake-header-{{ section.id }} .fake-header-logo img {
      max-width: {{ section.settings.fake_header_logo_width | times: 0.8 | round }}px;
    }

    .editorial-fake-header-{{ section.id }} .fake-header-hamburger {
      width: 22px;
      height: 18px;
    }

    .editorial-fake-header-{{ section.id }} .fake-header-hamburger span {
      height: 2.5px;
    }
  }
{%- endif -%}	
{%- endstyle -%}

<div class="editorial-section-{{ section.id }}">

	{%- if section.settings.show_fake_header -%}
	<div class="editorial-fake-header-{{ section.id }}">
		<div class="fake-header-menu">
		<div class="fake-header-hamburger">
			<span></span>
			<span></span>
			<span></span>
		</div>
		</div>
		<div class="fake-header-logo">
		{%- if section.settings.fake_header_logo != blank -%}
			{{ section.settings.fake_header_logo | image_url: width: 400 | image_tag: alt: 'Header Logo' }}
		{%- else -%}
			<img src="https://placehold.co/150x50?text=LOGO" alt="Header Logo Placeholder">
		{%- endif -%}
		</div>
		<div class="fake-header-right"></div>
	</div>
	{%- endif -%}

	<div class="editorial-inner-container">
		{%- assign has_sidebar = section.blocks | where: 'type', 'sidebar' | first -%}
		{%- liquid
			assign show_sidebar = false
			if has_sidebar and has_sidebar.settings.show_sidebar
				assign show_sidebar = true
			endif
		-%}
		<div class="editorial-main-content" {% if show_sidebar %}style="--editorial-sidebar-width: {{ section.settings.sidebar_width }}%;"{% endif %} >
			<div class="editorial-content-area">
				{%- if section.settings.show_breadcrumb -%}
					<div class="editorial-breadcrumbs">
						<a href="{{ routes.root_url }}" class="editorial-breadcrumb-link">
							{{ section.settings.breadcrumb_home_text }}
						</a>
						
						{%- if section.settings.breadcrumb_second_text != blank -%}
							<span class="editorial-breadcrumb-separator">{{ section.settings.breadcrumb_separator }}</span>
							{%- if section.settings.breadcrumb_second_url != blank -%}
								<a href="{{ section.settings.breadcrumb_second_url }}" class="editorial-breadcrumb-link">
									{{ section.settings.breadcrumb_second_text }}
								</a>
							{%- else -%}
								<span class="editorial-breadcrumb-link">{{ section.settings.breadcrumb_second_text }}</span>
							{%- endif -%}
						{%- endif -%}
						
						{%- if section.settings.breadcrumb_current_text != blank -%}
							<span class="editorial-breadcrumb-separator">{{ section.settings.breadcrumb_separator }}</span>
							<span class="editorial-breadcrumb-link editorial-last-link">{{ section.settings.breadcrumb_current_text }}</span>
						{%- endif -%}
					</div>
				{%- endif -%}
				{%- for block in section.blocks -%}
					{%- liquid
						assign this = block.settings
						assign custom_styled = false

						if this.padding_top > 0 or this.padding_bottom > 0 or this.padding_left > 0 or this.padding_right > 0
							assign custom_styled = true
						endif
					-%}

					{%- if custom_styled -%}
						{%- style -%}
							.editorial-block-{{ block.id }} {
								padding: {{ this.padding_top }}px {{ this.padding_right }}px {{ this.padding_bottom }}px {{ this.padding_left }}px;
							}
						{%- endstyle -%}
					{%- endif -%}

					{%- case block.type -%}

						{%- when 'heading' -%}
						{%- liquid 
							assign custom_styled = false
							if this.custom_size or this.text_color != blank or this.line_height != 1.2 or this.font_weight != "700" or this.text_transform != "none" or this.letter_spacing != 0 or this.text_align != "left" or this.title_highlight_color != blank
							assign custom_styled = true
							endif
						-%}

						{%- if custom_styled -%}
							{%- style -%}
							.editorial-block-{{ block.id }} {{ this.tag }} {
								{%- if this.custom_size -%}
								font-size: {{ this.text_size }}px !important;
								{%- endif -%}
								{%- if this.text_color != blank -%}
								color: {{ this.text_color }} !important;
								{%- endif -%}
								{%- if this.line_height != 1.2 -%}
								line-height: {{ this.line_height }} !important;
								{%- endif -%}
								{%- if this.font_weight != "700" -%}
								font-weight: {{ this.font_weight }} !important;
								{%- endif -%}
								{%- if this.text_transform != "none" -%}
								text-transform: {{ this.text_transform }} !important;
								{%- endif -%}
								{%- if this.letter_spacing != 0 -%}
								letter-spacing: {{ this.letter_spacing }}px !important;
								{%- endif -%}
								{%- if this.text_align != "left" -%}
								text-align: {{ this.text_align }} !important;
								{%- endif -%}
							}
							{%- if this.custom_size -%}
								@media screen and (max-width: 768px) {
								.editorial-block-{{ block.id }} {{ this.tag }} {
									font-size: {{ this.text_size | times: 0.85 | round }}px !important;
								}
								}
							{%- endif -%}
							{%- endstyle -%}
						{%- endif -%}
						
						<div 
							class="editorial-block editorial-heading editorial-block-{{ block.id }}"
							{{ block.shopify_attributes }}
						>
							<{{ this.tag }} 
							class="{{ this.tag }} title-with-highlight" 
							style="--hightlight-color:{{ this.title_highlight_color }};"
							>
							{{ this.heading }}
							</{{ this.tag }}>
						</div>

						{%- when 'text' -%}
							{%- liquid 
								assign text = this.text
								assign highlighted_texts = this.highlighted_texts | split: '|'

								if this.custom_size or this.text_color != blank or this.highlighted_texts != blank
									assign custom_styled = true
								endif
							-%}

							{%- if this.highlighted_texts != blank -%}
								{%- for highlighted_text in highlighted_texts -%}
									{%- capture highlighted -%}
										<span class="editorial-highlighted-text">{{ highlighted_text | strip }}</span>
									{%- endcapture -%}

									{%- assign text = text | replace: highlighted_text, highlighted -%}
								{%- endfor -%}
							{%- endif -%}

							{%- if custom_styled -%}
								{%- style -%}
									.editorial-block-{{ block.id }} {
										{%- if this.custom_size -%}
											font-size: {{ this.text_size }}px;
										{%- endif -%}
										{%- if this.text_color != blank -%}
											color: {{ this.text_color }} !important;
										{%- endif -%}
									}
									{%- if this.custom_size -%}
										@media screen and (max-width: 768px) {
											.editorial-block-{{ block.id }} {
												font-size: {{ this.text_size | times: 0.9 | round }}px;
											}
										}
									{%- endif -%}

									{%- if this.highlighted_texts != blank -%}
										.editorial-block-{{ block.id }} .editorial-highlighted-text {
											background-color: {{ this.hightlight_texts_color }};
										}
									{%- endif -%}
								{%- endstyle -%}
							{%- endif -%}
							<div 
								class="editorial-block editorial-text-block editorial-block-{{ block.id }}"
								{{ block.shopify_attributes }}
							>
								{{ text }}
							</div>
						
						{%- when 'rating' -%}
							{%- liquid 
								if this.star_size > 0 or this.custom_size or this.text_color != blank or this.star_color != "#F1C40F" or this.empty_star_color != "#e0e0e0"
									assign custom_styled = true
								endif
							-%}

							{%- if custom_styled -%}
								{%- style -%}
									.editorial-block-{{ block.id }} .editorial-stars-wrapper > svg {
										width: {{ this.star_size }}px;
										height: auto;
									}
									.editorial-block-{{ block.id }} .editorial-rating-block-text {
										{%- if this.custom_size -%}
											font-size: {{ this.text_size }}px;
										{%- endif -%}
										{%- if this.text_color != blank -%}
											color: {{ this.text_color }} !important;
										{%- endif -%}
									}
									{%- if this.custom_size -%}
										@media screen and (max-width: 768px) {
											.editorial-block-{{ block.id }} .editorial-rating-block-text {
												font-size: {{ this.text_size | times: 0.9 | round }}px;
											}
										}
									{%- endif -%}
									{%- if this.star_color != "#F1C40F" -%}
										.editorial-block-{{ block.id }} .editorial-stars-wrapper svg g rect {
											fill: {{ this.star_color }};
										}
									{%- endif -%}
									{%- if this.empty_star_color != "#e0e0e0" -%}
										.editorial-block-{{ block.id }} .editorial-stars-wrapper svg path[stroke] {
											stroke: {{ this.empty_star_color }};
										}
									{%- endif -%}
								{%- endstyle -%}
							{%- endif -%}

							<div 
								class="editorial-block editorial-rating-block editorial-block-{{ block.id }}"
								{{ block.shopify_attributes }}
							>
								<div class="editorial-stars-wrapper">
									{%- for i in (1..5) -%}
										{%- liquid 
											assign star_width = '100%'
											assign modulo = this.rating | modulo: 1
											assign target_index = this.rating | ceil
											
											if modulo > 0 and forloop.index == target_index
												assign star_width = modulo | split: '.' | last | times: 10 | append: '%'
											endif

											if forloop.index > target_index
												assign star_width = '0%'
											endif
										-%}
										<svg width="{{ this.star_size }}" height="{{ this.star_size }}" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg">
											<defs>
												<mask id="editorial_mask_{{ block.id }}_{{ forloop.index }}" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="1920" height="1920">
													<path d="M1915.918 737.475c-10.955-33.543-42.014-56.131-77.364-56.131h-612.029l-189.063-582.1v-.112C1026.394 65.588 995.335 43 959.984 43c-35.237 0-66.41 22.588-77.365 56.245L693.443 681.344H81.415c-35.35 0-66.41 22.588-77.365 56.131-10.955 33.544.79 70.137 29.478 91.03l495.247 359.831-189.177 582.212c-10.955 33.657 1.13 70.25 29.817 90.918 14.23 10.278 30.946 15.487 47.66 15.487 16.716 0 33.432-5.21 47.775-15.6l495.134-359.718 495.021 359.718c28.574 20.781 67.087 20.781 95.662.113 28.687-20.668 40.658-57.261 29.703-91.03l-189.176-582.1 495.36-359.83c28.574-20.894 40.433-57.487 29.364-91.03" fill="#F1C40F" fill-rule="evenodd"/>
												</mask>
											</defs>
											<path d="M1915.918 737.475c-10.955-33.543-42.014-56.131-77.364-56.131h-612.029l-189.063-582.1v-.112C1026.394 65.588 995.335 43 959.984 43c-35.237 0-66.41 22.588-77.365 56.245L693.443 681.344H81.415c-35.35 0-66.41 22.588-77.365 56.131-10.955 33.544.79 70.137 29.478 91.03l495.247 359.831-189.177 582.212c-10.955 33.657 1.13 70.25 29.817 90.918 14.23 10.278 30.946 15.487 47.66 15.487 16.716 0 33.432-5.21 47.775-15.6l495.134-359.718 495.021 359.718c28.574 20.781 67.087 20.781 95.662.113 28.687-20.668 40.658-57.261 29.703-91.03l-189.176-582.1 495.36-359.83c28.574-20.894 40.433-57.487 29.364-91.03" stroke="{{ this.empty_star_color }}" stroke-width="10" fill="none" fill-rule="evenodd"/>
											<g mask="url(#editorial_mask_{{ block.id }}_{{ forloop.index }})">
												<rect width="1920" height="1920" fill="{{ this.star_color }}" style="width: {{ star_width }};" />
											</g>
										</svg>
									{%- endfor -%}
								</div>
								<div class="editorial-rating-block-text">
									{{ this.text }}
								</div>
							</div>

						{%- when 'image' -%}

							{%- style -%}
								.editorial-block-{{ block.id }} {
									justify-content: {{ this.image_alignment }};
								}

								.editorial-block-{{ block.id }} .editorial-img-container {
									{%- if this.image_width == 'custom' -%}
										width: {{ this.custom_image_width }}%;
									{%- endif -%}
									{%- if this.custom_height -%}
										height: {{ this.image_height }}px;
									{%- endif -%}
									{%- if this.image_radius -%}
										border-radius: {{ this.image_radius }}px;
									{%- endif -%}
									overflow: hidden;
								}

								.editorial-block-{{ block.id }} .editorial-img-container img {
									{%- if this.custom_height -%}
										height: 100%;
										object-fit: {{ this.image_size }};
									{%- endif -%}
								}
							{%- endstyle -%}

							<div 
								class="editorial-block editorial-image-block editorial-block-{{ block.id }}"
								{{ block.shopify_attributes }}
							>
								<div class="editorial-img-container">
									{%- if this.image -%}
										{{ this.image | image_url: width: 1200 | image_tag: class: 'editorial-block-image' }}
									{%- else -%}
										<img src="https://placehold.co/1200x628" width="1200" height="628" alt="image block placeholder" class="editorial-block-image" />
									{%- endif -%}
								</div>
							</div>

						{%- when 'author' -%}
							{%- liquid 
								assign custom_styled = false
								if this.text_size != 16 or this.star_color != "#F1C40F" or this.empty_star_color != "#e0e0e0" or this.badge_color != "#2F465F" or this.badge_size != 16
									assign custom_styled = true
								endif
							-%}

							{%- if custom_styled -%}
								{%- style -%}
									.editorial-block-{{ block.id }} .editorial-author-name,
									.editorial-block-{{ block.id }} .editorial-date {
										font-size: {{ this.text_size }}px;
									}
									@media screen and (max-width: 768px) {
										.editorial-block-{{ block.id }} .editorial-author-name,
										.editorial-block-{{ block.id }} .editorial-date {
											font-size: {{ this.text_size | times: 0.9 | round }}px;
										}
									}
									.editorial-block-{{ block.id }} .editorial-author-name .editorial-name {
										font-weight: 600 !important;
									}
									{%- if this.star_color != "#F1C40F" -%}
										.editorial-block-{{ block.id }} .editorial-author-rating .editorial-stars-wrapper svg path {
											fill: {{ this.star_color }};
										}
									{%- endif -%}
									{%- if this.empty_star_color != "#e0e0e0" -%}
										.editorial-block-{{ block.id }} .editorial-author-rating .editorial-stars-wrapper svg path[stroke] {
											stroke: {{ this.empty_star_color }};
										}
									{%- endif -%}
									{%- if this.badge_color != "#2F465F" -%}
										.editorial-block-{{ block.id }} .editorial-author-badge svg path {
											fill: {{ this.badge_color }};
										}
									{%- endif -%}
									{%- if this.badge_size != 16 -%}
										.editorial-block-{{ block.id }} .editorial-author-badge {
											width: {{ this.badge_size }}px !important;
											height: {{ this.badge_size }}px !important;
										}
									{%- endif -%}
								{%- endstyle -%}
							{%- else -%}
								{%- style -%}
									.editorial-block-{{ block.id }} .editorial-author-name .editorial-name {
										font-weight: 600 !important;
									}
								{%- endstyle -%}
							{%- endif -%}

							<div
								class="editorial-block editorial-author-block editorial-block-{{ block.id }}"
								{{ block.shopify_attributes }}
							>
								<div class="editorial-author-img-container">
									{%- if this.author_image -%}
										{{ this.author_image | image_url: width: 100 | image_tag: class: 'editorial-author-image' }}
									{%- else -%}
										<img src="https://placehold.co/50" width="100" height="100" alt="author image placeholder" class="editorial-author-image" />
									{%- endif -%}
								</div>
								<div class="editorial-author-meta">
									<div class="editorial-author-info">
										<div class="editorial-author-name">
											<span class="editorial-name">{{ this.author_name }}</span>
											{%- if this.badge -%}
												{%- if this.custom_badge -%}
													{{ this.custom_badge | image_url: width: 100 | image_tag: class: "editorial-author-badge" }}
												{%- else -%}
													<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" class="editorial-author-badge">
														<path d="M20.396 11c-.018-.646-.215-1.275-.57-1.816-.354-.54-.852-.972-1.438-1.246.223-.607.27-1.264.14-1.897-.131-.634-.437-1.218-.882-1.687-.47-.445-1.053-.75-1.687-.882-.633-.13-1.29-.083-1.897.14-.273-.587-.704-1.086-1.245-1.44S11.647 1.62 11 1.604c-.646.017-1.273.213-1.813.568s-.969.854-1.24 1.44c-.608-.223-1.267-.272-1.902-.14-.635.13-1.22.436-1.69.882-.445.47-.749 1.055-.878 1.688-.13.633-.08 1.29.144 1.896-.587.274-1.087.705-1.443 1.245-.356.54-.555 1.17-.574 1.817.02.647.218 1.276.574 1.817.356.54.856.972 1.443 1.245-.224.606-.274 1.263-.144 1.896.13.634.433 1.218.877 1.688.47.443 1.054.747 1.687.878.633.132 1.29.084 1.897-.136.274.586.705 1.084 1.246 1.439.54.354 1.17.551 1.816.569.647-.016 1.276-.213 1.817-.567s.972-.854 1.245-1.44c.604.239 1.266.296 1.903.164.636-.132 1.22-.447 1.68-.907.46-.46.776-1.044.908-1.681s.075-1.299-.165-1.903c.586-.274 1.084-.705 1.439-1.246.354-.54.551-1.17.569-1.816zM9.662 14.85l-3.429-3.428 1.293-1.302 2.072 2.072 4.4-4.794 1.347 1.246z" fill="#2F465F"/>
													</svg>
												{%- endif -%}
											{%- endif -%}
										</div>
									</div>
									<div class="editorial-author-date-container">
										<div class="editorial-date">
											{{ this.date }}
										</div>
									</div>
								</div>
							</div>

						{%- when 'basic_text' -%}
							{%- liquid 
								assign content = this.content
								assign highlighted_texts = this.highlighted_texts | split: '|'
								assign custom_styled = false

								if this.padding_top > 0 or this.padding_bottom > 0 or this.padding_left > 0 or this.padding_right > 0 or this.highlighted_texts != blank
									assign custom_styled = true
								endif
							-%}

							{%- if this.highlighted_texts != blank -%}
								{%- for highlighted_text in highlighted_texts -%}
									{%- capture highlighted -%}
										<span class="editorial-highlighted-text">{{ highlighted_text | strip }}</span>
									{%- endcapture -%}

									{%- assign content = content | replace: highlighted_text, highlighted -%}
								{%- endfor -%}
							{%- endif -%}

							{%- if custom_styled -%}
								{%- style -%}
									.editorial-block-{{ block.id }} {
										padding: {{ this.padding_top }}px {{ this.padding_right }}px {{ this.padding_bottom }}px {{ this.padding_left }}px;
									}

									{%- if this.highlighted_texts != blank -%}
										.editorial-block-{{ block.id }} .editorial-highlighted-text {
											background-color: {{ this.highlight_texts_color }};
										}
									{%- endif -%}
								{%- endstyle -%}
							{%- endif -%}

							<div 
								class="editorial-block editorial-basic-text-block editorial-block-{{ block.id }}"
								{{ block.shopify_attributes }}
							>
								{%- if this.image and this.image_position == 'above' -%}
									<div class="editorial-basic-text-image" style="width: {{ this.image_width }}%; margin: 0 auto 20px;">
										{{ this.image | image_url: width: 800 | image_tag: class: 'editorial-basic-text-img' }}
									</div>
								{%- endif -%}
								
								<div class="editorial-basic-text-content">
									{{ content }}
								</div>
								
								{%- if this.image and this.image_position == 'below' -%}
									<div class="editorial-basic-text-image" style="width: {{ this.image_width }}%; margin: 20px auto 0;">
										{{ this.image | image_url: width: 800 | image_tag: class: 'editorial-basic-text-img' }}
									</div>
								{%- endif -%}
							</div>

						{%- when 'button' -%}
							{%- if this.padding_top > 0 or this.padding_bottom > 0 or this.padding_left > 0 or this.padding_right > 0 or this.button_icon != blank -%}
								{%- style -%}
									.editorial-block-{{ block.id }} {
										padding: {{ this.padding_top }}px {{ this.padding_right }}px {{ this.padding_bottom }}px {{ this.padding_left }}px;
									}
									{%- if this.button_icon != blank -%}
										.editorial-block-{{ block.id }} .editorial-button-icon {
											width: {{ this.icon_size }}px;
											height: {{ this.icon_size }}px;
											display: inline-block;
											vertical-align: middle;
										}
										.editorial-block-{{ block.id }} .editorial-button-icon svg {
											width: 100%;
											height: 100%;
										}
										.editorial-block-{{ block.id }} .editorial-button-content {
											display: flex;
											align-items: center;
											justify-content: center;
											gap: 8px;
										}
									{%- endif -%}
								{%- endstyle -%}
							{%- endif -%}

							<div 
								class="editorial-block editorial-button-block{% if this.full_width %} editorial-button-block-full-width{% endif %} editorial-block-{{ block.id }}"
								{{ block.shopify_attributes }}
								{% unless this.full_width %}style="justify-content: {{ this.button_alignment }};"{% endunless %}
							>
								{%- assign button_text_to_use = this.button_text | default: "Click Here" -%}
								{%- if button_text_to_use != blank -%}
									{%- if this.button_url != blank -%}
										<a href="{{ this.button_url }}" class="editorial-btn-link{% if this.full_width %} editorial-content-btn-full-width{% endif %}">
											{%- if this.button_icon != blank -%}
												<div class="editorial-button-content">
													{%- if this.icon_position == 'left' -%}
														<span class="editorial-button-icon">{{ this.button_icon }}</span>
														<span>{{ button_text_to_use }}</span>
													{%- else -%}
														<span>{{ button_text_to_use }}</span>
														<span class="editorial-button-icon">{{ this.button_icon }}</span>
													{%- endif -%}
												</div>
											{%- else -%}
												{{ button_text_to_use }}
											{%- endif -%}
										</a>
									{%- else -%}
										<span class="editorial-btn-link{% if this.full_width %} editorial-content-btn-full-width{% endif %}" style="cursor: default;">
											{%- if this.button_icon != blank -%}
												<div class="editorial-button-content">
													{%- if this.icon_position == 'left' -%}
														<span class="editorial-button-icon">{{ this.button_icon }}</span>
														<span>{{ button_text_to_use }}</span>
													{%- else -%}
														<span>{{ button_text_to_use }}</span>
														<span class="editorial-button-icon">{{ this.button_icon }}</span>
													{%- endif -%}
												</div>
											{%- else -%}
												{{ button_text_to_use }}
											{%- endif -%}
										</span>
									{%- endif -%}
								{%- else -%}
									<span class="editorial-btn-link{% if this.full_width %} editorial-content-btn-full-width{% endif %}" style="cursor: default;">
										Button Text Required
									</span>
								{%- endif -%}
							</div>

							{% when 'divider' %}
								{%- style -%}
									.editorial-block-{{ block.id }} {
									margin-top: {{ block.settings.margin_top }}px;
									margin-bottom: {{ block.settings.margin_bottom }}px;
									display: flex;
									justify-content: {{ block.settings.alignment }};
									}
									.editorial-block-{{ block.id }} .editorial-divider {
									height: {{ block.settings.height }}px;
									width: {{ block.settings.width }}%;
									border-bottom: {{ block.settings.height }}px {{ block.settings.style }} {{ block.settings.color }};
									border-radius: {{ block.settings.border_radius }}px;
									display: block;
									background: none;
									}
									{%- if block.settings.Full_mobile_width and block.settings.width == 100 -%}
									@media (max-width: 768px) {
										.editorial-block-{{ block.id }} {
										margin-left: -15px;
										margin-right: -15px;
										width: calc(100% + 30px);
										}
									}
									{%- endif -%}
								{%- endstyle -%}
								
								<div 
									class="editorial-block editorial-divider-block editorial-block-{{ block.id }}"
									{{ block.shopify_attributes }}
								>
									<div class="editorial-divider">&nbsp;</div>
								</div>

                 {%- when 'custom_liquid' -%}
                  {{ block.settings.custom_liquid }}

							{% when 'video' %}
							<div 
								class="product-info__image-block{% if block.settings.Full_mobile_width %} product-info__image-block--mobile-full{% endif %}" 
								style="margin-top: 10px;margin-bottom: 10px;--image-width:{{ block.settings.width }}%;--image-alignment:{{ block.settings.alignment }};--border-radius:{{ block.settings.border_radius | divided_by: 10.0 }}rem;"
								{{ block.shopify_attributes }}
							>
								{% if block.settings.video != blank %}
								<div class="media media--transparent ratio" style="--ratio-percent: {{ 1 | divided_by: block.settings.video.aspect_ratio | times: 100 }}%">
									{% render 'video-player', block: block %}
								</div>
								{% else %}
								{{ 'image' | placeholder_svg_tag: 'placeholder-svg placeholder' }}
								{% endif %}
							</div>

                            {%- when 'collapsible_tab' -%}
                            <div class="product__accordion accordion accordion--{{ block.settings.heading_size }}{% if block.settings.display_top_border %} accordion--top-border{% endif %} quick-add-hidden {{ block.settings.visibility }}" style="margin-top: {{ block.settings.margin_top | divided_by: 10.0 }}rem;margin-bottom: {{ block.settings.margin_bottom | divided_by: 10.0 }}rem;" {{ block.shopify_attributes }}>
                            <details class='accordion__details'{% if block.settings.open %} open{% endif %}  {% if block.settings.enable_collapsible_tabradius %} style="border: {{ block.settings.collapsible_tabwidth }}px {{ block.settings.collapsible_tabstyle }} {{ block.settings.collapsible_tabradiuscolor }}; border-radius: {{ block.settings.collapsible_tabradius }}px; margin-bottom: 12px; padding: 2px 2px; padding-left: 10px !important;margin-top: 10px;"{% endif %}>
                            {% if block.settings.enable_collapsible_tabradius %}
                            {%- style -%}
                            .accordion {
                            border-bottom: none;
                            }
                            {%- endstyle -%}
                            {% endif %}
                            {% if block.settings.plus_gray_circle and block.settings.collapse_icon != 'carret' %}
                            {%- style -%}
                            .accordion__summary .plus-icon-wrapper {
                                background-color: {{ block.settings.plus_circle_color | default: '#808080' }};
                                border-radius: 50%;
                                padding: 6px;
                                width: 25px;
                                height: 25px;
                                display: inline-flex;
                                align-items: center;
                                justify-content: center;
                                flex-shrink: 0;
                                min-width: 25px;
                                min-height: 25px;
                            }
                            .accordion__summary .plus-icon-wrapper svg {
                                fill: white !important;
                                stroke: white !important;
                                color: white !important;
                                width: 16px !important;
                                height: 16px !important;
                                min-width: 16px;
                                min-height: 16px;
                            }
                            .accordion__summary .plus-icon-wrapper .icon {
                                color: white !important;
                                width: 16px !important;
                                height: 16px !important;
                            }
                            
                            /* Mobile responsive adjustments */
                            @media screen and (max-width: 749px) {
                                .accordion__summary .plus-icon-wrapper {
                                width: 25px;
                                height: 25px;
                                padding: 8px;
                                min-width: 25px;
                                min-height: 25px;
                                }
                                .accordion__summary .plus-icon-wrapper svg {
                                width: 18px !important;
                                height: 18px !important;
                                min-width: 18px;
                                min-height: 18px;
                                }
                                .accordion__summary .plus-icon-wrapper .icon {
                                width: 18px !important;
                                height: 18px !important;
                                }
                            }
                            
                            /* Ensure the icon is always visible */
                            .accordion__summary .plus-icon-wrapper * {
                                opacity: 1 !important;
                                visibility: visible !important;
                            }
                            {%- endstyle -%}
                            {% endif %}

                                <summary class="accordion__summary">
                                    <div class="summary__title">
                                    {% if block.settings.custom_icon != blank %}
                                        <img
                                        src="{{ block.settings.custom_icon | image_url }}"
                                        {% if block.settings.custom_icon.alt != blank %}
                                            alt="{{ block.settings.custom_icon.alt | escape }}"
                                        {% else %}
                                            role="presentation"
                                        {% endif %}
                                        height="auto"
                                        width="auto"
                                        loading="lazy"
                                        >
                                    {% else %}
                                        {% render 'material-icon', icon: block.settings.icon, filled: block.settings.filled_icon %}
                                    {% endif %}
                                    <h2 class="h4 accordion__title">
                                        {{ block.settings.heading | default: block.settings.page.title }}
                                    </h2>
                                    </div>
                                    {% if block.settings.collapse_icon == 'carret' %}
                                    {% render 'icon-caret' %}
                                    {% else %}
                                    {% if block.settings.plus_gray_circle %}
                                        <div class="plus-icon-wrapper">
                                        {% render 'icon-plus' %}
                                        </div>
                                    {% else %}
                                        {% render 'icon-plus' %}
                                    {% endif %}
                                    {% endif %}
                                </summary>
                                </details>
                                <div class='accordion__content-wrapper'>
                                <div class="accordion__content rte" id="ProductAccordion-{{ block.id }}-{{ section.id }}">
                                    {{ block.settings.content | replace: '[description]', product.description }}
                                    {{ block.settings.page.content }}

                                    {% if block.settings.enablesizeintab %}

                {% if block.settings.headline != blank %}
                    <h3 class="sizing-chart__title center {{ block.settings.heading_sizesize }}">
                        {{ block.settings.headline }}
                    </h3>
                    {% endif %}
                    {% if block.settings.top_image != blank %}
                    <div class="sizing-chart__top-image">
                        {%- capture sizes -%}
                        (min-width: 750px) 800px / 2), calc((100vw - 50px))
                        {%- endcapture -%}
                        {{
                        block.settings.top_image
                        | image_url: width: 1500
                        | image_tag: loading: 'lazy', sizes: sizes, widths: '165, 360, 535, 750, 1070, 1250, 1500'
                        }}
                    </div>
                    {% endif %}
                    <table class="sizing-chart-table">
                    {% if block.settings.table_header_content != blank %}
                        {% assign columns = block.settings.table_header_content | split: ',' %}
                        <thead>
                        <tr>
                            {% for column in columns %}
                            <th class="sizing-chart-table__th color-{{ block.settings.table_header_color_scheme }}" align="center">
                                {{ column | strip }}
                            </th>
                            {% endfor %}
                        </tr>
                        </thead>
                    {% endif %}
                    <tbody>
                        {% assign rows = block.settings.table_content | split: '</p><p>' %}
                        {% for row in rows %}
                        <tr>
                            {% assign columns = row | remove: '<p>' | remove: '</p>' | split: ',' %}
                            {% for column in columns %}
                            <td class="sizing-chart-table__td" align="center">
                                {{ column | strip }}
                            </td>
                            {% endfor %}
                        </tr>
                        {% endfor %}
                    </tbody>
                    </table>
                    {% if block.settings.caption != blank %}
                    <p
                        class="sizing-chart__caption {{ block.settings.caption_alignment }}"
                        style="--text-size:{{ block.settings.caption_size }};--text-color:{{ block.settings.caption_color }};"
                    >
                        {{ block.settings.caption }}
                    </p>
                    {% endif %}
                    {% if block.settings.bottom_image != blank %}
                    <div class="sizing-chart__top-image">
                        {%- capture sizes -%}
                        (min-width: 750px) 800px / 2), calc((100vw - 50px))
                        {%- endcapture -%}
                        {{
                        block.settings.bottom_image
                        | image_url: width: 1500
                        | image_tag: loading: 'lazy', sizes: sizes, widths: '165, 360, 535, 750, 1070, 1250, 1500'
                        }}
                    </div>
                    {% endif %}
                    {% endif %}

                    {% if block.settings.enablevideointab %}
                    <div 
                                class="product-info__image-block{% if block.settings.Full_mobile_width %} product-info__image-block--mobile-full{% endif %}" 
                                style="--margin-top: {{ block.settings.margin_top | divided_by: 10.0 }}rem;--margin-bottom: {{ block.settings.margin_bottom | divided_by: 10.0 }}rem;--image-width:{{ block.settings.videowidth }}%;--image-alignment:{{ block.settings.videoalignment }};--border-radius:{{ block.settings.border_radius | divided_by: 10.0 }}rem;"
                                {{ block.shopify_attributes }}
                            >
                                {% if block.settings.video != blank %}
                                <div class="media media--transparent ratio" style="--ratio-percent: {{ 1 | divided_by: block.settings.video.aspect_ratio | times: 100 }}%">
                                    {% render 'video-player', block: block %}
                                </div>
                                {% else %}
                                {{ 'image' | placeholder_svg_tag: 'placeholder-svg placeholder' }}
                                {% endif %}
                            </div>
                    {% endif %}  

                    {% if block.settings.enableiconsintab %}
                    {% render 'text-with-icon-inside-row', block: block, block_attributes: true %}
                    {% endif %}        
                                </div>
                                </div>
                            </div>

							{% when 'review' %}

								<div
  class="{{ block.settings.visibility }}"
  {{ block.shopify_attributes }}
  style="margin-top: 10px;margin-bottom: 10px;"
>
  <li
    {% if block.settings.enable_box_styles %}
      style="
        background-color: {{ block.settings.bg_color }};
        border: 1px {{ block.settings.border_style }} {{ block.settings.border_color }};
        border-radius: {{ block.settings.border_radius }}px;
        color: {{ block.settings.text_color }};
        padding: 15px;
        display: flex;
        align-items: center; /* 👈 centers image vertically */
        gap: 15px;
      "
    {% else %}
      style="padding: 15px; display: flex; align-items: center; gap: 15px;"
    {% endif %}
  >

    {% if block.settings.style == 'style1' %}
      <div class="img_box" style="width: 80px; height: 80px; border-radius: 50%; overflow: hidden; flex-shrink: 0;">
        <img
          src="{{ block.settings.reviewimage | img_url: 'master' }}"
          alt="Review Image"
          style="width: 100%; height: 100%; object-fit: cover;"
        >
      </div>
      <div class="content_box rte" style="margin-left: 20px;">
        <p style="font-size: 13px; text-align: left;" class="prod__description">
          {{ block.settings.reviewtext }}
          <i class="fa-solid fa-star" style="color:#f1c40e;"></i>
          <i class="fa-solid fa-star" style="color:#f1c40e;"></i>
          <i class="fa-solid fa-star" style="color:#f1c40e;"></i>
          <i class="fa-solid fa-star" style="color:#f1c40e;"></i>
          <i class="fa-solid fa-star" style="color:#f1c40e;"></i>
          <br>
          <strong>
            – <i class="fa-solid fa-circle-check" style="color: {{ block.settings.reviewcheckmark }};"></i>
            <i>{{ block.settings.reviewname }}</i>
          </strong>
        </p>
      </div>
    {% endif %}

    {% if block.settings.style == 'style2' %}
      <div class="img_box" style="width: 80px; height: 80px; border-radius: 50%; overflow: hidden; flex-shrink: 0;">
        <img
          src="{{ block.settings.reviewimage | img_url: 'master' }}"
          alt="Review Image"
          style="width: 100%; height: 100%; object-fit: cover;"
        >
      </div>
      <div class="content_box rte" style="margin-left: 20px;">
        <p style="font-size: 13px; text-align: left; line-height: 1.3;" class="prod__description">
          {{ block.settings.reviewtext }}
          <br>
          <i class="fa-solid fa-star" style="color:#ffd200; margin-top: 5px; margin-bottom: 5px;"></i>
          <i class="fa-solid fa-star" style="color:#ffd200;"></i>
          <i class="fa-solid fa-star" style="color:#ffd200;"></i>
          <i class="fa-solid fa-star" style="color:#ffd200;"></i>
          <i class="fa-solid fa-star" style="color:#ffd200;"></i>
          <br>
          <i class="fa-solid fa-circle-check" style="color: {{ block.settings.reviewcheckmark }};"></i>&nbsp;
          <i>{{ block.settings.verifiedtext }}</i>
          <span style="float: right;">
            <span>- {{ block.settings.reviewname }}</span>
          </span>
        </p>
      </div>
    {% endif %}

    {% if block.settings.style == 'style3' %}
      <div class="img_box" style="width: 55px; height: 55px; border-radius: 50%; overflow: hidden; flex-shrink: 0;">
        <img
          src="{{ block.settings.reviewimage | img_url: 'master' }}"
          alt="Review Image"
          style="width: 100%; height: 100%; object-fit: cover;"
        >
      </div>
      <div class="content_box rte" style="flex: 1;">
        <p style="margin: 0; font-weight: bold; font-size: 14px;">
          {{ block.settings.reviewname }}
          <i class="fa-solid fa-circle-check" style="color: {{ block.settings.reviewcheckmark }}; margin-left: 5px;"></i>
          <span style="margin-left: 8px;">
            <i class="fa-solid fa-star" style="color:#ffd200;"></i>
            <i class="fa-solid fa-star" style="color:#ffd200;"></i>
            <i class="fa-solid fa-star" style="color:#ffd200;"></i>
            <i class="fa-solid fa-star" style="color:#ffd200;"></i>
            <i class="fa-solid fa-star" style="color:#ffd200;"></i>
          </span>
        </p>
        <p style="font-size: 13px; line-height: 1.4; margin-top: 6px;">
          {{ block.settings.reviewtext }}
        </p>
      </div>
    {% endif %}

  </li>
</div>

  {% when 'trustpilot_review' %}
	<div class="trustpilot-review" style='--rating:{{ block.settings.rating }};--star-color:{{ block.settings.star_color }};--bg-star-color:{{ block.settings.bg_star_color }};--font-size:{{ block.settings.size | divided_by: 10.0 }}rem;--alignment:{{ block.settings.alignment }};--verified-color:{{ block.settings.verified_color | default: "#00b67a" }};--avatar-bg-color:{{ block.settings.avatar_bg_color | default: "#00b67a" }};--avatar-text-color:{{ block.settings.avatar_text_color | default: "#ffffff" }};--border-color:{{ block.settings.border_color | default: "#e0e0e0" }};--border-radius:{{ block.settings.border_radius | default: 4 }}px;--background-color:{{ block.settings.background_color | default: "#ffffff" }};{% if margins %}--margin-top: {{ block.settings.margin_top | divided_by: 10.0 }}rem;--margin-bottom: {{ block.settings.margin_bottom | divided_by: 10.0 }}rem;{% endif %}' {% if block_attributes %}{{ block.shopify_attributes }}{% endif %}>
  
  <!-- Header with verification badge -->
  <div class="trustpilot-review__header">
    {% if block.settings.verification_badge %}
      <div class="trustpilot-review__verified">
        <svg width="14" height="14" viewBox="0 0 16 16" fill="none">
          <circle cx="8" cy="8" r="7" fill="{{ block.settings.verified_color | default: '#00b67a' }}"/>
          <path d="M5.5 8L7 9.5L10.5 6" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
                  {{ block.settings.verified_text | default: "Verified" }}
      </div>
    {% endif %}
  </div>
  
  <!-- Review Text -->
  {% if block.settings.review_text != blank %}
    <div class="trustpilot-review__text">
      {{ block.settings.review_text }}
    </div>
  {% endif %}
  
  <!-- Bottom Row: Customer Info and Stars -->
  <div class="trustpilot-review__bottom">
    <!-- Customer Info -->
    <div class="trustpilot-review__customer">
      {% if block.settings.customer_initial != blank %}
        <div class="trustpilot-review__avatar">
          {{ block.settings.customer_initial }}
        </div>
      {% endif %}
      
      {% if block.settings.customer_name != blank %}
        <div class="trustpilot-review__name">
          {{ block.settings.customer_name }}
        </div>
      {% endif %}
    </div>
    
    <!-- Review Stars -->
    <div class='rating-stars-and-text'>
      <div class='rating-stars__container rating-stars__container--underlay'>
        <svg height="469" width="2500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 96" class='trustpilot-stars-svg'>
          <path fill="{{ block.settings.bg_star_color }}" d="M0 0h96v96H0zM104 0h96v96h-96zM208 0h96v96h-96zM312 0h96v96h-96zM416 0h96v96h-96z"/>
          <path fill="{{ block.settings.star_symbol_color }}" d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2zM152 64.7l14.6-3.7 6.1 18.8zm33.6-24.3h-25.7L152 16.2l-7.9 24.2h-25.7l20.8 15-7.9 24.2 20.8-15 12.8-9.2zM256 64.7l14.6-3.7 6.1 18.8zm33.6-24.3h-25.7L256 16.2l-7.9 24.2h-25.7l20.8 15-7.9 24.2 20.8-15 12.8-9.2zM360 64.7l14.6-3.7 6.1 18.8zm33.6-24.3h-25.7L360 16.2l-7.9 24.2h-25.7l20.8 15-7.9 24.2 20.8-15 12.8-9.2zM464 64.7l14.6-3.7 6.1 18.8zm33.6-24.3h-25.7L464 16.2l-7.9 24.2h-25.7l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" />
        </svg>
        <div class='rating-stars__container rating-stars__container--overlay'>
          <svg height="469" width="2500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 96" class='trustpilot-stars-svg'>
            <path fill="{{ block.settings.star_color }}" d="M0 0h96v96H0zM104 0h96v96h-96zM208 0h96v96h-96zM312 0h96v96h-96zM416 0h96v96h-96z"/>
            <path fill="{{ block.settings.star_symbol_color }}" d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2zM152 64.7l14.6-3.7 6.1 18.8zm33.6-24.3h-25.7L152 16.2l-7.9 24.2h-25.7l20.8 15-7.9 24.2 20.8-15 12.8-9.2zM256 64.7l14.6-3.7 6.1 18.8zm33.6-24.3h-25.7L256 16.2l-7.9 24.2h-25.7l20.8 15-7.9 24.2 20.8-15 12.8-9.2zM360 64.7l14.6-3.7 6.1 18.8zm33.6-24.3h-25.7L360 16.2l-7.9 24.2h-25.7l20.8 15-7.9 24.2 20.8-15 12.8-9.2zM464 64.7l14.6-3.7 6.1 18.8zm33.6-24.3h-25.7L464 16.2l-7.9 24.2h-25.7l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" />
          </svg>
        </div>
      </div>
    </div>
  </div>
</div>

{%- when 'cs_review' -%}
	{%- style -%}
		#cs-review-{{ block.id }} {
			padding: {{ this.padding }}px;
			background-color: {{ this.bg_color }};
			border-radius: {{ this.border_radius }}px;
			{%- if this.border_width > 0 -%}
				border: {{ this.border_width }}px solid {{ this.border_color }};
			{%- endif -%}
			letter-spacing: 0px;
		}
		#cs-review-{{ block.id }} .cs-review-header {
			display: flex;
			align-items: center;
			gap: 12px;
			margin-bottom: 12px;
		}
		#cs-review-{{ block.id }} .cs-review-avatar {
			width: {{ this.avatar_size }}px;
			height: {{ this.avatar_size }}px;
			border-radius: 50%;
			overflow: hidden;
			flex-shrink: 0;
		}
		#cs-review-{{ block.id }} .cs-review-avatar img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		#cs-review-{{ block.id }} .cs-review-avatar-placeholder {
			width: 100%;
			height: 100%;
			background-color: {{ this.accent_color }};
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			font-weight: 700;
			font-size: {{ this.avatar_size | divided_by: 2.5 | round }}px;
		}
		#cs-review-{{ block.id }} .cs-review-meta {
			flex: 1;
		}
		#cs-review-{{ block.id }} .cs-review-name {
			font-weight: 600;
			font-size: {{ this.name_font_size }}px;
			color: {{ this.text_color }};
			display: flex;
			align-items: center;
			gap: 6px;
		}
		#cs-review-{{ block.id }} .cs-review-verified {
			color: {{ this.accent_color }};
		}
		#cs-review-{{ block.id }} .cs-review-verified svg {
			width: 16px;
			height: 16px;
		}
		#cs-review-{{ block.id }} .cs-review-date {
			font-size: {{ this.date_font_size }}px;
			color: {{ this.date_color }};
			margin-top: 2px;
		}
		#cs-review-{{ block.id }} .cs-review-stars {
			display: flex;
			gap: 2px;
			margin-bottom: 10px;
		}
		#cs-review-{{ block.id }} .cs-review-stars svg {
			width: {{ this.star_size }}px;
			height: {{ this.star_size }}px;
		}
		#cs-review-{{ block.id }} .cs-review-content {
			font-size: {{ this.content_font_size }}px;
			line-height: 1.5;
			color: {{ this.text_color }};
		}
		#cs-review-{{ block.id }} .cs-review-content p {
			margin: 0;
		}
		#cs-review-{{ block.id }} .cs-review-image {
			margin-top: 12px;
			width: 100%;
			max-width: {{ this.review_image_max_width }}px;
			border-radius: {{ this.review_image_radius }}px;
			overflow: hidden;
		}
		#cs-review-{{ block.id }} .cs-review-image img {
			width: 100%;
			height: auto;
			display: block;
		}
		#cs-review-{{ block.id }} .cs-review-footer {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-top: 12px;
			padding-top: 12px;
			border-top: 1px solid {{ this.border_color | default: '#e0e0e0' }};
		}
		#cs-review-{{ block.id }} .cs-review-helpful {
			display: inline-flex;
			align-items: center;
			gap: 6px;
			padding: 6px 12px;
			background-color: {{ this.helpful_bg_color }};
			color: {{ this.helpful_text_color }};
			border: 1px solid {{ this.helpful_border_color }};
			border-radius: 4px;
			font-size: 13px;
			font-weight: 500;
			cursor: pointer;
			transition: all 0.2s ease;
		}
		#cs-review-{{ block.id }} .cs-review-helpful:hover {
			background-color: {{ this.helpful_hover_bg }};
		}
		#cs-review-{{ block.id }} .cs-review-helpful svg {
			width: 14px;
			height: 14px;
		}
		#cs-review-{{ block.id }} .cs-review-helpful-count {
			font-size: 13px;
			color: {{ this.date_color }};
		}
	{%- endstyle -%}

	<div
		id="cs-review-{{ block.id }}"
		class="editorial-block editorial-cs-review-block editorial-block-{{ block.id }}"
		{{ block.shopify_attributes }}
	>
		<div class="cs-review-header">
			<div class="cs-review-avatar">
				{%- if this.avatar -%}
					{{ this.avatar | image_url: width: 100 | image_tag }}
				{%- else -%}
					<div class="cs-review-avatar-placeholder">
						{{ this.reviewer_name | slice: 0 | upcase }}
					</div>
				{%- endif -%}
			</div>
			<div class="cs-review-meta">
				<div class="cs-review-name">
					{{ this.reviewer_name }}
					{%- if this.verified -%}
						<span class="cs-review-verified" title="Verified Buyer">
							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="currentColor">
								<path d="M20.396 11c-.018-.646-.215-1.275-.57-1.816-.354-.54-.852-.972-1.438-1.246.223-.607.27-1.264.14-1.897-.131-.634-.437-1.218-.882-1.687-.47-.445-1.053-.75-1.687-.882-.633-.13-1.29-.083-1.897.14-.273-.587-.704-1.086-1.245-1.44S11.647 1.62 11 1.604c-.646.017-1.273.213-1.813.568s-.969.854-1.24 1.44c-.608-.223-1.267-.272-1.902-.14-.635.13-1.22.436-1.69.882-.445.47-.749 1.055-.878 1.688-.13.633-.08 1.29.144 1.896-.587.274-1.087.705-1.443 1.245-.356.54-.555 1.17-.574 1.817.02.647.218 1.276.574 1.817.356.54.856.972 1.443 1.245-.224.606-.274 1.263-.144 1.896.13.634.433 1.218.877 1.688.47.443 1.054.747 1.687.878.633.132 1.29.084 1.897-.136.274.586.705 1.084 1.246 1.439.54.354 1.17.551 1.816.569.647-.016 1.276-.213 1.817-.567s.972-.854 1.245-1.44c.604.239 1.266.296 1.903.164.636-.132 1.22-.447 1.68-.907.46-.46.776-1.044.908-1.681s.075-1.299-.165-1.903c.586-.274 1.084-.705 1.439-1.246.354-.54.551-1.17.569-1.816zM9.662 14.85l-3.429-3.428 1.293-1.302 2.072 2.072 4.4-4.794 1.347 1.246z"/>
							</svg>
						</span>
					{%- endif -%}
				</div>
				{%- if this.review_date != blank -%}
					<div class="cs-review-date">{{ this.review_date }}</div>
				{%- endif -%}
			</div>
		</div>

		{%- if this.show_stars -%}
			<div class="cs-review-stars">
				{%- for i in (1..5) -%}
					{%- liquid
						assign star_width = '100%'
						if forloop.index > this.rating
							assign star_width = '0%'
						endif
					-%}
					<svg width="{{ this.star_size }}" height="{{ this.star_size }}" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg">
						<defs>
							<mask id="cs-review-star-mask-{{ block.id }}-{{ forloop.index }}" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="1920" height="1920">
								<path d="M1915.918 737.475c-10.955-33.543-42.014-56.131-77.364-56.131h-612.029l-189.063-582.1v-.112C1026.394 65.588 995.335 43 959.984 43c-35.237 0-66.41 22.588-77.365 56.245L693.443 681.344H81.415c-35.35 0-66.41 22.588-77.365 56.131-10.955 33.544.79 70.137 29.478 91.03l495.247 359.831-189.177 582.212c-10.955 33.657 1.13 70.25 29.817 90.918 14.23 10.278 30.946 15.487 47.66 15.487 16.716 0 33.432-5.21 47.775-15.6l495.134-359.718 495.021 359.718c28.574 20.781 67.087 20.781 95.662.113 28.687-20.668 40.658-57.261 29.703-91.03l-189.176-582.1 495.36-359.83c28.574-20.894 40.433-57.487 29.364-91.03" fill="{{ this.star_color }}" fill-rule="evenodd"/>
							</mask>
						</defs>
						<path d="M1915.918 737.475c-10.955-33.543-42.014-56.131-77.364-56.131h-612.029l-189.063-582.1v-.112C1026.394 65.588 995.335 43 959.984 43c-35.237 0-66.41 22.588-77.365 56.245L693.443 681.344H81.415c-35.35 0-66.41 22.588-77.365 56.131-10.955 33.544.79 70.137 29.478 91.03l495.247 359.831-189.177 582.212c-10.955 33.657 1.13 70.25 29.817 90.918 14.23 10.278 30.946 15.487 47.66 15.487 16.716 0 33.432-5.21 47.775-15.6l495.134-359.718 495.021 359.718c28.574 20.781 67.087 20.781 95.662.113 28.687-20.668 40.658-57.261 29.703-91.03l-189.176-582.1 495.36-359.83c28.574-20.894 40.433-57.487 29.364-91.03" stroke="{{ this.empty_star_color }}" stroke-width="10" fill="none" fill-rule="evenodd"/>
						<g mask="url(#cs-review-star-mask-{{ block.id }}-{{ forloop.index }})">
							<rect width="1920" height="1920" fill="{{ this.star_color }}" style="width: {{ star_width }};" />
						</g>
					</svg>
				{%- endfor -%}
			</div>
		{%- endif -%}

		<div class="cs-review-content">
			{{ this.review_text }}
		</div>

		{%- if this.review_image != blank -%}
			<div class="cs-review-image">
				{{ this.review_image | image_url: width: 800 | image_tag }}
			</div>
		{%- endif -%}

		{%- if this.show_helpful -%}
			<div class="cs-review-footer">
				<button type="button" class="cs-review-helpful" aria-label="Mark as helpful">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
						<path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"/>
					</svg>
					{{ this.helpful_text }}
				</button>
				{%- if this.helpful_count > 0 -%}
					<span class="cs-review-helpful-count">{{ this.helpful_count }} people found this helpful</span>
				{%- endif -%}
			</div>
		{%- endif -%}
	</div>

{%- when 'comparison_chart' -%}
  <style>
    .editorial-section-{{ section.id }} .comparison-table-container-{{ block.id }} {
      width: 100%;
      max-width: 90rem;
      margin: {{ block.settings.margin_top }}px auto {{ block.settings.margin_bottom }}px;
    }

    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} {
      --border-radius: {{ block.settings.border_radius }}rem;
      width: 100%;
      border-spacing: 0;
      border-collapse: separate;
      padding-bottom: 3rem;
    }

    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} th {
      padding: 0.5rem 0.75rem;
      font-size: {{ block.settings.header_font_size }}px;
      line-height: 1.3;
    }

    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} thead {
      z-index: 1;
    }

    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} tbody {
      border-radius: var(--border-radius);
    }

    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} td {
      --cell-bottom-separator-thickness: -0.1rem;
      --cell-separator-opacity: {{ block.settings.cell_separator_opacity }};
      --border-shadow-offset: -0.1rem 0 0 0;
      --outer-box-shadow: 0.3rem 0.3rem 0.8rem rgba(0, 0, 0, 0.15),
        var(--border-shadow-offset) rgba(0, 0, 0, 0.08);
      padding: 1rem 1.5rem;
      text-align: center;
      box-shadow: inset 0 var(--cell-bottom-separator-thickness) 0 0
          rgba(0, 0, 0, var(--cell-separator-opacity)),
        var(--outer-box-shadow);
      position: relative;
    }

    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} td:last-of-type {
      --border-shadow-offset: 0.1rem 0 0 0;
    }

    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} tbody tr:first-of-type td:first-child {
      border-radius: var(--border-radius) 0 0 0;
      --border-shadow-offset: -0.1rem -0.1rem 0 0;
    }

    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} tbody tr:last-of-type td:first-child {
      border-radius: 0 0 0 var(--border-radius);
      --border-shadow-offset: -0.1rem 0.1rem 0 0;
    }

    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} tbody tr:first-of-type td:last-child {
      border-radius: 0 var(--border-radius) 0 0;
      --border-shadow-offset: 0.1rem -0.1rem 0 0;
    }

    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} tbody tr:last-of-type td:last-child {
      border-radius: 0 0 var(--border-radius) 0;
      --border-shadow-offset: 0.1rem 0.1rem 0 0;
    }

    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} tbody td:not(.comparison-table__row-name) {
      padding: 1rem 2rem;
    }

    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} .comparison-table__logo {
      border-radius: var(--border-radius) var(--border-radius) 0 0;
      padding: 2rem 1rem;
      background-color: {{ block.settings.your_brand_bg_color }};
      border: {{ block.settings.your_brand_border_width }}px solid {{ block.settings.your_brand_border_color }};
      border-bottom: none;
    }

    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} .comparison-table__others {
      border-radius: var(--border-radius) var(--border-radius) 0 0;
      padding: 2rem 1rem;
      background-color: {{ block.settings.other_brand_bg_color }};
      border: {{ block.settings.other_brand_border_width }}px solid {{ block.settings.other_brand_border_color }};
      border-bottom: none;
    }

    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} .comparison-table__logo img,
    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} .comparison-table__others img {
      max-width: {{ block.settings.logo_width }}px;
      height: auto;
      display: block;
      margin: 0 auto 1rem;
    }

    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} .comparison-benefit-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: {{ block.settings.icon_size }}px;
    }

    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} .comparison-table__icon {
      font-size: 1.4rem;
      width: 1em;
      height: 1em;
      margin: auto;
      border-radius: 50%;
      box-sizing: content-box;
      background: var(--bg-color);
      padding: 0.4rem;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} .comparison-table__icon svg {
      color: var(--icon-color);
      width: 100%;
      height: 100%;
    }

    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} .comparison-table__text {
      font-size: {{ block.settings.cell_text_size }}px;
      font-weight: {{ block.settings.cell_text_weight }};
    }

    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} .comparison-table__text--positive {
      color: {{ block.settings.positive_text_color }};
    }

    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} .comparison-table__text--negative {
      color: {{ block.settings.negative_text_color }};
    }

    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} .comparison-table__row-name {
      font-size: {{ block.settings.row_font_size }}px;
      text-align: left;
      background-color: {{ block.settings.row_bg_color }};
      color: {{ block.settings.row_text_color }};
      font-weight: {{ block.settings.row_font_weight }};
    }

    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} .highlighted-cell {
      background-color: {{ block.settings.your_brand_cell_bg_color }};
    }

    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} .regular-cell {
      background-color: {{ block.settings.other_brand_cell_bg_color }};
    }

    .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} tbody tr:last-of-type td:nth-child(2)::after {
      content: "";
      display: block;
      width: 100%;
      height: 3rem;
      position: absolute;
      top: 100%;
      left: 0;
      background: {{ block.settings.your_brand_cell_bg_color }};
      border-radius: 0 0 var(--border-radius) var(--border-radius);
      border: {{ block.settings.your_brand_border_width }}px solid {{ block.settings.your_brand_border_color }};
      border-top: none;
    }

    @media screen and (max-width: 500px) {
      .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} thead img {
        max-width: {{ block.settings.mobile_logo_width }}px;
      }

      .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} .comparison-table__row-name,
      .editorial-section-{{ section.id }} .comparison-table-{{ block.id }} th {
        font-size: calc({{ block.settings.row_font_size }}px * 0.85);
      }
    }
  </style>

  <div class="comparison-table-container-{{ block.id }}" {{ block.shopify_attributes }}>
    <table class="comparison-table-{{ block.id }}">
      <thead>
        <tr>
          <th>&nbsp;</th>
          <th align="center" class="comparison-table__logo">
            <div>
              {%- if block.settings.your_brand_image != blank -%}
                <img 
                  src="{{ block.settings.your_brand_image | image_url: width: 300 }}"
                  alt="{{ block.settings.your_brand_title }}"
                  loading="lazy"
                >
              {%- endif -%}
              {{ block.settings.your_brand_title }}
              
              {%- if block.settings.show_your_brand_badge -%}
                <div style="margin-top: 0.5rem; display: flex; align-items: center; justify-content: center; gap: 0.3rem;">
                  {%- if block.settings.your_brand_icon != blank -%}
                    <span class="comparison-benefit-icon" style="--icon-color: {{ block.settings.your_brand_icon_color }};">
                      <span class="material-symbols-outlined">{{ block.settings.your_brand_icon }}</span>
                    </span>
                  {%- endif -%}
                  {%- if block.settings.your_brand_badge_text != blank -%}
                    <span style="font-size: {{ block.settings.badge_font_size }}px; color: {{ block.settings.your_brand_badge_color }};">
                      {{ block.settings.your_brand_badge_text }}
                    </span>
                  {%- endif -%}
                </div>
              {%- endif -%}
            </div>
          </th>
          <th align="center" class="comparison-table__others">
            <div>
              {%- if block.settings.other_brand_image != blank -%}
                <img 
                  src="{{ block.settings.other_brand_image | image_url: width: 300 }}"
                  alt="{{ block.settings.other_brand_title }}"
                  loading="lazy"
                >
              {%- endif -%}
              {{ block.settings.other_brand_title }}
              
              {%- if block.settings.show_other_brand_badge -%}
                <div style="margin-top: 0.5rem; display: flex; align-items: center; justify-content: center; gap: 0.3rem;">
                  {%- if block.settings.other_brand_icon != blank -%}
                    <span class="comparison-benefit-icon" style="--icon-color: {{ block.settings.other_brand_icon_color }};">
                      <span class="material-symbols-outlined">{{ block.settings.other_brand_icon }}</span>
                    </span>
                  {%- endif -%}
                  {%- if block.settings.other_brand_badge_text != blank -%}
                    <span style="font-size: {{ block.settings.badge_font_size }}px; color: {{ block.settings.other_brand_badge_color }};">
                      {{ block.settings.other_brand_badge_text }}
                    </span>
                  {%- endif -%}
                </div>
              {%- endif -%}
            </div>
          </th>
        </tr>
      </thead>
      <tbody>
        {%- for i in (1..8) -%}
          {%- assign row_text_key = 'row_' | append: i | append: '_text' -%}
          {%- assign row_your_brand_key = 'row_' | append: i | append: '_your_brand' -%}
          {%- assign row_other_brand_key = 'row_' | append: i | append: '_other_brand' -%}
          {%- assign row_your_brand_custom_key = 'row_' | append: i | append: '_your_brand_custom' -%}
          {%- assign row_other_brand_custom_key = 'row_' | append: i | append: '_other_brand_custom' -%}
          
          {%- assign row_text = block.settings[row_text_key] -%}
          {%- assign your_brand_has = block.settings[row_your_brand_key] -%}
          {%- assign other_brand_has = block.settings[row_other_brand_key] -%}
          {%- assign your_brand_custom = block.settings[row_your_brand_custom_key] -%}
          {%- assign other_brand_custom = block.settings[row_other_brand_custom_key] -%}
          
          {%- if row_text != blank -%}
            <tr>
              <td align="left" class="comparison-table__row-name regular-cell">
                <strong>{{ row_text }}</strong>
              </td>
              <td align="center" class="highlighted-cell">
                {%- if your_brand_custom != blank -%}
                  {%- comment -%} CUSTOM TEXT OVERRIDES EVERYTHING {%- endcomment -%}
                  {%- if your_brand_has -%}
                    <div class="comparison-table__text comparison-table__text--positive">
                      {{ your_brand_custom }}
                    </div>
                  {%- else -%}
                    <div class="comparison-table__text comparison-table__text--negative">
                      {{ your_brand_custom }}
                    </div>
                  {%- endif -%}
                {%- elsif block.settings.use_text_display -%}
                  {%- comment -%} TEXT MODE {%- endcomment -%}
                  {%- if your_brand_has -%}
                    <div class="comparison-table__text comparison-table__text--positive">
                      {{ block.settings.positive_text }}
                    </div>
                  {%- else -%}
                    <div class="comparison-table__text comparison-table__text--negative">
                      {{ block.settings.negative_text }}
                    </div>
                  {%- endif -%}
                {%- else -%}
                  {%- comment -%} ICON MODE {%- endcomment -%}
                  {%- if your_brand_has -%}
                    <div class="comparison-table__icon" style="--icon-color:#FFFFFF;--bg-color:{{ block.settings.checkmark_color }}">
                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                        <path fill="currentColor" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path>
                      </svg>
                    </div>
                  {%- else -%}
                    <div class="comparison-table__icon" style="--icon-color:#FFFFFF;--bg-color:{{ block.settings.crossmark_bg_color }}">
                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
                        <path fill="currentColor" d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"></path>
                      </svg>
                    </div>
                  {%- endif -%}
                {%- endif -%}
              </td>
              <td align="center" class="regular-cell">
                {%- if other_brand_custom != blank -%}
                  {%- comment -%} CUSTOM TEXT OVERRIDES EVERYTHING {%- endcomment -%}
                  {%- if other_brand_has -%}
                    <div class="comparison-table__text comparison-table__text--positive">
                      {{ other_brand_custom }}
                    </div>
                  {%- else -%}
                    <div class="comparison-table__text comparison-table__text--negative">
                      {{ other_brand_custom }}
                    </div>
                  {%- endif -%}
                {%- elsif block.settings.use_text_display -%}
                  {%- comment -%} TEXT MODE {%- endcomment -%}
                  {%- if other_brand_has -%}
                    <div class="comparison-table__text comparison-table__text--positive">
                      {{ block.settings.positive_text }}
                    </div>
                  {%- else -%}
                    <div class="comparison-table__text comparison-table__text--negative">
                      {{ block.settings.negative_text }}
                    </div>
                  {%- endif -%}
                {%- else -%}
                  {%- comment -%} ICON MODE {%- endcomment -%}
                  {%- if other_brand_has -%}
                    <div class="comparison-table__icon" style="--icon-color:#FFFFFF;--bg-color:{{ block.settings.checkmark_color }}">
                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                        <path fill="currentColor" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path>
                      </svg>
                    </div>
                  {%- else -%}
                    <div class="comparison-table__icon" style="--icon-color:#FFFFFF;--bg-color:{{ block.settings.crossmark_bg_color }}">
                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
                        <path fill="currentColor" d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"></path>
                      </svg>
                    </div>
                  {%- endif -%}
                {%- endif -%}
              </td>
            </tr>
          {%- endif -%}
        {%- endfor -%}
      </tbody>
    </table>
  </div>


{%- when 'textwithicon' -%}
  {% liquid
    assign item_count = 0
    if block.settings.text_1 != blank
      assign item_count = item_count | plus: 1
    endif
    if block.settings.text_2 != blank
      assign item_count = item_count | plus: 1
    endif
    if block.settings.text_3 != blank
      assign item_count = item_count | plus: 1
    endif
    if block.settings.text_4 != blank
      assign item_count = item_count | plus: 1
    endif

    assign global_bg = block.settings.bg_color
    if block.settings.enable_gradient_bg and block.settings.gradient_bg != blank
      assign global_bg = block.settings.gradient_bg
    endif

    assign item_bg_1 = global_bg
    if block.settings.bg_type_1 == 'solid'
      assign item_bg_1 = block.settings.bg_color_1
    elsif block.settings.bg_type_1 == 'gradient'
      assign item_bg_1 = block.settings.gradient_bg_1
    endif

    assign item_bg_2 = global_bg
    if block.settings.bg_type_2 == 'solid'
      assign item_bg_2 = block.settings.bg_color_2
    elsif block.settings.bg_type_2 == 'gradient'
      assign item_bg_2 = block.settings.gradient_bg_2
    endif

    assign item_bg_3 = global_bg
    if block.settings.bg_type_3 == 'solid'
      assign item_bg_3 = block.settings.bg_color_3
    elsif block.settings.bg_type_3 == 'gradient'
      assign item_bg_3 = block.settings.gradient_bg_3
    endif

    assign item_bg_4 = global_bg
    if block.settings.bg_type_4 == 'solid'
      assign item_bg_4 = block.settings.bg_color_4
    elsif block.settings.bg_type_4 == 'gradient'
      assign item_bg_4 = block.settings.gradient_bg_4
    endif
  %}

  {%- style -%}
    .editorial-text-block-{{ block.id }} {
      margin-top: {{ block.settings.margin_top | default: 15 }}px;
      margin-bottom: {{ block.settings.margin_bottom | default: 15 }}px;
    }
  {%- endstyle -%}

  <div
    class="editorial-text-block-{{ block.id }} product__text-container product__text-container--{{ block.settings.alignment }}{% if mobile_align %} product__text-container--mobile-{{ block.settings.mobile_alignment }}{% endif %} product__text-container--{{ block.settings.direction }} product__text-container--{{ block.settings.width }} product__text-container--styling-{{ block.settings.styling_container }}{% if block.settings.enable_bg %} product__text-container--background{% endif %}{% if block.settings.enable_gradient_bg %} product__text-container--gradient-background{% endif %}{% if item_count > 1 %} product__text-container--multiple{% endif %}{% if item_count == 4 and block.settings.grid_layout == '2x2' %} product__text-container--grid-2x2{% endif %}{% if block.settings.width == 'full_negative' %} side-margins-negative{% endif %} {{ block.settings.visibility }}"
    style="--item-count:{{ item_count }};--mobile-text-size: {{ block.settings.mobile_text_size | divided_by: 10.0 }}rem;--desktop-text-size: {{ block.settings.desktop_text_size | divided_by: 10.0 }}rem;--icon-scale:{{ block.settings.icon_scale | divided_by: 100.0 }};--column-gap:{{ block.settings.column_gap | divided_by: 2.0 }}em;--row-gap:{{ block.settings.column_gap | divided_by: 5.0 }}em;--padding:{{ block.settings.padding | divided_by: 7.0 }}em;--bg-color:{{ block.settings.bg_color }};{% if block.settings.enable_gradient_bg %}--gradient-bg: {{ block.settings.gradient_bg }};{% endif %}--corner-radius:{{ block.settings.corner_radius | divided_by: 100.0 }}em;--border-size:{{ block.settings.border_size }}px;--border-color:{{ block.settings.border_color }};{% if block.settings.dashedborder %}border-style: dashed;{% endif %}"
    {{ block.shopify_attributes }}
  >
    {% if block.settings.text_1 != blank %}
      <p
        class="product__text product__text-{{ block.settings.alignment }}{% if mobile_align %} product__text-mobile-{{ block.settings.mobile_alignment }}{% endif %}"
        style="--text-color:{{ block.settings.text_color }};--icon-color:{{ block.settings.icon_color }};{% if block.settings.styling_container == 'text' and block.settings.enable_bg %}--bg-color:{{ item_bg_1 }};background:{{ item_bg_1 }};{% endif %}{% if block.settings.boxshadow and block.settings.styling_container == 'text' and block.settings.enable_bg %} box-shadow: 0 1px 3px rgba(0,0,0,0.2);{% endif %}"
      >
        {% if block.settings.custom_icon_1 != blank %}
          <img src="{{ block.settings.custom_icon_1 | image_url }}" alt="{{ block.settings.custom_icon_1.alt }}" width="auto" height="auto" loading="lazy">
        {% elsif block.settings.icon_1 != blank %}
          {% render 'material-icon', icon: block.settings.icon_1, filled: block.settings.filled_icon_1 %}
        {% endif %}
        <span>{{- block.settings.text_1 -}}</span>
      </p>
    {% endif %}

    {% if block.settings.text_2 != blank %}
      <p
        class="product__text product__text-{{ block.settings.alignment }}{% if mobile_align %} product__text-mobile-{{ block.settings.mobile_alignment }}{% endif %}"
        style="--text-color:{{ block.settings.text_color }};--icon-color:{{ block.settings.icon_color }};{% if block.settings.styling_container == 'text' and block.settings.enable_bg %}--bg-color:{{ item_bg_2 }};background:{{ item_bg_2 }};{% endif %}{% if block.settings.boxshadow and block.settings.styling_container == 'text' and block.settings.enable_bg %} box-shadow: 0 1px 3px rgba(0,0,0,0.2);{% endif %}"
      >
        {% if block.settings.custom_icon_2 != blank %}
          <img src="{{ block.settings.custom_icon_2 | image_url }}" alt="{{ block.settings.custom_icon_2.alt }}" width="auto" height="auto" loading="lazy">
        {% elsif block.settings.icon_2 != blank %}
          {% render 'material-icon', icon: block.settings.icon_2, filled: block.settings.filled_icon_2 %}
        {% endif %}
        <span>{{- block.settings.text_2 -}}</span>
      </p>
    {% endif %}

    {% if block.settings.text_3 != blank %}
      <p
        class="product__text product__text-{{ block.settings.alignment }}{% if mobile_align %} product__text-mobile-{{ block.settings.mobile_alignment }}{% endif %}"
        style="--text-color:{{ block.settings.text_color }};--icon-color:{{ block.settings.icon_color }};{% if block.settings.styling_container == 'text' and block.settings.enable_bg %}--bg-color:{{ item_bg_3 }};background:{{ item_bg_3 }};{% endif %}{% if block.settings.boxshadow and block.settings.styling_container == 'text' and block.settings.enable_bg %} box-shadow: 0 1px 3px rgba(0,0,0,0.2);{% endif %}"
      >
        {% if block.settings.custom_icon_3 != blank %}
          <img src="{{ block.settings.custom_icon_3 | image_url }}" alt="{{ block.settings.custom_icon_3.alt }}" width="auto" height="auto" loading="lazy">
        {% elsif block.settings.icon_3 != blank %}
          {% render 'material-icon', icon: block.settings.icon_3, filled: block.settings.filled_icon_3 %}
        {% endif %}
        <span>{{- block.settings.text_3 -}}</span>
      </p>
    {% endif %}

    {% if block.settings.text_4 != blank %}
      <p
        class="product__text product__text-{{ block.settings.alignment }}{% if mobile_align %} product__text-mobile-{{ block.settings.mobile_alignment }}{% endif %}"
        style="--text-color:{{ block.settings.text_color }};--icon-color:{{ block.settings.icon_color }};{% if block.settings.styling_container == 'text' and block.settings.enable_bg %}--bg-color:{{ item_bg_4 }};background:{{ item_bg_4 }};{% endif %}{% if block.settings.boxshadow and block.settings.styling_container == 'text' and block.settings.enable_bg %} box-shadow: 0 1px 3px rgba(0,0,0,0.2);{% endif %}"
      >
        {% if block.settings.custom_icon_4 != blank %}
          <img src="{{ block.settings.custom_icon_4 | image_url }}" alt="{{ block.settings.custom_icon_4.alt }}" width="auto" height="auto" loading="lazy">
        {% elsif block.settings.icon_4 != blank %}
          {% render 'material-icon', icon: block.settings.icon_4, filled: block.settings.filled_icon_4 %}
        {% endif %}
        <span>{{- block.settings.text_4 -}}</span>
      </p>
    {% endif %}
  </div>

          {%- when 'doctor_recommendation' -%}
           {% render 'doctor-recommendation', block: block %}

          {%- when 'moneybackguarantee' -%}
           {% render 'moneybackcheck-new', block: block %}  

           {%- when 'facebook_comment' -%}
						{% render 'facebook-comment-block', block: block %}

            {%- when 'instagramcomment' -%}
						{% render 'instagram-comment-block', block: block %}


					{%- when 'sidebar' -%}
						{%- comment -%} Sidebar content will be rendered separately {%- endcomment -%}

					{%- when 'disclaimer' -%}
						{%- comment -%} Disclaimer will be rendered at the bottom of the page {%- endcomment -%}
				{%- endcase -%}
				{%- endfor -%}
			</div>

				{%- assign sidebar_block = section.blocks | where: 'type', 'sidebar' | first -%}
				{%- if sidebar_block and sidebar_block.settings.show_sidebar -%}
				<aside class="editorial-sidebar editorial-reviews-sidebar editorial-sidebar-{{ sidebar_block.id }}" {{ sidebar_block.shopify_attributes }}>
					{%- if sidebar_block.settings.show_featured_product and sidebar_block.settings.sidebar_product -%}
					{%- assign sidebar_product = sidebar_block.settings.sidebar_product -%}
					<div class="editorial-featured-product editorial-clickable" onclick="window.location.href='{{ sidebar_product.url }}'">
						<h3 class="h3">{{ sidebar_product.title }}</h3>
						<div class="editorial-img-container">
						{%- if sidebar_block.settings.custom_sidebar_image -%}
							{%- comment -%} Use custom image if provided {%- endcomment -%}
							{{ sidebar_block.settings.custom_sidebar_image | image_url: width: 640 | image_tag: class: 'editorial-sidebar-product-image' }}
						{%- elsif sidebar_product.featured_image -%}
							{%- comment -%} Fall back to product featured image {%- endcomment -%}
							{{ sidebar_product.featured_image | image_url: width: 640 | image_tag: class: 'editorial-sidebar-product-image' }}
						{%- else -%}
							{%- comment -%} Placeholder if no images available {%- endcomment -%}
							<img src="https://placehold.co/200" width="200" height="200" alt="sidebar image placeholder" class="editorial-sidebar-product-image editorial-placeholder" />
						{%- endif -%}
						</div>
						<a href="{{ sidebar_product.url }}" class="editorial-sidebar-link" onclick="event.stopPropagation();">
						{{ sidebar_block.settings.sidebar_product_btn }}
						</a>
					</div>
					{%- endif -%}
					
					{%- if sidebar_block.settings.show_rating_section -%}
						<div class="editorial-rating-section">
							<h4 class="h4">{{ sidebar_block.settings.sidebar_title }}</h4>
							<div class="editorial-ratings-by-star">
								<div class="editorial-total-rating">
									{%- liquid 
										assign five_star_rating = 5 | times: sidebar_block.settings.five_star_bar
										assign four_star_rating = 4 | times: sidebar_block.settings.four_star_bar
										assign three_star_rating = 3 | times: sidebar_block.settings.three_star_bar
										assign two_star_rating = 2 | times: sidebar_block.settings.two_star_bar
										assign one_star_rating = 1 | times: sidebar_block.settings.one_star_bar
										assign review_rating_total = five_star_rating | plus: four_star_rating | plus: three_star_rating | plus: two_star_rating | plus: one_star_rating

										assign average_rating = review_rating_total | times: 1.0 | divided_by: 100
										assign truncated_rating = average_rating | times: 10 | floor | divided_by: 10.0
									-%}
									<div class="editorial-stars-wrapper">
										{%- for i in (1..5) -%}
											{%- liquid 
												assign star_width = '100%'
												assign modulo = average_rating | modulo: 1
												assign target_index = average_rating | ceil
												
												if modulo > 0 and forloop.index == target_index
													assign star_width = modulo | split: '.' | last | times: 10 | append: '%'
												endif

												if forloop.index > target_index
													assign star_width = '0%'
												endif
											-%}
											<svg width="{{ sidebar_block.settings.rating_star_size }}" height="{{ sidebar_block.settings.rating_star_size }}" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg">
												<defs>
													<mask id="editorial_reviews_sidebar_mask_{{ forloop.index }}" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="1920" height="1920">
														<path d="M1915.918 737.475c-10.955-33.543-42.014-56.131-77.364-56.131h-612.029l-189.063-582.1v-.112C1026.394 65.588 995.335 43 959.984 43c-35.237 0-66.41 22.588-77.365 56.245L693.443 681.344H81.415c-35.35 0-66.41 22.588-77.365 56.131-10.955 33.544.79 70.137 29.478 91.03l495.247 359.831-189.177 582.212c-10.955 33.657 1.13 70.25 29.817 90.918 14.23 10.278 30.946 15.487 47.66 15.487 16.716 0 33.432-5.21 47.775-15.6l495.134-359.718 495.021 359.718c28.574 20.781 67.087 20.781 95.662.113 28.687-20.668 40.658-57.261 29.703-91.03l-189.176-582.1 495.36-359.83c28.574-20.894 40.433-57.487 29.364-91.03" fill="{{ sidebar_block.settings.rating_star_color }}" fill-rule="evenodd"/>
													</mask>
												</defs>
												<path d="M1915.918 737.475c-10.955-33.543-42.014-56.131-77.364-56.131h-612.029l-189.063-582.1v-.112C1026.394 65.588 995.335 43 959.984 43c-35.237 0-66.41 22.588-77.365 56.245L693.443 681.344H81.415c-35.35 0-66.41 22.588-77.365 56.131-10.955 33.544.79 70.137 29.478 91.03l495.247 359.831-189.177 582.212c-10.955 33.657 1.13 70.25 29.817 90.918 14.23 10.278 30.946 15.487 47.66 15.487 16.716 0 33.432-5.21 47.775-15.6l495.134-359.718 495.021 359.718c28.574 20.781 67.087 20.781 95.662.113 28.687-20.668 40.658-57.261 29.703-91.03l-189.176-582.1 495.36-359.83c28.574-20.894 40.433-57.487 29.364-91.03" stroke="{{ sidebar_block.settings.rating_empty_star_color }}" stroke-width="10" fill="none" fill-rule="evenodd"/>
												<g mask="url(#editorial_reviews_sidebar_mask_{{ forloop.index }})">
													<rect width="1920" height="1920" fill="{{ sidebar_block.settings.rating_star_color }}" style="width: {{ star_width }};" />
												</g>
											</svg>
										{%- endfor -%}
									</div>
									<div class="editorial-review-rating-text">
									{{ sidebar_block.settings.rating_text | default: truncated_rating }}
									</div>
								</div>
								<div class="editorial-ratings-list">
									{%- for i in (1..5) -%}
										{%- liquid 
											case forloop.index
												when 5
													assign index_string = 'five'
													assign bar_value = sidebar_block.settings.five_star_bar
												when 4
													assign index_string = 'four'
													assign bar_value = sidebar_block.settings.four_star_bar
												when 3
													assign index_string = 'three'
													assign bar_value = sidebar_block.settings.three_star_bar
												when 2
													assign index_string = 'two'
													assign bar_value = sidebar_block.settings.two_star_bar
												when 1
													assign index_string = 'one'
													assign bar_value = sidebar_block.settings.one_star_bar
											endcase
										-%}
										<div class="editorial-star-bar editorial-{{ index_string }}-star-bar">
											<div>{{ forloop.index }} Star</div>
											<div class="editorial-rating-bar">
												<div class="editorial-rating-progress" style="--editorial-bar-progress: {{ bar_value }}%;"></div>
											</div>
											<div>{{ bar_value }}%</div>
										</div>
									{%- endfor -%}
								</div>	
							</div>
						</div>
					{%- endif -%}
					
					{%- if sidebar_block.settings.show_features -%}
						<div class="editorial-features">
							{%- for feature in (1..4) -%}
								{%- liquid 
									assign title_index = 'feature_title_'	| append: forloop.index
									assign feature_rating = 'feature_rating_' | append: forloop.index
								-%}
								<div class="editorial-feature editorial-feature-{{ sidebar_block.settings[title_index] | handleize }}">
									<div class="editorial-feature-title">{{ sidebar_block.settings[title_index] }}</div>
									<div class="editorial-feature-rating">
										<div class="editorial-stars-wrapper">
											{%- for i in (1..5) -%}
												{%- liquid 
													assign star_width = '100%'
													assign modulo = sidebar_block.settings[feature_rating] | modulo: 1
													assign target_index = sidebar_block.settings[feature_rating] | ceil
													
													if modulo > 0 and forloop.index == target_index
														assign star_width = modulo | split: '.' | last | times: 10 | append: '%'
													endif

													if forloop.index > target_index
														assign star_width = '0%'
													endif
												-%}
												<svg width="{{ sidebar_block.settings.feature_star_size }}" height="{{ sidebar_block.settings.feature_star_size }}" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg">
													<defs>
														<mask id="editorial_feature_mask_{{ forloop.parentloop.index }}_{{ forloop.index }}" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="1920" height="1920">
															<path d="M1915.918 737.475c-10.955-33.543-42.014-56.131-77.364-56.131h-612.029l-189.063-582.1v-.112C1026.394 65.588 995.335 43 959.984 43c-35.237 0-66.41 22.588-77.365 56.245L693.443 681.344H81.415c-35.35 0-66.41 22.588-77.365 56.131-10.955 33.544.79 70.137 29.478 91.03l495.247 359.831-189.177 582.212c-10.955 33.657 1.13 70.25 29.817 90.918 14.23 10.278 30.946 15.487 47.66 15.487 16.716 0 33.432-5.21 47.775-15.6l495.134-359.718 495.021 359.718c28.574 20.781 67.087 20.781 95.662.113 28.687-20.668 40.658-57.261 29.703-91.03l-189.176-582.1 495.36-359.83c28.574-20.894 40.433-57.487 29.364-91.03" fill="{{ sidebar_block.settings.feature_star_color }}" fill-rule="evenodd"/>
														</mask>
													</defs>
													<path d="M1915.918 737.475c-10.955-33.543-42.014-56.131-77.364-56.131h-612.029l-189.063-582.1v-.112C1026.394 65.588 995.335 43 959.984 43c-35.237 0-66.41 22.588-77.365 56.245L693.443 681.344H81.415c-35.35 0-66.41 22.588-77.365 56.131-10.955 33.544.79 70.137 29.478 91.03l495.247 359.831-189.177 582.212c-10.955 33.657 1.13 70.25 29.817 90.918 14.23 10.278 30.946 15.487 47.66 15.487 16.716 0 33.432-5.21 47.775-15.6l495.134-359.718 495.021 359.718c28.574 20.781 67.087 20.781 95.662.113 28.687-20.668 40.658-57.261 29.703-91.03l-189.176-582.1 495.36-359.83c28.574-20.894 40.433-57.487 29.364-91.03" stroke="#e0e0e0" stroke-width="10" fill="none" fill-rule="evenodd"/>
													<g mask="url(#editorial_feature_mask_{{ forloop.parentloop.index }}_{{ forloop.index }})">
														<rect width="1920" height="1920" fill="{{ sidebar_block.settings.feature_star_color }}" style="width: {{ star_width }};" />
													</g>
												</svg>
											{%- endfor -%}
										</div>
										<div class="editorial-review-rating-text">
											{{ sidebar_block.settings[feature_rating] | times: 1.0 }}
										</div>
									</div>
								</div>
							{%- endfor -%}
						</div>
					{%- endif -%}
				</aside>
			{%- endif -%}
		</div>
	</div>
</div>

<!-- Sticky Add to Cart -->
{%- if section.settings.advertorial_enable_sticky_cart -%}
	<div id="editorial-sticky-cart-{{ section.id }}" class="editorial-sticky-cart editorial-sticky-style-{{ section.settings.advertorial_sticky_button_style }}">
		{%- if section.settings.advertorial_sticky_button_style == 'transparent_full' -%}
			<div class="editorial-sticky-cart-transparent-content">
				{%- if section.settings.advertorial_sticky_cart_product -%}
					<form action="/cart/add" method="post" enctype="multipart/form-data" class="editorial-sticky-cart-form-full">
						<input type="hidden" name="id" value="{{ section.settings.advertorial_sticky_cart_product.selected_or_first_available_variant.id }}">
						<button type="submit" class="editorial-sticky-cart-button-transparent">
							{{ section.settings.advertorial_sticky_cart_button_text | default: "Add to Cart" }}
						</button>
					</form>
				{%- endif -%}
			</div>
		{%- elsif section.settings.advertorial_sticky_button_style == 'solid_full' -%}
			<div class="editorial-sticky-cart-solid-content">
				{%- if section.settings.advertorial_sticky_cart_product -%}
					<form action="/cart/add" method="post" enctype="multipart/form-data" class="editorial-sticky-cart-form-full">
						<input type="hidden" name="id" value="{{ section.settings.advertorial_sticky_cart_product.selected_or_first_available_variant.id }}">
						<button type="submit" class="editorial-sticky-cart-button-solid">
							{{ section.settings.advertorial_sticky_cart_button_text | default: "Add to Cart" }}
						</button>
					</form>
				{%- endif -%}
			</div>
		{%- else -%}
			<div class="editorial-sticky-cart-content">
				<div class="editorial-sticky-cart-product-info">
					{%- if section.settings.advertorial_sticky_cart_product -%}
						{%- assign sticky_product = section.settings.advertorial_sticky_cart_product -%}
						{%- if sticky_product.featured_image -%}
							<img src="{{ sticky_product.featured_image | image_url: width: 60 }}" alt="{{ sticky_product.title }}" class="editorial-sticky-cart-image">
						{%- endif -%}
						<div class="editorial-sticky-cart-details">
							<h4 class="editorial-sticky-cart-title">{{ sticky_product.title }}</h4>
							<div class="editorial-sticky-cart-price">
								{%- if sticky_product.compare_at_price > sticky_product.price -%}
									<span class="editorial-sticky-cart-sale-price">{{ sticky_product.price | money }}</span>
									<span class="editorial-sticky-cart-original-price">{{ sticky_product.compare_at_price | money }}</span>
								{%- else -%}
									<span class="editorial-sticky-cart-price-regular">{{ sticky_product.price | money }}</span>
								{%- endif -%}
							</div>
						</div>
					{%- endif -%}
				</div>
				<div class="editorial-sticky-cart-actions">
					{%- if section.settings.advertorial_sticky_cart_product -%}
						<form action="/cart/add" method="post" enctype="multipart/form-data" class="editorial-sticky-cart-form">
							<input type="hidden" name="id" value="{{ section.settings.advertorial_sticky_cart_product.selected_or_first_available_variant.id }}">
							<button type="submit" class="editorial-sticky-cart-button">
								{{ section.settings.advertorial_sticky_cart_button_text | default: "Add to Cart" }}
							</button>
						</form>
					{%- endif -%}
				</div>
			</div>
		{%- endif -%}
	</div>

	<style>
		.editorial-sticky-cart {
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			background: rgba(255, 255, 255, 0.95);
			backdrop-filter: blur(10px);
			-webkit-backdrop-filter: blur(10px);
			border-top: 1px solid rgba(0, 0, 0, 0.1);
			z-index: 1000;
			transform: translateY(100%);
			transition: transform 0.3s ease;
			padding: 15px 0;
			display: block;
		}

		@media (max-width: 768px) {
			.editorial-sticky-cart {
				display: block;
			}
		}

		.editorial-sticky-cart.editorial-show {
			transform: translateY(0);
		}

		.editorial-sticky-cart-content {
			max-width: 1200px;
			margin: 0 auto;
			padding: 0 20px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 15px;
		}

		.editorial-sticky-cart-product-info {
			display: flex;
			align-items: center;
			gap: 12px;
			flex: 1;
		}

		.editorial-sticky-cart-image {
			width: 50px;
			height: 50px;
			object-fit: cover;
			border-radius: 8px;
			flex-shrink: 0;
		}

		.editorial-sticky-cart-details {
			flex: 1;
			min-width: 0;
		}

		.editorial-sticky-cart-title {
			font-size: 16px;
			font-weight: 600;
			margin: 0 0 4px 0;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			color: {{ section.settings.advertorial_sticky_cart_text_color | default: '#333333' }};
		}

		.editorial-sticky-cart-price {
			display: flex;
			align-items: center;
			gap: 8px;
		}

		.editorial-sticky-cart-sale-price {
			font-weight: 600;
			color: {{ section.settings.advertorial_sticky_cart_sale_color | default: '#e74c3c' }};
		}

		.editorial-sticky-cart-original-price {
			text-decoration: line-through;
			color: #999;
			font-size: 14px;
		}

		.editorial-sticky-cart-price-regular {
			font-weight: 600;
			color: {{ section.settings.advertorial_sticky_cart_text_color | default: '#333333' }};
		}

		.editorial-sticky-cart-actions {
			flex-shrink: 0;
		}

		.editorial-sticky-cart-form {
			margin: 0;
		}

		.editorial-sticky-cart-button {
			background-color: {{ button_bg_color }} !important;
			color: {{ button_text_color }} !important;
			border-radius: {{ section.settings.global_button_radius }}px !important;
			font-size: {{ section.settings.global_button_font_size }}px !important;
			font-weight: {{ section.settings.global_button_font_weight }} !important;
			padding: {{ section.settings.global_button_vertical_padding }}px {{ section.settings.global_button_horizontal_padding }}px !important;
			border: {{ section.settings.global_button_border_width }}px solid {{ section.settings.global_button_border_color }} !important;
			border-bottom: {{ section.settings.global_button_border_bottom_width }}px solid {{ section.settings.global_button_border_bottom_color }} !important;
			box-shadow: none !important;
			outline: none !important;
			cursor: pointer !important;
			transition: all 0.3s ease !important;
			white-space: nowrap !important;
			text-decoration: none !important;
			display: inline-block !important;
			text-align: center !important;
			position: relative !important;
			overflow: hidden !important;
			align-items: center !important;
			justify-content: center !important;
		}

		.editorial-sticky-cart-button:hover {
			background-color: {{ button_border_color }} !important;
			color: {{ button_text_color }} !important;
			text-decoration: none !important;
			transform: translateY(-1px) !important;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
		}

		@media (max-width: 768px) {
			.editorial-sticky-cart-content {
				padding: 0 15px;
				gap: 10px;
			}

			.editorial-sticky-cart-title {
				font-size: 14px;
			}

			.editorial-sticky-cart-button {
				padding: 10px 20px;
				font-size: 14px;
			}

			.editorial-sticky-cart-image {
				width: 40px;
				height: 40px;
			}
		}

		/* Transparent Full Width style */
		.editorial-sticky-style-transparent_full {
			background: transparent !important;
			backdrop-filter: none !important;
			-webkit-backdrop-filter: none !important;
			border-top: none !important;
			padding: 20px 0 !important;
		}

		.editorial-sticky-cart-transparent-content {
			max-width: 1200px;
			margin: 0 auto;
			padding: 0 20px;
		}

		.editorial-sticky-cart-form-full {
			margin: 0;
			width: 100%;
		}

		.editorial-sticky-cart-button-transparent {
			width: 100% !important;
			background: rgba(255, 255, 255, 0.1) !important;
			color: {{ section.settings.advertorial_sticky_cart_button_text_color | default: '#ffffff' }} !important;
			{%- if section.settings.advertorial_sticky_cart_show_border -%}
				border: 2px solid {{ section.settings.advertorial_sticky_cart_button_text_color | default: '#ffffff' }} !important;
			{%- else -%}
				border: none !important;
			{%- endif -%}
			padding: {{ section.settings.advertorial_sticky_cart_transparent_padding | default: 15 }}px 20px !important;
			border-radius: 8px !important;
			font-weight: 600 !important;
			font-size: 18px !important;
			cursor: pointer !important;
			transition: all 0.3s ease !important;
			backdrop-filter: blur(10px) !important;
			-webkit-backdrop-filter: blur(10px) !important;
			text-align: center !important;
			display: block !important;
			text-decoration: none !important;
			box-shadow: none !important;
			outline: none !important;
			position: relative !important;
			overflow: hidden !important;
			align-items: center !important;
			justify-content: center !important;
		}

		.editorial-sticky-cart-button-transparent:hover {
			background: rgba(255, 255, 255, 0.2) !important;
			transform: translateY(-2px) !important;
			box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
			color: {{ section.settings.advertorial_sticky_cart_button_text_color | default: '#ffffff' }} !important;
			text-decoration: none !important;
		}

		.editorial-sticky-cart-button-transparent:active {
			transform: translateY(0) !important;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
			color: {{ section.settings.advertorial_sticky_cart_button_text_color | default: '#ffffff' }} !important;
			text-decoration: none !important;
		}

		@media (max-width: 768px) {
			.editorial-sticky-style-transparent_full {
				padding: 15px 0 !important;
			}

			.editorial-sticky-cart-transparent-content {
				padding: 0 15px;
			}

			.editorial-sticky-cart-button-transparent {
				font-size: 16px !important;
				padding: {{ section.settings.advertorial_sticky_cart_transparent_padding | default: 15 }}px 15px !important;
			}
		}

		/* Solid Full Width style */
		.editorial-sticky-style-solid_full {
			background: {{ section.settings.advertorial_sticky_solid_bg_color | default: '#2F465F' }} !important;
			backdrop-filter: none !important;
			-webkit-backdrop-filter: none !important;
			border-top: none !important;
			padding: 20px 0 !important;
		}

		.editorial-sticky-cart-solid-content {
			max-width: 1200px;
			margin: 0 auto;
			padding: 0 20px;
		}

		.editorial-sticky-cart-button-solid {
			width: 100% !important;
			background-color: {{ section.settings.advertorial_sticky_solid_bg_color | default: '#2F465F' }} !important;
			color: {{ section.settings.advertorial_sticky_solid_text_color | default: '#ffffff' }} !important;
			border: none !important;
			padding: {{ section.settings.advertorial_sticky_cart_transparent_padding | default: 15 }}px 20px !important;
			border-radius: {{ section.settings.advertorial_sticky_solid_border_radius | default: 8 }}px !important;
			font-weight: 600 !important;
			font-size: 18px !important;
			cursor: pointer !important;
			transition: all 0.3s ease !important;
			text-align: center !important;
			display: block !important;
			text-decoration: none !important;
			box-shadow: none !important;
			outline: none !important;
			position: relative !important;
			overflow: hidden !important;
			align-items: center !important;
			justify-content: center !important;
		}

		.editorial-sticky-cart-button-solid:hover {
			background-color: {{ section.settings.advertorial_sticky_solid_bg_color | default: '#2F465F' | color_darken: 10 }} !important;
			color: {{ section.settings.advertorial_sticky_solid_text_color | default: '#ffffff' }} !important;
			transform: translateY(-2px) !important;
			box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
			text-decoration: none !important;
		}

		.editorial-sticky-cart-button-solid:active {
			transform: translateY(0) !important;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
			text-decoration: none !important;
		}

		@media (max-width: 768px) {
			.editorial-sticky-style-solid_full {
				padding: 15px 0 !important;
			}

			.editorial-sticky-cart-solid-content {
				padding: 0 15px;
			}

			.editorial-sticky-cart-button-solid {
				font-size: 16px !important;
				padding: {{ section.settings.advertorial_sticky_cart_transparent_padding | default: 15 }}px 15px !important;
			}
		}

		{%- if section.settings.show_button_arrow -%}
			.editorial-sticky-cart-button::after,
			.editorial-sticky-cart-button-transparent::after,
			.editorial-sticky-cart-button-solid::after {
				content: "";
				display: inline-block !important;
				width: 22px !important;
				height: 22px !important;
				margin-left: 8px !important;
				background-image: url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8 6L8 2L10 2L16 8L10 14L8 14L8 10L-1.74845e-07 10L-3.01991e-07 6L8 6Z' fill='{{ section.settings.button_arrow_color | url_encode }}'/></svg>") !important;
				background-size: contain !important;
				background-repeat: no-repeat !important;
				background-position: center !important;
				vertical-align: middle !important;
				flex-shrink: 0 !important;
			}
		{%- endif -%}
	</style>

<script>
function initEditorialStickyCart() {
	const stickyCart = document.getElementById('editorial-sticky-cart-{{ section.id }}');
	if (!stickyCart) return;

	let isVisible = false;

	function toggleStickyCart() {
		const scrollY = window.scrollY;
		const windowHeight = window.innerHeight;
		const documentHeight = document.documentElement.scrollHeight;

		const shouldShow = scrollY > 300 || (scrollY + windowHeight >= documentHeight - 100);

		if (shouldShow && !isVisible) {
			stickyCart.classList.add('editorial-show');
			isVisible = true;
		} else if (!shouldShow && isVisible) {
			stickyCart.classList.remove('editorial-show');
			isVisible = false;
		}
	}

	let ticking = false;
	function handleScroll() {
		if (!ticking) {
			requestAnimationFrame(function() {
				toggleStickyCart();
				ticking = false;
			});
			ticking = true;
		}
	}

	window.removeEventListener('scroll', handleScroll);
	window.addEventListener('scroll', handleScroll);
	toggleStickyCart();

	const form = stickyCart.querySelector('.editorial-sticky-cart-form') || stickyCart.querySelector('.editorial-sticky-cart-form-full');
	if (form) {
		form.addEventListener('submit', function(e) {
			e.preventDefault();
			const productUrl = '{{ section.settings.advertorial_sticky_cart_product.url }}';
			if (productUrl && productUrl !== '') {
				window.location.href = productUrl;
			}
		});
	}
}

document.addEventListener('DOMContentLoaded', initEditorialStickyCart);
document.addEventListener('shopify:section:load', initEditorialStickyCart);
</script>
{%- endif -%}

<!-- Disclaimer Footer -->
{%- assign disclaimer_block = section.blocks | where: 'type', 'disclaimer' | first -%}
{%- if disclaimer_block -%}
	<div class="editorial-disclaimer-footer editorial-disclaimer-{{ disclaimer_block.id }}">
		<div class="editorial-disclaimer-content">
			{{ disclaimer_block.settings.disclaimer_text }}
		</div>
	</div>
	<style>
		.editorial-disclaimer-footer {
			width: 100%;
			background-color: {{ disclaimer_block.settings.disclaimer_background_color }};
			text-align: {{ disclaimer_block.settings.disclaimer_alignment }};
			padding: {{ disclaimer_block.settings.disclaimer_padding_top }}px 20px {{ disclaimer_block.settings.disclaimer_padding_bottom }}px;
			border-top: 1px solid rgba(0, 0, 0, 0.1);
			margin-top: 40px;
		}
		.editorial-disclaimer-content {
			max-width: 1200px;
			margin: 0 auto;
			font-size: {{ disclaimer_block.settings.disclaimer_font_size }}px;
			color: {{ disclaimer_block.settings.disclaimer_text_color }};
			line-height: 1.4;
		}
		.editorial-disclaimer-content p {
			margin: 0;
		}
		.editorial-disclaimer-content small {
			font-size: inherit;
		}
		@media (max-width: 768px) {
			.editorial-disclaimer-footer {
				padding: {{ disclaimer_block.settings.disclaimer_padding_top | times: 0.8 | round }}px 15px {{ disclaimer_block.settings.disclaimer_padding_bottom | times: 0.8 | round }}px;
			}
			
			.editorial-disclaimer-content {
				font-size: {{ disclaimer_block.settings.disclaimer_font_size | times: 0.9 | round }}px;
			}
		}
	</style>
{%- endif -%}

<!-- Copyright & Legal Links -->
{%- assign copyright_block = section.blocks | where: 'type', 'copyright_legal' | first -%}
{%- if copyright_block -%}
	<div class="editorial-copyright-footer editorial-copyright-{{ copyright_block.id }}">
		<div class="editorial-copyright-content">
			{%- if copyright_block.settings.show_copyright and copyright_block.settings.copyright_text != blank -%}
				<div class="copyright-text">
					{{ copyright_block.settings.copyright_text }}
				</div>
			{%- endif -%}
			
			{%- if copyright_block.settings.show_legal_links -%}
				<div class="legal-links">
					{%- if copyright_block.settings.terms_text != blank -%}
						<a href="{{ copyright_block.settings.terms_url }}" class="legal-link">
							{{ copyright_block.settings.terms_text }}
						</a>
					{%- endif -%}
					
					{%- if copyright_block.settings.privacy_text != blank -%}
						<a href="{{ copyright_block.settings.privacy_url }}" class="legal-link">
							{{ copyright_block.settings.privacy_text }}
						</a>
					{%- endif -%}
				</div>
			{%- endif -%}
		</div>
	</div>
	<style>
		.editorial-copyright-footer {
			width: 100%;
			background-color: {{ copyright_block.settings.copyright_background_color }};
			padding: {{ copyright_block.settings.copyright_padding_top }}px 20px {{ copyright_block.settings.copyright_padding_bottom }}px;
			border-top: 1px solid rgba(0, 0, 0, 0.1);
		}
		.editorial-copyright-content {
			max-width: 1200px;
			margin: 0 auto;
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
			gap: 15px;
		}
		.copyright-text {
			font-size: {{ copyright_block.settings.copyright_font_size }}px;
			color: {{ copyright_block.settings.copyright_text_color }};
		}
		.legal-links {
			display: flex;
			gap: 20px;
			flex-wrap: wrap;
		}
		.legal-link {
			font-size: {{ copyright_block.settings.link_font_size }}px;
			color: {{ copyright_block.settings.link_color }};
			text-decoration: {{ copyright_block.settings.link_underline }};
			transition: opacity 0.2s ease;
		}
		.legal-link:hover {
			opacity: 0.7;
		}
		@media (max-width: 768px) {
			.editorial-copyright-content {
				flex-direction: column;
				text-align: center;
				gap: 10px;
			}
			.copyright-text {
				font-size: {{ copyright_block.settings.copyright_font_size | times: 0.9 | round }}px;
			}
			.legal-links {
				justify-content: center;
				gap: 15px;
			}
			.legal-link {
				font-size: {{ copyright_block.settings.link_font_size | times: 0.9 | round }}px;
			}
		}
	</style>
{%- endif -%}





{%- schema -%}
{
	"name": "Advertorial section",
	"class": "advertorial-custom-section",
	"settings": [
		{
		"type": "checkbox",
		"id": "disable_header",
		"label": "Hide header",
		"default": false
		},
		{
		"type": "checkbox",
		"id": "disable_footer",
		"label": "Hide footer",
		"default": false
		},
		{
		"type": "header",
		"content": "Fake Header Settings"
		},
		{
		"type": "checkbox",
		"id": "show_fake_header",
		"label": "Show Fake Header",
		"default": false,
		"info": "Display a fake header at the top of the section. If enabled, it's recommended to set the Section Top Padding to 0px."
		},
		{
		"type": "image_picker",
		"id": "fake_header_logo",
		"label": "Fake Header Logo",
		"info": "Upload your logo for the fake header"
		},
		{
		"type": "color",
		"id": "fake_header_bg_color",
		"label": "Fake Header Background Color",
		"default": "#ffffff"
		},
		{
		"type": "color",
		"id": "fake_header_icon_color",
		"label": "Hamburger Menu Icon Color",
		"default": "#000000"
		},
		{
		"type": "range",
		"id": "fake_header_logo_width",
		"label": "Logo Width",
		"min": 80,
		"max": 250,
		"step": 10,
		"unit": "px",
		"default": 150
		},
		{
		"type": "checkbox",
		"id": "fake_header_shadow",
		"label": "Show Header Shadow",
		"default": true
		},
		{
			"type": "header",
			"content": "Color Settings"
		},
		{
			"type": "color",
			"id": "section_background_color",
			"label": "Section Background Color",
			"default": "#ffffff"
		},
		{
			"type": "header",
			"content": "Global Button Settings"
		},
		{
			"type": "paragraph",
			"content": "These settings apply to ALL buttons in this section for consistent styling."
		},
		{
			"type": "color",
			"id": "global_button_bg_color",
			"label": "Button Background Color",
			"default": "#2F465F"
		},
		{
			"type": "color",
			"id": "global_button_text_color",
			"label": "Button Text Color",
			"default": "#ffffff"
		},
		{
			"type": "range",
			"id": "global_button_radius",
			"min": 0,
			"max": 50,
			"step": 1,
			"unit": "px",
			"label": "Button Border Radius",
			"default": 10
		},
		{
			"type": "range",
			"id": "global_button_font_size",
			"min": 12,
			"max": 24,
			"step": 1,
			"unit": "px",
			"label": "Button Font Size",
			"default": 19
		},
		{
			"type": "select",
			"id": "global_button_font_weight",
			"label": "Button Font Weight",
			"options": [
				{ "value": "400", "label": "Normal" },
				{ "value": "500", "label": "Medium" },
				{ "value": "600", "label": "Semi Bold" },
				{ "value": "700", "label": "Bold" }
			],
			"default": "700"
		},
		{
			"type": "range",
			"id": "global_button_vertical_padding",
			"min": 5,
			"max": 25,
			"step": 1,
			"unit": "px",
			"label": "Button Vertical Padding",
			"default": 20
		},
		{
			"type": "range",
			"id": "global_button_horizontal_padding",
			"min": 10,
			"max": 40,
			"step": 1,
			"unit": "px",
			"label": "Button Horizontal Padding",
			"default": 20
		},
		{
			"type": "color",
			"id": "global_button_border_color",
			"label": "Button Border Color",
			"default": "#121212",
			"info": "Main border color for 3D effect"
		},
		{
			"type": "color",
			"id": "global_button_border_bottom_color",
			"label": "Button Bottom Border Color",
			"default": "#121212",
			"info": "Bottom border color for 3D depth effect"
		},
		{
			"type": "range",
			"id": "global_button_border_width",
			"min": 0,
			"max": 5,
			"step": 1,
			"unit": "px",
			"label": "Button Border Width",
			"default": 2
		},
		{
			"type": "range",
			"id": "global_button_border_bottom_width",
			"min": 0,
			"max": 8,
			"step": 1,
			"unit": "px",
			"label": "Button Bottom Border Width",
			"default": 4,
			"info": "Thicker bottom border creates 3D depth"
		},
		{
			"type": "checkbox",
			"id": "show_button_arrow",
			"label": "Show arrow icon on buttons",
			"default": false,
			"info": "Add a right-pointing arrow icon after button text"
		},
		{
			"type": "color",
			"id": "button_arrow_color",
			"label": "Button Arrow Color",
			"default": "#ffffff",
			"info": "Color of the arrow icon on buttons"
		},
		{
			"type": "color",
			"id": "breadcrumb_color",
			"label": "Breadcrumb Color",
			"default": "#b7b7b7"
		},
		{
			"type": "color",
			"id": "sidebar_background_color",
			"label": "Sidebar Background Color",
			"default": "#ffffff"
		},
		{
			"type": "color",
			"id": "sidebar_title_color",
			"label": "Sidebar Title Color",
			"default": "#000000"
		},
		{
			"type": "color",
			"id": "rating_bar_color",
			"label": "Rating Bar Color",
			"default": "#2F465F"
		},
		{
			"type": "color",
			"id": "rating_background_color",
			"label": "Rating Background Color",
			"default": "#ffffff"
		},
		{
			"type": "header",
			"content": "Breadcrumb Settings"
		},
		{
			"type": "checkbox",
			"id": "show_breadcrumb",
			"label": "Show breadcrumb",
			"default": true
		},
		{
			"type": "text",
			"id": "breadcrumb_home_text",
			"label": "Home text",
			"default": "Home"
		},
		{
			"type": "text",
			"id": "breadcrumb_separator",
			"label": "Breadcrumb separator",
			"default": ">"
		},
		{
			"type": "text",
			"id": "breadcrumb_second_text",
			"label": "Second breadcrumb text",
			"default": "Category",
			"info": "Text for the second breadcrumb level"
		},
		{
			"type": "url",
			"id": "breadcrumb_second_url",
			"label": "Second breadcrumb URL",
			"info": "Link for the second breadcrumb level"
		},
		{
			"type": "text",
			"id": "breadcrumb_current_text",
			"label": "Current page text",
			"default": "Current Page",
			"info": "Text for the current page (last breadcrumb)"
		},
		{
			"type": "header",
			"content": "Layout Settings"
		},
		{
			"type": "range",
			"id": "sidebar_width",
			"label": "Sidebar width",
			"default": 35,
			"min": 0,
			"max": 100,
			"step": 1,
			"unit": "%"
		},
		{
			"type": "range",
			"id": "page_width_with_sidebar",
			"label": "Page width (with sidebar)",
			"default": 1200,
			"min": 800,
			"max": 1600,
			"step": 50,
			"unit": "px",
			"info": "Maximum width when sidebar is visible"
		},
		{
			"type": "range",
			"id": "page_width_without_sidebar",
			"label": "Page width (without sidebar)",
			"default": 800,
			"min": 600,
			"max": 1200,
			"step": 50,
			"unit": "px",
			"info": "Maximum width when sidebar is hidden"
		},
		{
			"type": "range",
			"id": "section_padding_top",
			"label": "Section Top Padding",
			"default": 50,
			"min": 0,
			"max": 150,
			"step": 10,
			"unit": "px",
			"info": "Top padding of the entire section"
		},
		{
			"type": "range",
			"id": "section_padding_bottom",
			"label": "Section Bottom Padding",
			"default": 50,
			"min": 0,
			"max": 150,
			"step": 10,
			"unit": "px",
			"info": "Bottom padding of the entire section"
		},
		{
			"type": "header",
			"content": "Sticky Add to Cart"
		},
		{
			"type": "checkbox",
			"id": "advertorial_enable_sticky_cart",
			"label": "Enable Advertorial Sticky Add to Cart",
			"default": false,
			"info": "Show a sticky add to cart bar at the bottom of the page when clicked, it redirects to the product page."
		},
		{
			"type": "product",
			"id": "advertorial_sticky_cart_product",
			"label": "Advertorial Sticky Cart Product"
		},
		{
			"type": "text",
			"id": "advertorial_sticky_cart_button_text",
			"label": "Advertorial Sticky Button Text",
			"default": "Add to Cart"
		},
		{
			"type": "select",
			"id": "advertorial_sticky_button_style",
			"label": "Advertorial Sticky Button Style",
			"default": "default",
			"options": [
				{
					"value": "default",
					"label": "Default (with product info)"
				},
				{
					"value": "transparent_full",
					"label": "Transparent Full Width"
				},
				{
					"value": "solid_full",
					"label": "Solid Full Width"
				}
			],
			"info": "Choose the sticky button display style"
		},
		{
			"type": "range",
			"id": "advertorial_sticky_cart_transparent_padding",
			"label": "Transparent Button Padding",
			"default": 15,
			"min": 10,
			"max": 30,
			"step": 1,
			"unit": "px",
			"info": "Vertical padding for transparent button style"
		},
		{
			"type": "checkbox",
			"id": "advertorial_sticky_cart_show_border",
			"label": "Show Transparent Button Border",
			"default": false,
			"info": "Add a border around the transparent button"
		},
    {
      "type": "color",
      "id": "advertorial_sticky_solid_bg_color",
      "label": "Solid Full Width Button Background",
      "default": "#2F465F",
      "visible_if": "{{ section.settings.advertorial_sticky_button_style == 'solid_full' }}"
    },
    {
      "type": "color",
      "id": "advertorial_sticky_solid_text_color",
      "label": "Solid Full Width Button Text Color",
      "default": "#ffffff",
      "visible_if": "{{ section.settings.advertorial_sticky_button_style == 'solid_full' }}"
    },
    {
      "type": "range",
      "id": "advertorial_sticky_solid_border_radius",
      "label": "Solid Full Width Button Border Radius",
      "min": 0,
      "max": 50,
      "step": 1,
      "unit": "px",
      "default": 8,
      "visible_if": "{{ section.settings.advertorial_sticky_button_style == 'solid_full' }}"
    },
		{
			"type": "color",
			"id": "advertorial_sticky_cart_button_bg",
			"label": "Advertorial Sticky Button Background Color",
			"default": "#28a745"
		},
		{
			"type": "color",
			"id": "advertorial_sticky_cart_button_text_color",
			"label": "Advertorial Sticky Button Text Color",
			"default": "#ffffff"
		},
		{
			"type": "color",
			"id": "advertorial_sticky_cart_text_color",
			"label": "Advertorial Sticky Text Color",
			"default": "#333333"
		},
		{
			"type": "color",
			"id": "advertorial_sticky_cart_sale_color",
			"label": "Advertorial Sticky Sale Price Color",
			"default": "#e74c3c"
		},
		{
			"type": "checkbox",
			"id": "hide_sidebar_mobile",
			"label": "Hide sidebar on mobile",
			"default": false,
			"info": "When enabled, the sidebar will be hidden on mobile devices (screens 768px and below)"
		}
	],
	"blocks": [
		{
			"type": "heading",
			"name": "Heading",
			"settings": [
				{
					"type": "select",
					"id": "tag",
					"label": "Tag",
					"default": "h2",
					"options": [
						{
							"label": "H1",
							"value": "h1"
						},
						{
							"label": "H2",
							"value": "h2"
						},
						{
							"label": "H3",
							"value": "h3"
						},
						{
							"label": "H4",
							"value": "h4"
						},
						{
							"label": "H5",
							"value": "h5"
						},
						{
							"label": "H6",
							"value": "h6"
						}
					]
				},
				{
					"type": "inline_richtext",
					"id": "heading",
					"label": "Heading",
					"default": "Top Orthopedic Surgeon: This Is The Secret Of How I Relived My Daily Knee Pain and Osteoarthritis",
          			"info": "Bold certain words to highlight them with a different color."
				},
				{
				"type": "color",
				"id": "title_highlight_color",
				"label": "Heading highlight color",
				"default": "#6D388B"
				},
				{
					"type": "checkbox",
					"id": "custom_size",
					"label": "Custom text size",
					"default": false
				},
				{
					"type": "number",
					"id": "text_size",
					"label": "Text size",
					"default": 40
				},
				{
					"type": "color",
					"id": "text_color",
					"label": "Text color"
				},
				{
					"type": "header",
					"content": "Typography"
				},
				{
					"type": "range",
					"id": "line_height",
					"label": "Line Height",
					"default": 1.2,
					"min": 0.8,
					"max": 2.0,
					"step": 0.1,
					"info": "Controls the spacing between lines of text"
				},
				{
					"type": "select",
					"id": "font_weight",
					"label": "Font Weight",
					"default": "700",
					"options": [
						{ "value": "300", "label": "Light" },
						{ "value": "400", "label": "Normal" },
						{ "value": "500", "label": "Medium" },
						{ "value": "600", "label": "Semi Bold" },
						{ "value": "700", "label": "Bold" },
						{ "value": "800", "label": "Extra Bold" },
						{ "value": "900", "label": "Black" }
					]
				},
				{
					"type": "select",
					"id": "text_transform",
					"label": "Text Transform",
					"default": "none",
					"options": [
						{ "value": "none", "label": "None" },
						{ "value": "uppercase", "label": "UPPERCASE" },
						{ "value": "lowercase", "label": "lowercase" },
						{ "value": "capitalize", "label": "Capitalize Each Word" }
					]
				},
				{
					"type": "range",
					"id": "letter_spacing",
					"label": "Letter Spacing",
					"default": 0,
					"min": -2,
					"max": 5,
					"step": 0.1,
					"unit": "px",
					"info": "Spacing between individual letters"
				},
				{
					"type": "select",
					"id": "text_align",
					"label": "Text Alignment",
					"default": "left",
					"options": [
						{ "value": "left", "label": "Left" },
						{ "value": "center", "label": "Center" },
						{ "value": "right", "label": "Right" }
					]
				},
				{
					"type": "header",
					"content": "Padding"
				},
				{
					"type": "number",
					"id": "padding_top",
					"label": "Padding top",
					"default": 0
				},
				{
					"type": "number",
					"id": "padding_bottom",
					"label": "Padding bottom",
					"default": 0
				},
				{
					"type": "number",
					"id": "padding_left",
					"label": "Padding left",
					"default": 0
				},
				{
					"type": "number",
					"id": "padding_right",
					"label": "Padding right",
					"default": 0
				}
			]
		},
		{
			"type": "text",
			"name": "Text",
			"settings": [
				{
					"type": "richtext",
					"id": "text",
					"label": "Text",
					"default": "<p>If you struggle with knee pain, bone-on-bone arthritis, or discomfort in your knees, read this short article right now before you do anything else</p>"
				},
				{
					"type": "textarea",
					"id": "highlighted_texts",
					"label": "Highlightext texts",
					"default": "If you struggle with knee pain, bone-on-bone arthritis,",
					"info": "If multiple sentences/words separate them with this vertical bar symbol |"
				},
				{
					"type": "color",
					"id": "hightlight_texts_color",
					"label": "Highlight texts color",
					"default": "#A4C8EE"
				},
				{
					"type": "checkbox",
					"id": "custom_size",
					"label": "Custom text size",
					"default": false
				},
				{
					"type": "number",
					"id": "text_size",
					"label": "Text size",
					"default": 16
				},
				{
					"type": "color",
					"id": "text_color",
					"label": "Text color"
				},
				{
					"type": "header",
					"content": "Padding"
				},
				{
					"type": "number",
					"id": "padding_top",
					"label": "Padding top",
					"default": 0
				},
				{
					"type": "number",
					"id": "padding_bottom",
					"label": "Padding bottom",
					"default": 0
				},
				{
					"type": "number",
					"id": "padding_left",
					"label": "Padding left",
					"default": 0
				},
				{
					"type": "number",
					"id": "padding_right",
					"label": "Padding right",
					"default": 0
				}
			]
		},
		{
			"type": "rating",
			"name": "Rating",
			"settings": [
				{
					"type": "range",
					"id": "rating",
					"label": "Rating",
					"default": 5,
					"min": 0,
					"max": 5,
					"step": 0.1
				},
				{
					"type": "number",
					"id": "star_size",
					"label": "Star size",
					"default": 20
				},
				{
					"type": "color",
					"id": "star_color",
					"label": "Star color",
					"default": "#F1C40F"
				},
				{
					"type": "color",
					"id": "empty_star_color",
					"label": "Empty star color",
					"default": "#e0e0e0"
				},
				{
					"type": "inline_richtext",
					"id": "text",
					"label": "Text",
					"default": "3,791 Ratings"
				},
				{
					"type": "checkbox",
					"id": "custom_size",
					"label": "Custom text size",
					"default": false
				},
				{
					"type": "number",
					"id": "text_size",
					"label": "Text size",
					"default": 16
				},
				{
					"type": "color",
					"id": "text_color",
					"label": "Text color"
				},
				{
					"type": "header",
					"content": "Padding"
				},
				{
					"type": "number",
					"id": "padding_top",
					"label": "Padding top",
					"default": 0
				},
				{
					"type": "number",
					"id": "padding_bottom",
					"label": "Padding bottom",
					"default": 0
				},
				{
					"type": "number",
					"id": "padding_left",
					"label": "Padding left",
					"default": 0
				},
				{
					"type": "number",
					"id": "padding_right",
					"label": "Padding right",
					"default": 0
				}
			]
		},
		{
			"type": "image",
			"name": "Image",
			"settings": [
				{
					"type": "image_picker",
					"id": "image",
					"label": "Image"
				},
				{
					"type": "select",
					"id": "image_alignment",
					"label": "Image alignment",
					"default": "flex-start",
					"options": [
						{
							"label": "Left",
							"value": "flex-start"
						},
						{
							"label": "Center",
							"value": "center"
						},
						{
							"label": "Right",
							"value": "flex-end"
						}
					]
				},
				{
					"type": "select",
					"id": "image_width",
					"label": "Image width",
					"default": "custom",
					"options": [
						{
							"label": "Full",
							"value": "full"
						},
						{
							"label": "Custom",
							"value": "custom"
						}
					]
				},
				{
					"type": "range",
					"id": "custom_image_width",
					"label": "Custom image width",
					"default": 100,
					"min": 0,
					"max": 100,
					"step": 1,
					"unit": "%",
					"info": "This setting applies when Image width setting is set to Custom"
				},
				{
					"type": "checkbox",
					"id": "custom_height",
					"label": "Custom height",
					"default": false
				},
				{
					"type": "number",
					"id": "image_height",
					"label": "Image height",
					"default": 400,
					"info": "This setting is applied when Custom height setting is checked."
				},
				{
					"type": "select",
					"id": "image_size",
					"label": "Image size",
					"default": "cover",
					"options": [
						{
							"label": "Contain",
							"value": "contain"
						},
						{
							"label": "Cover",
							"value": "cover"
						},
						{
							"label": "Fill",
							"value": "fill"
						}
					],
					"info": "This setting is applied when Custom height setting is checked."
				},
				{
					"type": "number",
					"id": "image_radius",
					"label": "Corner radius",
					"default": 0
				},
				{
					"type": "header",
					"content": "Padding"
				},
				{
					"type": "number",
					"id": "padding_top",
					"label": "Padding top",
					"default": 0
				},
				{
					"type": "number",
					"id": "padding_bottom",
					"label": "Padding bottom",
					"default": 0
				},
				{
					"type": "number",
					"id": "padding_left",
					"label": "Padding left",
					"default": 0
				},
				{
					"type": "number",
					"id": "padding_right",
					"label": "Padding right",
					"default": 0
				}
			]
		},
		{
			"type": "author",
			"name": "Author",
			"settings": [
				{
					"type": "image_picker",
					"id": "author_image",
					"label": "Author image"
				},
				{
					"type": "inline_richtext",
					"id": "author_name",
					"label": "Author name",
					"default": "By John Doe"
				},
				{
					"type": "checkbox",
					"id": "badge",
					"label": "Show badge",
					"default": true
				},
				{
					"type": "image_picker",
					"id": "custom_badge",
					"label": "Custom badge"
				},
				{
					"type": "inline_richtext",
					"id": "date",
					"label": "Date",
					"default": "January 1, 2025"
				},
				{
					"type": "range",
					"id": "text_size",
					"label": "Text size",
					"default": 16,
					"min": 10,
					"max": 30,
					"step": 1,
					"unit": "px"
				},
				{
					"type": "header",
					"content": "Colors"
				},
				{
					"type": "color",
					"id": "star_color",
					"label": "Star color",
					"default": "#F1C40F"
				},
				{
					"type": "color",
					"id": "empty_star_color",
					"label": "Empty star color",
					"default": "#e0e0e0"
				},
				{
					"type": "color",
					"id": "badge_color",
					"label": "Badge color",
					"default": "#2F465F"
				},
				{
					"type": "range",
					"id": "badge_size",
					"label": "Badge size",
					"default": 16,
					"min": 10,
					"max": 30,
					"step": 1,
					"unit": "px",
					"info": "Size of the custom badge icon"
				},
				{
					"type": "header",
					"content": "Padding"
				},
				{
					"type": "number",
					"id": "padding_top",
					"label": "Padding top",
					"default": 0
				},
				{
					"type": "number",
					"id": "padding_bottom",
					"label": "Padding bottom",
					"default": 0
				},
				{
					"type": "number",
					"id": "padding_left",
					"label": "Padding left",
					"default": 0
				},
				{
					"type": "number",
					"id": "padding_right",
					"label": "Padding right",
					"default": 0
				}
			]
		},
		{
			"type": "basic_text",
			"name": "Basic Text Block",
			"settings": [
				{
					"type": "richtext",
					"id": "content",
					"label": "Content",
					"default": "<p>Add your text content here. This block spans the full width of the content area.</p>"
				},
				{
					"type": "textarea",
					"id": "highlighted_texts",
					"label": "Highlighted texts",
					"info": "If multiple sentences/words separate them with this vertical bar symbol |"
				},
				{
					"type": "color",
					"id": "highlight_texts_color",
					"label": "Highlight texts color",
					"default": "#A4C8EE"
				},
				{
					"type": "image_picker",
					"id": "image",
					"label": "Optional Image"
				},
				{
					"type": "select",
					"id": "image_position",
					"label": "Image Position",
					"default": "above",
					"options": [
						{
							"label": "Above Text",
							"value": "above"
						},
						{
							"label": "Below Text",
							"value": "below"
						}
					]
				},
				{
					"type": "range",
					"id": "image_width",
					"label": "Image Width",
					"default": 100,
					"min": 20,
					"max": 100,
					"step": 5,
					"unit": "%"
				},
				{
					"type": "header",
					"content": "Padding"
				},
				{
					"type": "number",
					"id": "padding_top",
					"label": "Padding top",
					"default": 0
				},
				{
					"type": "number",
					"id": "padding_bottom",
					"label": "Padding bottom",
					"default": 0
				},
				{
					"type": "number",
					"id": "padding_left",
					"label": "Padding left",
					"default": 0
				},
				{
					"type": "number",
					"id": "padding_right",
					"label": "Padding right",
					"default": 0
				}
			]
		},
		{
			"type": "button",
			"name": "Button",
			"settings": [
				{
					"type": "text",
					"id": "button_text",
					"label": "Button Text",
					"default": "Click Here"
				},
				{
					"type": "url",
					"id": "button_url",
					"label": "Button URL"
				},
				{
					"type": "select",
					"id": "button_alignment",
					"label": "Button Alignment",
					"default": "center",
					"options": [
						{
							"label": "Left",
							"value": "flex-start"
						},
						{
							"label": "Center",
							"value": "center"
						},
						{
							"label": "Right",
							"value": "flex-end"
						}
					]
				},
				{
					"type": "checkbox",
					"id": "full_width",
					"label": "Full Width Button",
					"default": false
				},
				{
					"type": "header",
					"content": "Button Style"
				},
				{
					"type": "text",
					"id": "button_icon",
					"label": "Button Icon (SVG code)",
					"info": "Paste SVG code for an icon to display in the button"
				},
				{
					"type": "select",
					"id": "icon_position",
					"label": "Icon Position",
					"default": "left",
					"options": [
						{
							"label": "Left",
							"value": "left"
						},
						{
							"label": "Right",
							"value": "right"
						}
					]
				},
				{
					"type": "range",
					"id": "icon_size",
					"label": "Icon Size",
					"default": 16,
					"min": 10,
					"max": 30,
					"step": 1,
					"unit": "px"
				},
				{
					"type": "header",
					"content": "Padding"
				},
				{
					"type": "number",
					"id": "padding_top",
					"label": "Padding top",
					"default": 0
				},
				{
					"type": "number",
					"id": "padding_bottom",
					"label": "Padding bottom",
					"default": 0
				},
				{
					"type": "number",
					"id": "padding_left",
					"label": "Padding left",
					"default": 0
				},
				{
					"type": "number",
					"id": "padding_right",
					"label": "Padding right",
					"default": 0
				}
			]
		},
		{
      "type": "video",
      "name": "Video",
      "settings": [
        {
          "type": "video",
          "id": "video",
          "label": "Video"
        },
        {
          "type": "image_picker",
          "id": "thumbnail",
          "label": "Video Thumbnail",
          "info": "If empty, the first frame of the video will be displayed"
        },
        {
          "type": "checkbox",
          "id": "loop",
          "label": "Video looping",
          "default": true
        },
        {
          "type": "checkbox",
          "id": "muted_autoplay",
          "label": "Muted autoplay",
          "default": true,
          "info": "Use this instead of GIFs & animated WEBPs."
        },
        {
          "type": "checkbox",
          "id": "display_play_btn",
          "label": "Enable play & pause on click",
          "info": "Automatically enabled if autoplay is disabled.",
          "default": false
        },
        {
          "type": "checkbox",
          "id": "btn_animation",
          "label": "Enable button ripple animation",
          "default": false
        },
        {
          "type": "select",
          "id": "btn_color_scheme",
          "options": [
            {
              "value": "accent-1",
              "label": "t:sections.all.colors.accent_1.label"
            },
            {
              "value": "accent-2",
              "label": "t:sections.all.colors.accent_2.label"
            },
            {
              "value": "background-1",
              "label": "t:sections.all.colors.background_1.label"
            },
            {
              "value": "background-2",
              "label": "t:sections.all.colors.background_2.label"
            },
            {
              "value": "inverse",
              "label": "t:sections.all.colors.inverse.label"
            }
          ],
          "default": "accent-1",
          "label": "Play button color scheme"
        },
        {
          "type": "checkbox",
          "id": "display_sound_btn",
          "label": "Display mute/unmute button",
          "default": false
        },
        {
          "type": "select",
          "id": "sound_btn_color_scheme",
          "options": [
            {
              "value": "accent-1",
              "label": "t:sections.all.colors.accent_1.label"
            },
            {
              "value": "accent-2",
              "label": "t:sections.all.colors.accent_2.label"
            },
            {
              "value": "background-1",
              "label": "t:sections.all.colors.background_1.label"
            },
            {
              "value": "background-2",
              "label": "t:sections.all.colors.background_2.label"
            },
            {
              "value": "inverse",
              "label": "t:sections.all.colors.inverse.label"
            }
          ],
          "default": "inverse",
          "label": "Sound button color scheme"
        },
        {
          "type": "checkbox",
          "id": "display_timeline",
          "label": "Display timeline",
          "default": false
        },
        {
          "type": "select",
          "id": "timeline_color",
          "options": [
            {
              "value": "accent-1",
              "label": "t:sections.all.colors.accent_1.label"
            },
            {
              "value": "accent-2",
              "label": "t:sections.all.colors.accent_2.label"
            },
            {
              "value": "background-1",
              "label": "t:sections.all.colors.background_1.label"
            },
            {
              "value": "background-2",
              "label": "t:sections.all.colors.background_2.label"
            },
            {
              "value": "inverse",
              "label": "t:sections.all.colors.inverse.label"
            }
          ],
          "default": "accent-1",
          "label": "Timeline color"
        },
        {
          "type": "header",
          "content": "Layout"
        },
        {
          "type": "range",
          "id": "width",
          "min": 0,
          "max": 100,
          "step": 10,
          "unit": "%",
          "label": "Video width",
          "default": 100
        },
        {
          "type": "checkbox",
          "id": "Full_mobile_width",
          "label": "Full container width on mobile",
          "default": false,
          "info": "If enabled & Width is set to 100%, the video will be edge-to-edge on mobile."
        },
        {
          "type": "select",
          "id": "alignment",
          "label": "Video alignment",
          "options": [
            {
              "value": "flex-start",
              "label": "Left"
            },
            {
              "value": "center",
              "label": "Center"
            },
            {
              "value": "flex-end",
              "label": "Right"
            }
          ],
          "default": "center"
        },
        {
          "type": "range",
          "id": "border_radius",
          "min": 0,
          "max": 40,
          "step": 2,
          "unit": "px",
          "label": "Corner radius",
          "default": 0
        }
      ]
    },
    {
      "type": "collapsible_tab",
      "name": "t:sections.main-product.blocks.collapsible_tab.name",
      "settings": [
        {
         "type":"select",
         "id":"visibility",
         "options":[
            {
               "value":"desktop-hidden",
               "label":"Mobile only"
            },
            {
               "value":"mobile-hidden",
               "label":"Desktop only"
            },
            {
               "value":"always-display",
               "label":"All devices"
            }
         ],
         "label":"Display on",
         "default":"always-display"
        },
        {
          "type": "checkbox",
          "id": "enable_collapsible_tabradius",
          "default": false,
          "label": "Enable border"
        },
        {
          "type": "range",
          "id": "collapsible_tabradius",
          "min": 0,
          "max": 12,
          "step": 1,
          "unit": "px",
          "label": "Border radius",
          "default": 12
        },
        {
      "type": "color",
      "id": "collapsible_tabradiuscolor",
      "label": "Border color",
      "default": "#121212"
        },
        {
  "type": "select",
  "id": "collapsible_tabstyle",
  "label": "Border style",
  "options": [
    {
      "value": "solid",
      "label": "Solid"
    },
    {
      "value": "dashed",
      "label": "Dashed"
    }
  ],
  "default": "solid"
},
{
  "type": "select",
  "id": "collapsible_tabwidth",
  "label": "Border width",
  "options": [
    {
      "value": "2",
      "label": "2px"
    },
    {
      "value": "3",
      "label": "3px"
    }
  ],
  "default": "2"
         },
        {
          "type": "text",
          "id": "heading",
          "default": "Collapsible row",
          "info": "t:sections.main-product.blocks.collapsible_tab.settings.heading.info",
          "label": "t:sections.main-product.blocks.collapsible_tab.settings.heading.label"
        },
        {
          "type": "select",
          "id": "heading_size",
          "label": "Heading size",
          "options": [
            {
              "value": "small",
              "label": "Small"
            },
            {
              "value": "medium",
              "label": "Medium"
            },
            {
              "value": "large",
              "label": "Large"
            }
          ],
          "default": "large"
        },
        {
          "type": "text",
          "id": "icon",
          "label": "Icon",
          "info": "[View all available icons](https:\/\/fonts.google.com\/icons?icon.set=Material+Symbols&icon.platform=web)."
        },
        {
          "type": "checkbox",
          "id": "filled_icon",
          "default": false,
          "label": "Filled icon"
        },
        {
          "type": "image_picker",
          "id": "custom_icon",
          "label": "Custom icon"
        },
        {
          "type": "select",
          "id": "collapse_icon",
          "label": "Collapse icon",
          "options": [
            {
              "value": "carret",
              "label": "Carret"
            },
            {
              "value": "plus",
              "label": "Plus"
            }
          ],
          "default": "plus"
        },
          {
            "type": "checkbox",
            "id": "plus_gray_circle",
            "label": "Circle background for Plus icon",
            "default": false,
            "info": "Adds a circular background behind the plus collapse icon"
         },
         {
            "type": "color",
            "id": "plus_circle_color",
            "label": "Plus icon background color",
            "default": "#808080",
            "info": "Choose the background color for the plus icon circle"
         },
        {
          "type": "checkbox",
          "id": "display_top_border",
          "label": "Display top border",
          "default": true,
          "info": "This option is automatically optimized for stacked rows."
        },
        {
          "type": "checkbox",
          "id": "open",
          "label": "Open row by default",
          "default": false
        },
        {
          "type": "header",
          "content": "Content"
        },
        {
          "type": "richtext",
          "id": "content",
          "label": "t:sections.main-product.blocks.collapsible_tab.settings.content.label",
          "info": "Use [description] to automatically display product description."
        },
        {
          "type": "page",
          "id": "page",
          "label": "t:sections.main-product.blocks.collapsible_tab.settings.page.label"
        },
         {
          "type": "header",
          "content": "Size chart table"
        },
        {
          "type": "checkbox",
          "id": "enablesizeintab",
          "default": false,
          "label": "Enable size chart in tab"
        },
        {
          "type": "text",
          "id": "headline",
          "default": "Sizing Chart",
          "label": "Heading"
        },
        {
          "type": "select",
          "id": "heading_sizesize",
          "options": [
            {
              "value": "h4",
              "label": "t:sections.all.heading_size.options__1.label"
            },
            {
              "value": "h3",
              "label": "t:sections.all.heading_size.options__2.label"
            },
            {
              "value": "h2",
              "label": "t:sections.all.heading_size.options__3.label"
            }
          ],
          "default": "h3",
          "label": "t:sections.all.heading_size.label"
        },

        {
          "type": "header",
          "content": "Table"
        },
        {
          "type": "inline_richtext",
          "id": "table_header_content",
          "label": "Header content",
          "default": "Size, Chest, Length, Shoulder",
          "info": "Split the words with a comma to create columns. If you wish to leave a cell empty, use [empty]. Avoid styling the comma with bold,italic etc. to avoid unexpected content styling."
        },
        {
          "type": "select",
          "id": "table_header_color_scheme",
          "options": [
            { 
              "value": "accent-1",
              "label": "t:sections.all.colors.accent_1.label"
            },
            {
              "value": "accent-2",
              "label": "t:sections.all.colors.accent_2.label"
            },
            {
              "value": "background-1",
              "label": "t:sections.all.colors.background_1.label"
            },
            {
              "value": "background-2",
              "label": "t:sections.all.colors.background_2.label"
            },
            {
              "value": "inverse",
              "label": "t:sections.all.colors.inverse.label"
            }
          ],
          "default": "inverse",
          "label": "Header color scheme"
        },
        {
          "type": "richtext",
          "id": "table_content",
          "label": "Body content",
          "default": "<p>S, 95cm, 61cm, 44cm</p><p>M, 102cm, 66cm, 46cm</p><p>L, 106cm, 71cm, 48cm</p><p>XL, 111cm, 74cm, 51cm</p>",
          "info": "Go into a new line to create rows. Split the words with a comma to create columns. If you wish to leave a cell empty, use [empty]. Avoid styling the comma with bold,italic etc. to avoid unexpected content styling."
        },
        {
          "type": "header",
          "content": "Caption"
        },
        {
          "type": "inline_richtext",
          "id": "caption",
          "label": "Caption",
          "default": "Give your customers further information about choosing the correct size."
        },
        {
          "type": "select",
          "id": "caption_size",
          "options": [
            {
              "value": "1.2rem",
              "label": "Small"
            },
            {
              "value": "1.45rem",
              "label": "Medium"
            },
            {
              "value": "1.7rem",
              "label": "Large"
            }
          ],
          "default": "1.45rem",
          "label": "Caption size"
        },
        {
          "type": "color",
          "id": "caption_color",
          "label": "Caption color",
          "default": "#121212"
        },
        {
          "type": "select",
          "id": "caption_alignment",
          "options": [
            {
              "value": "left",
              "label": "Left"
            },
            {
              "value": "center",
              "label": "Center"
            },
            {
              "value": "right",
              "label": "Right"
            }
          ],
          "default": "left",
          "label": "Caption alignment"
        },
        {
          "type": "header",
          "content": "Images"
        },
        {
          "type": "image_picker",
          "id": "top_image",
          "label": "Top image",
          "info": "Displayed above the table."
        },
        {
          "type": "image_picker",
          "id": "bottom_image",
          "label": "Bottom image",
          "info": "Displayed bellow the table and the caption."
        },
        {
          "type": "header",
          "content": "Icons with text in tab"
        },
        {
          "type": "checkbox",
          "id": "enableiconsintab",
          "default": false,
          "label": "Enable icons with text in tab"
        },
        {
          "type": "range",
          "id": "mobile_text_size",
          "min": 11,
          "max": 16,
          "step": 1,
          "unit": "px",
          "default": 14,
          "label": "Mobile text size"
        },
        {
          "type": "range",
          "id": "desktop_text_size",
          "min": 10,
          "max": 17,
          "step": 1,
          "unit": "px",
          "default": 16,
          "label": "Desktop text size"
        },
        {
          "type": "select",
          "id": "alignment",
          "label": "Text alignment",
          "options": [
            {
              "value": "left",
              "label": "Left"
            },
            {
              "value": "center",
              "label": "Center"
            },
            {
              "value": "right",
              "label": "Right"
            }
          ],
          "default": "left"
        },
        {
          "type": "color",
          "id": "text_color",
          "default": "#121212",
          "label": "Text color"
        },
        {
          "type": "inline_richtext",
          "id": "text_1",
          "default": "Text with icon",
          "label": "Text #1"
        },
        {
          "type": "inline_richtext",
          "id": "text_2",
           "default": "Text with icon",
          "label": "Text #2"
        },
        {
          "type": "inline_richtext",
          "id": "text_3",
           "default": "Text with icon",
          "label": "Text #3"
        },
        {
          "type": "inline_richtext",
          "id": "text_4",
           "default": "Text with icon",
          "label": "Text #4"
        },
        {
          "type": "header",
          "content": "Icons"
        },
        {
          "type": "range",
          "id": "icon_scale",
          "min": 100,
          "max": 200,
          "step": 5,
          "default": 120,
          "unit": "%",
          "label": "Icon scale",
          "info": "Relative to text size"
        },
        {
          "type": "color",
          "id": "icon_color",
          "default": "#121212",
          "label": "Icons color"
        },
        {
          "type": "text",
          "id": "icon_1",
          "default": "check_circle",
          "label": "Icon #1",
          "info": "[View all available icons](https:\/\/fonts.google.com\/icons?icon.set=Material+Symbols&icon.platform=web)."
        },
        {
          "type": "checkbox",
          "id": "filled_icon_1",
          "default": false,
          "label": "Filled icon #1"
        },
        {
          "type": "image_picker",
          "id": "custom_icon_1",
          "label": "Custom icon #1"
        },
        {
          "type": "text",
          "id": "icon_2",
          "default": "check_circle",
          "label": "Icon #2",
          "info": "[View all available icons](https:\/\/fonts.google.com\/icons?icon.set=Material+Symbols&icon.platform=web)."
        },
        {
          "type": "checkbox",
          "id": "filled_icon_2",
          "default": false,
          "label": "Filled icon #2"
        },
        {
          "type": "image_picker",
          "id": "custom_icon_2",
          "label": "Custom icon #2"
        },
        {
          "type": "text",
          "id": "icon_3",
          "default": "check_circle",
          "label": "Icon #3",
          "info": "[View all available icons](https:\/\/fonts.google.com\/icons?icon.set=Material+Symbols&icon.platform=web)."
        },
        {
          "type": "checkbox",
          "id": "filled_icon_3",
          "default": false,
          "label": "Filled icon #3"
        },
        {
          "type": "image_picker",
          "id": "custom_icon_3",
          "label": "Custom icon #3"
        },
        {
          "type": "text",
          "id": "icon_4",
          "default": "check_circle",
          "label": "Icon #4",
          "info": "[View all available icons](https:\/\/fonts.google.com\/icons?icon.set=Material+Symbols&icon.platform=web)."
        },
        {
          "type": "checkbox",
          "id": "filled_icon_4",
          "default": false,
          "label": "Filled icon #4"
        },
        {
          "type": "image_picker",
          "id": "custom_icon_4",
          "label": "Custom icon #4"
        },
        {
          "type": "header",
          "content": "Container"
        },
        {
          "type": "select",
          "id": "width",
          "options": [
            {
              "value": "fit-content",
              "label": "Fit text"
            },
            {
              "value": "100%",
              "label": "Full"
            }
          ],
          "default": "100%",
          "label": "Width"
        },
        {
          "type": "select",
          "id": "direction",
          "options": [
            {
              "value": "horizontal",
              "label": "Horizontal"
            },
            {
              "value": "vertical",
              "label": "Vertical"
            }
          ],
          "default": "horizontal",
          "label": "Stacking direction",
          "info": "Applied when multiple texts are added."
        },
        {
          "type": "range",
          "id": "column_gap",
          "min": 0,
          "max": 6,
          "step": 0.5,
          "label": "Stacking spacing",
          "default": 3
        },
        {
          "type": "checkbox",
          "id": "enable_bg",
          "default": false,
          "label": "Enable background",
          "info": "The following settings are applied when this option is enabled."
        },
        {
          "type": "color",
          "id": "bg_color",
          "label": "Background color",
          "default": "#F3F3F3"
        },
        {
          "type": "range",
          "id": "corner_radius",
          "min": 0,
          "max": 100,
          "step": 5,
          "unit": "%",
          "label": "t:settings_schema.global.settings.corner_radius.label",
          "default": 40,
          "info": "Relative to font size"
        },
        {
          "type": "range",
          "id": "padding",
          "min": 1,
          "max": 5,
          "step": 0.5,
          "label": "Padding",
          "default": 3
        },
        {
          "type": "range",
          "id": "border_size",
          "min": 0,
          "max": 5,
          "step": 1,
          "label": "Border thickness",
          "unit": "px",
          "default": 0
        },
        {
          "type": "color",
          "id": "border_color",
          "label": "Border color",
          "default": "#B7B7B7"
        },
        {
          "type": "checkbox",
          "id": "dashedborder",
          "default": false,
          "label": "Enable dashed border",
          "info": "Border thickness must at least be 1px to show"
        },
        {
          "type": "header",
          "content": "Video inside tab"
        },
        {
          "type": "checkbox",
          "id": "enablevideointab",
          "default": false,
          "label": "Enable video in tab"
        },
        {
          "type": "video",
          "id": "video",
          "label": "Video"
        },
        {
          "type": "image_picker",
          "id": "thumbnail",
          "label": "Video Thumbnail",
          "info": "If empty, the first frame of the video will be displayed"
        },
        {
          "type": "checkbox",
          "id": "loop",
          "label": "Video looping",
          "default": true
        },
        {
          "type": "checkbox",
          "id": "muted_autoplay",
          "label": "Muted autoplay",
          "default": true,
          "info": "Use this instead of GIFs & animated WEBPs."
        },
        {
          "type": "checkbox",
          "id": "display_play_btn",
          "label": "Enable play & pause on click",
          "info": "Automatically enabled if autoplay is disabled.",
          "default": false
        },
        {
          "type": "checkbox",
          "id": "btn_animation",
          "label": "Enable button ripple animation",
          "default": false
        },
        {
          "type": "select",
          "id": "btn_color_scheme",
          "options": [
            {
              "value": "accent-1",
              "label": "t:sections.all.colors.accent_1.label"
            },
            {
              "value": "accent-2",
              "label": "t:sections.all.colors.accent_2.label"
            },
            {
              "value": "background-1",
              "label": "t:sections.all.colors.background_1.label"
            },
            {
              "value": "background-2",
              "label": "t:sections.all.colors.background_2.label"
            },
            {
              "value": "inverse",
              "label": "t:sections.all.colors.inverse.label"
            }
          ],
          "default": "accent-1",
          "label": "Play button color scheme"
        },
        {
          "type": "checkbox",
          "id": "display_sound_btn",
          "label": "Display mute/unmute button",
          "default": false
        },
        {
          "type": "select",
          "id": "sound_btn_color_scheme",
          "options": [
            {
              "value": "accent-1",
              "label": "t:sections.all.colors.accent_1.label"
            },
            {
              "value": "accent-2",
              "label": "t:sections.all.colors.accent_2.label"
            },
            {
              "value": "background-1",
              "label": "t:sections.all.colors.background_1.label"
            },
            {
              "value": "background-2",
              "label": "t:sections.all.colors.background_2.label"
            },
            {
              "value": "inverse",
              "label": "t:sections.all.colors.inverse.label"
            }
          ],
          "default": "inverse",
          "label": "Sound button color scheme"
        },
        {
          "type": "checkbox",
          "id": "display_timeline",
          "label": "Display timeline",
          "default": false
        },
        {
          "type": "select",
          "id": "timeline_color",
          "options": [
            {
              "value": "accent-1",
              "label": "t:sections.all.colors.accent_1.label"
            },
            {
              "value": "accent-2",
              "label": "t:sections.all.colors.accent_2.label"
            },
            {
              "value": "background-1",
              "label": "t:sections.all.colors.background_1.label"
            },
            {
              "value": "background-2",
              "label": "t:sections.all.colors.background_2.label"
            },
            {
              "value": "inverse",
              "label": "t:sections.all.colors.inverse.label"
            }
          ],
          "default": "accent-1",
          "label": "Timeline color"
        },
        {
          "type": "header",
          "content": "Layout"
        },
        {
          "type": "range",
          "id": "videowidth",
          "min": 0,
          "max": 100,
          "step": 10,
          "unit": "%",
          "label": "Video width",
          "default": 100
        },
        {
          "type": "checkbox",
          "id": "Full_mobile_width",
          "label": "Full container width on mobile",
          "default": false,
          "info": "If enabled & Width is set to 100%, the video will be edge-to-edge on mobile."
        },
        {
          "type": "select",
          "id": "videoalignment",
          "label": "Video alignment",
          "options": [
            {
              "value": "flex-start",
              "label": "Left"
            },
            {
              "value": "center",
              "label": "Center"
            },
            {
              "value": "flex-end",
              "label": "Right"
            }
          ],
          "default": "center"
        },
        {
          "type": "range",
          "id": "border_radius",
          "min": 0,
          "max": 40,
          "step": 2,
          "unit": "px",
          "label": "Corner radius",
          "default": 0
        },
        {
          "type": "header",
          "content": "Block margin"
        },
        {
          "type": "range",
          "id": "margin_top",
          "min": 0,
          "max": 45,
          "step": 3,
          "unit": "px",
          "label": "Top margin",
          "default": 24
        },
        {
          "type": "range",
          "id": "margin_bottom",
          "min": 0,
          "max": 45,
          "step": 3,
          "unit": "px",
          "label": "Bottom margin",
          "default": 0
        }
      ]
    },
	{
   "type":"review",
   "name":"Featured review",
   "settings":[
     {
      "type": "select",
      "id": "visibility",
      "options": [
        {
          "value": "desktop-hidden",
          "label": "Mobile only"
        },
        {
          "value": "mobile-hidden",
          "label": "Desktop only"
        },
        {
          "value": "always-display",
          "label": "All devices"
        }
      ],
      "label": "Display on",
      "default": "always-display"
    },
     {
         "type":"select",
         "id":"style",
         "label":"Review style",
         "options":[
            {
               "value":"style1",
               "label":"Style 1"
            },
            {
               "value":"style2",
               "label":"Style 2"
            },
            {
               "value":"style3",
               "label":"Style 3"
            }
         ],
         "default":"style2"
      },
      {
         "type":"image_picker",
         "id":"reviewimage",
         "label":"Customer Image"
      },
      {
         "type":"text",
         "id":"reviewtext",
         "label":"Review Text",
         "default":"Enter your review text here"
      },
      {
         "type":"text",
         "id":"verifiedtext",
         "label":"Verified text (Style 2)",
         "default":"Verified"
      },
      {
         "type":"text",
         "id":"reviewname",
         "label":"Customer Name",
         "default":"Customer name"
      },
      {
         "type":"color",
         "id":"reviewcheckmark",
         "label":"Checkmark color",
         "default":"#2C95E9"
      },
      {
         "type":"header",
         "content":"Custom styling"
      },
      		{
			"type": "checkbox",
			"id": "enable_box_styles",
			"label": "Enable custom box styling",
			"default": false
		},
		{
			"type": "color",
			"id": "bg_color",
			"label": "Background color",
			"default": "#ffffff"
		},
		{
			"type": "color",
			"id": "border_color",
			"label": "Border color",
			"default": "#e5e5e5"
		},
		{
			"type": "select",
			"id": "border_style",
			"label": "Border style",
			"options": [
				{ "value": "solid", "label": "Solid" },
				{ "value": "dashed", "label": "Dashed" }
			],
			"default": "solid"
		},
		{
			"type": "range",
			"id": "border_radius",
			"label": "Border radius",
			"min": 0,
			"max": 20,
			"step": 1,
			"unit": "px",
			"default": 4
		},
		{
			"type": "color",
			"id": "text_color",
			"label": "Text color",
			"default": "#333333"
		}
   ]
},
{
	"type": "cs_review",
	"name": "Customer review",
	"settings": [
		{ "type": "header", "content": "Reviewer" },
		{ "type": "text", "id": "reviewer_name", "label": "Reviewer Name", "default": "Sarah M." },
		{ "type": "image_picker", "id": "avatar", "label": "Avatar Image" },
		{ "type": "text", "id": "review_date", "label": "Review Date", "default": "Verified Buyer - 2 days ago" },
		{ "type": "checkbox", "id": "verified", "label": "Show Verified Badge", "default": true },
		{ "type": "header", "content": "Review" },
		{ "type": "checkbox", "id": "show_stars", "label": "Show Star Rating", "default": true },
		{ "type": "range", "id": "rating", "label": "Star Rating", "default": 5, "min": 1, "max": 5, "step": 1 },
		{ "type": "richtext", "id": "review_text", "label": "Review Text", "default": "<p>\"This product exceeded my expectations! I've been using it for 2 weeks now and the results are amazing. Highly recommend to anyone looking for relief.\"</p>" },
		{ "type": "header", "content": "Review Image" },
		{ "type": "image_picker", "id": "review_image", "label": "Review Image", "info": "Optional image attached to the review" },
		{ "type": "range", "id": "review_image_max_width", "label": "Image Max Width", "default": 300, "min": 100, "max": 500, "step": 25, "unit": "px" },
		{ "type": "range", "id": "review_image_radius", "label": "Image Border Radius", "default": 8, "min": 0, "max": 20, "step": 2, "unit": "px" },
		{ "type": "header", "content": "Helpful Button" },
		{ "type": "checkbox", "id": "show_helpful", "label": "Show Helpful Button", "default": true },
		{ "type": "text", "id": "helpful_text", "label": "Button Text", "default": "Helpful" },
		{ "type": "number", "id": "helpful_count", "label": "Helpful Count", "default": 24, "info": "Number of people who found this helpful (0 to hide)" },
		{ "type": "color", "id": "helpful_bg_color", "label": "Button Background", "default": "#ffffff" },
		{ "type": "color", "id": "helpful_text_color", "label": "Button Text Color", "default": "#333333" },
		{ "type": "color", "id": "helpful_border_color", "label": "Button Border Color", "default": "#e0e0e0" },
		{ "type": "color", "id": "helpful_hover_bg", "label": "Button Hover Background", "default": "#f5f5f5" },
		{ "type": "header", "content": "Style" },
		{ "type": "color", "id": "bg_color", "label": "Background Color", "default": "#f9f9f9" },
		{ "type": "color", "id": "text_color", "label": "Text Color", "default": "#333333" },
		{ "type": "color", "id": "accent_color", "label": "Accent Color", "default": "#19bdff", "info": "Used for verified badge and avatar placeholder" },
		{ "type": "color", "id": "date_color", "label": "Date Color", "default": "#888888" },
		{ "type": "color", "id": "star_color", "label": "Star Color", "default": "#F1C40F" },
		{ "type": "color", "id": "empty_star_color", "label": "Empty Star Color", "default": "#e0e0e0" },
		{ "type": "header", "content": "Sizes" },
		{ "type": "range", "id": "avatar_size", "label": "Avatar Size", "default": 48, "min": 32, "max": 64, "step": 4, "unit": "px" },
		{ "type": "range", "id": "star_size", "label": "Star Size", "default": 18, "min": 14, "max": 24, "step": 2, "unit": "px" },
		{ "type": "range", "id": "name_font_size", "label": "Name Font Size", "default": 16, "min": 14, "max": 20, "step": 1, "unit": "px" },
		{ "type": "range", "id": "date_font_size", "label": "Date Font Size", "default": 13, "min": 11, "max": 16, "step": 1, "unit": "px" },
		{ "type": "range", "id": "content_font_size", "label": "Content Font Size", "default": 15, "min": 13, "max": 18, "step": 1, "unit": "px" },
		{ "type": "header", "content": "Container" },
		{ "type": "range", "id": "padding", "label": "Padding", "default": 20, "min": 10, "max": 30, "step": 2, "unit": "px" },
		{ "type": "range", "id": "border_radius", "label": "Border Radius", "default": 8, "min": 0, "max": 20, "step": 2, "unit": "px" },
		{ "type": "range", "id": "border_width", "label": "Border Width", "default": 0, "min": 0, "max": 3, "step": 1, "unit": "px" },
		{ "type": "color", "id": "border_color", "label": "Border Color", "default": "#e0e0e0" }
	]
},
 {
      "type": "trustpilot_review",
      "name": "Trustpilot review",
      "settings": [
        {
            "type": "range",
            "id": "rating",
            "label": "Rating",
            "min": 1,
            "max": 5,
            "step": 0.1,
            "default": 5
        },
        {
            "type": "color",
            "id": "star_color",
            "default": "#00b67a",
            "label": "Active stars container color"
        },
        {
            "type": "color",
            "id": "bg_star_color",
            "default": "#c8c8c8",
            "label": "Background stars container color"
        },
        {
            "type": "color",
            "id": "star_symbol_color",
            "default": "#fff",
            "label": "Stars inside symbol color"
        },
        {
            "type": "textarea",
            "id": "review_text",
            "label": "Review Text",
            "default": "Share positive thoughts and feedback from your customer."
        },
        {
            "type": "text",
            "id": "customer_name",
            "label": "Customer Name",
            "default": "Elisabeth"
        },
        {
            "type": "text",
            "id": "customer_initial",
            "label": "Customer Initial",
            "default": "EL"
        },
        {
            "type": "checkbox",
            "id": "verification_badge",
            "label": "Show Verification Badge",
            "default": true
        },
        {
            "type": "text",
            "id": "verified_text",
            "label": "Verification Text",
            "default": "Verified"
        },
        {
            "type": "color",
            "id": "verified_color",
            "default": "#00b67a",
            "label": "Verification badge color"
        },
        {
            "type": "color",
            "id": "avatar_bg_color",
            "default": "#00b67a",
            "label": "Avatar background color"
        },
        {
            "type": "color",
            "id": "avatar_text_color",
            "default": "#ffffff",
            "label": "Avatar text color"
        },
        {
          "type": "color",
          "id": "background_color",
          "default": "#ffffff",
          "label": "Background color"
        },
        {
            "type": "color",
            "id": "border_color",
            "default": "#e0e0e0",
            "label": "Border color"
        },
        {
            "type": "range",
            "id": "border_radius",
            "min": 0,
            "max": 20,
            "step": 1,
            "unit": "px",
            "default": 4,
            "label": "Border radius"
        }
      ]
   },
{
   "type":"moneybackguarantee",
   "name":"Money back guarantee",
   "settings":[
      {
      "type": "select",
      "id": "visibility",
      "options": [
        {
          "value": "desktop-hidden",
          "label": "Mobile only"
        },
        {
          "value": "mobile-hidden",
          "label": "Desktop only"
        },
        {
          "value": "always-display",
          "label": "All devices"
        }
      ],
      "label": "Display on",
      "default": "always-display"
      },
      {
         "type": "select",
         "id": "style",
         "label": "Style",
         "options": [
            {
               "value": "style1",
               "label": "Style 1"
            },
            {
               "value": "style2",
               "label": "Style 2"
            },
            {
               "value": "style3",
               "label": "Style 3"
            }
         ],
         "default": "style1"
      },
      {
         "type":"header",
         "content":"Style #1 settings"
      },
      {
         "type":"text",
         "id":"moneybackguarantee",
         "label":"Money Back Guarantee",
         "default":"30 DAY MONEY-BACK GUARANTEE"
      },
      {
         "type":"header",
         "content":"Style #2 settings"
      },
      {
      "type": "inline_richtext",
      "id": "heading",
      "label": "Heading",
      "default": "<strong>30-Day Money Back Guarantee</strong>"
    },
    {
      "type": "textarea",
      "id": "description",
      "label": "Description",
      "default": "That's how confident we are in your results. But if you're not thrilled, send it back and we'll refund your purchase."
    },
    {
      "type": "header",
      "content": "Badge Image"
    },
    {
      "type": "image_picker",
      "id": "custom_badge_image",
      "label": "Custom Badge Image",
      "info": "Leave empty to use default badge image."
    },
    {
      "type": "select",
      "id": "default_badge_image",
      "label": "Default Badge Image",
      "options": [
    {
      "label": "Badge 1",
      "value": "moneybadge"
    },
    {
      "label": "Badge 2",
      "value": "moneybadge-2"
      }
      ],
      "default": "moneybadge"
    },
    {
      "type": "range",
      "id": "badge_size",
      "min": 60,
      "max": 100,
      "step": 5,
      "unit": "px",
      "label": "Badge Size (Desktop)",
      "default": 75
    },
    {
      "type": "range",
      "id": "badge_size_mobile",
      "min": 25,
      "max": 80,
      "step": 5,
      "unit": "px",
      "label": "Badge Size (Mobile)",
      "default": 55
    },
    {
      "type": "header",
      "content": "Style"
    },
    {
      "type": "checkbox",
      "id": "use_gradient_bg",
      "label": "Use Gradient Background",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "enable_boxshadow",
      "label": "Enable block shadow",
      "default": true
    },
    {
      "type": "color",
      "id": "bg_color_1",
      "label": "Background Color / Gradient Start",
      "default": "#e4f9ff"
    },
    {
      "type": "color",
      "id": "bg_color_2",
      "label": "Gradient End Color",
      "default": "#DDDDDD"
    },
    {
      "type": "checkbox",
      "id": "show_dotted_border",
      "label": "Show Dotted Border",
      "default": true
    },
    {
      "type": "color",
      "id": "border_color",
      "label": "Border Color",
      "default": "#1773b0"
    },
    {
      "type": "color",
      "id": "heading_color",
      "label": "Heading Color",
      "default": "#000000"
    },
    {
      "type": "color",
      "id": "text_color",
      "label": "Text Color",
      "default": "#000000"
    },
    {
      "type": "range",
      "id": "heading_size",
      "min": 15,
      "max": 20,
      "step": 1,
      "unit": "px",
      "label": "Heading Size (Desktop)",
      "default": 17
    },
    {
      "type": "range",
      "id": "text_size",
      "min": 14,
      "max": 16,
      "step": 1,
      "unit": "px",
      "label": "Text Size (Desktop)",
      "default": 14
    },
    {
      "type": "range",
      "id": "heading_size_mobile",
      "min": 14,
      "max": 18,
      "step": 1,
      "unit": "px",
      "label": "Heading Size (Mobile)",
      "default": 16
    },
    {
      "type": "range",
      "id": "text_size_mobile",
      "min": 14,
      "max": 16,
      "step": 1,
      "unit": "px",
      "label": "Text Size (Mobile)",
      "default": 14
    },
    {
      "type": "header",
      "content": "Layout"
    },
    {
      "type": "range",
      "id": "border_radius",
      "min": 0,
      "max": 20,
      "step": 1,
      "unit": "px",
      "label": "Border Radius",
      "default": 6
    },
    {
      "type": "range",
      "id": "padding",
      "min": 0,
      "max": 30,
      "step": 1,
      "unit": "px",
      "label": "Padding",
      "default": 10
    },
    {
      "type": "range",
      "id": "content_gap",
      "min": 0,
      "max": 20,
      "step": 1,
      "unit": "px",
      "label": "Gap Between Badge and Text",
      "default": 6
    },
    {
      "type": "range",
      "id": "margin_top2",
      "min": 0,
      "max": 30,
      "step": 1,
      "unit": "px",
      "label": "Top Margin",
      "default": 0
    },
    {
      "type": "range",
      "id": "margin_bottom2",
      "min": 0,
      "max": 30,
      "step": 1,
      "unit": "px",
      "label": "Bottom Margin",
      "default": 0
    },
    {
      "type": "header",
      "content": "Animation"
    },
    {
      "type": "checkbox",
      "id": "show_shine_animation",
      "label": "Show Shine Animation",
      "default": true
    },
    {
      "type": "range",
      "id": "shine_duration",
      "min": 2,
      "max": 15,
      "step": 1,
      "unit": "s",
      "label": "Animation Duration",
      "default": 6,
      "info": "Duration of the shine animation in seconds"
    },
    {
      "type": "range",
      "id": "shine_opacity",
      "min": 0.1,
      "max": 1.0,
      "step": 0.1,
      "label": "Shine Opacity",
      "default": 0.6
    },
    {
      "type": "header",
      "content": "Style #3 settings"
    },
    {
      "type": "inline_richtext",
      "id": "style3_text",
      "label": "Guarantee Text",
      "default": "<strong>Less than 1%</strong> of customers claim our Money Back Guarantee"
    },
    {
      "type": "image_picker",
      "id": "style3_custom_icon",
      "label": "Custom Icon (Optional)",
      "info": "Upload your own icon or leave blank to use default"
   },
   {
      "type": "color",
       "id": "style3_bg_color",
      "label": "Background Color",
      "default": "#C8E6F5"
   },
   {
      "type": "color",
      "id": "style3_border_color",
      "label": "Border & Icon Circle Color",
      "default": "#2E8B9A"
   },
   {
       "type": "color",
       "id": "style3_text_color",
       "label": "Text Color",
       "default": "#333333"
   },
   {
       "type": "range",
      "id": "style3_font_size",
       "label": "Font Size (Desktop)",
      "min": 14,
      "max": 18,
      "step": 1,
      "unit": "px",
      "default": 15
   },
   {
      "type": "range",
      "id": "style3_font_size_mobile",
       "label": "Font Size (Mobile)",
      "min": 13,
      "max": 17,
      "step": 1,
      "unit": "px",
      "default": 15
   },
   {
      "type": "select",
      "id": "style3_border_style",
      "label": "Border Style",
      "options": [
    {
      "value": "dashed",
      "label": "Dashed"
    },
    {
      "value": "solid",
      "label": "Solid"
    }
  ],
  "default": "dashed"
   },
   {
      "type": "range",
      "id": "style3_border_radius",
      "label": "Border Radius",
      "min": 0,
      "max": 20,
      "step": 1,
       "unit": "px",
      "default": 8
   },
   {
       "type": "range",
      "id": "style3_margin_top",
      "label": "Margin Top",
       "min": 0,
      "max": 50,
      "step": 5,
      "unit": "px",
      "default": 15
   },
   {
       "type": "range",
      "id": "style3_margin_bottom",
      "label": "Margin Bottom",
      "min": 0,
      "max": 50,
      "step": 5,
       "unit": "px",
      "default": 15
   }
   ]
},
{
		  "type": "doctor_recommendation",
		  "name": "Doctor recommendation",
		  "settings": [
		    {
		      "type": "select",
		      "id": "visibility",
		      "label": "Display on",
		      "options": [
		        { "value": "desktop-hidden", "label": "Mobile only" },
		        { "value": "mobile-hidden",  "label": "Desktop only" },
		        { "value": "always-display", "label": "All devices" }
		      ],
		      "default": "always-display"
		    },
		    { "type": "header", "content": "Content" },
		    {
		      "type": "richtext",
		      "id": "quote_text",
		      "label": "Quote text",
		      "info": "Use <em> tags to highlight brand/product names in the accent color.",
		      "default": "<p>\"As a specialist I appreciate <em>Norse Organics</em> and highly recommend these formulas for <strong>any patient</strong> on an acne healing journey.\"</p>"
		    },
		    {
		      "type": "text",
		      "id": "author_name",
		      "label": "Author name",
		      "default": "- Dr. Jane Smith, Naturopath"
		    },
		    {
		      "type": "select",
		      "id": "mobile_author_position",
		      "label": "Author name position (mobile)",
		      "options": [
		        { "value": "under_photo", "label": "Under photo" },
		        { "value": "under_quote", "label": "Under quote" }
		      ],
		      "default": "under_photo"
		    },
		    {
		      "type": "select",
		      "id": "author_text_transform",
		      "label": "Author name case",
		      "options": [
		        { "value": "uppercase", "label": "Uppercase" },
		        { "value": "none",      "label": "Normal" }
		      ],
		      "default": "uppercase"
		    },
		    {
		      "type": "image_picker",
		      "id": "doctor_image",
		      "label": "Doctor photo"
		    },
		    {
		      "type": "select",
		      "id": "image_position",
		      "label": "Photo position",
		      "options": [
		        { "value": "row",         "label": "Left" },
		        { "value": "row-reverse", "label": "Right" }
		      ],
		      "default": "row"
		    },
		    {
		      "type": "range",
		      "id": "image_width",
		      "label": "Image width",
		      "min": 80,
		      "max": 200,
		      "step": 10,
		      "unit": "px",
		      "default": 140
		    },
		    { "type": "header", "content": "Colors" },
		    {
		      "type": "color",
		      "id": "background_color",
		      "label": "Background color",
		      "default": "#F8F8F8"
		    },
		    {
		      "type": "color",
		      "id": "border_color",
		      "label": "Border color",
		      "default": "#DCDCDC"
		    },
		    {
		      "type": "color",
		      "id": "text_color",
		      "label": "Text color",
		      "default": "#000000"
		    },
		    {
		      "type": "color",
		      "id": "highlight_color",
		      "label": "Highlight color (italic)",
		      "default": "#E16203"
		    },
		    { "type": "header", "content": "Typography" },
		    {
		      "type": "range",
		      "id": "content_font_size",
		      "label": "Quote font size",
		      "min": 13,
		      "max": 22,
		      "step": 1,
		      "unit": "px",
		      "default": 16
		    },
		    {
		      "type": "range",
		      "id": "author_font_size",
		      "label": "Author font size",
		      "min": 11,
		      "max": 18,
		      "step": 1,
		      "unit": "px",
		      "default": 15
		    },
		    { "type": "header", "content": "Layout" },
		    {
		      "type": "range",
		      "id": "border_radius",
		      "label": "Border radius",
		      "min": 0,
		      "max": 20,
		      "step": 1,
		      "unit": "px",
		      "default": 6
		    },
		    { "type": "header", "content": "Block margin" },
		    {
		      "type": "range",
		      "id": "margin_top",
		      "label": "Top margin",
		      "min": 0,
		      "max": 60,
		      "step": 2,
		      "unit": "px",
		      "default": 30
		    },
		    {
		      "type": "range",
		      "id": "margin_bottom",
		      "label": "Bottom margin",
		      "min": 0,
		      "max": 60,
		      "step": 2,
		      "unit": "px",
		      "default": 0
		    }
		  ]
		},
		{
			"type": "sidebar",
			"name": "Sidebar",
			"limit": 1,
			"settings": [
				{
					"type": "checkbox",
					"id": "show_sidebar",
					"label": "Show Sidebar",
					"default": true,
					"info": "Toggle sidebar visibility"
				},
				{
					"type": "inline_richtext",
					"id": "sidebar_title",
					"label": "Sidebar Title",
					"default": "Customer Reviews"
				},
				{
				"type": "image_picker",
				"id": "custom_sidebar_image",
				"label": "Custom sidebar image",
				"info": "Optional: Use a custom image instead of the product's featured image"
				},
				{
					"type": "product",
					"id": "sidebar_product",
					"label": "Featured product"
				},
				{
					"type": "inline_richtext",
					"id": "sidebar_product_btn",
					"label": "Featured product button text",
					"default": "Get 50% off!"
				},
				{
					"type": "header",
					"content": "Sidebar Button Colors"
				},
				{
					"type": "color",
					"id": "sidebar_button_bg_color",
					"label": "Button Background Color",
					"default": "#2F465F"
				},
				{
					"type": "color",
					"id": "sidebar_button_text_color",
					"label": "Button Text Color",
					"default": "#ffffff"
				},
				{
					"type": "header",
					"content": "Star rating reviews"
				},
				{
				"type": "text",
				"id": "rating_text",
				"label": "Rating Text",
				"info": "Leave blank to auto-calculate from star ratings"
				},
				{
					"type": "range",
					"id": "five_star_bar",
					"label": "5 Star Bar",
					"default": 90,
					"min": 0,
					"max": 100,
					"step": 1,
					"unit": "%"
				},
				{
					"type": "range",
					"id": "four_star_bar",
					"label": "4 Star Bar",
					"default": 7,
					"min": 0,
					"max": 100,
					"step": 1,
					"unit": "%"
				},
				{
					"type": "range",
					"id": "three_star_bar",
					"label": "3 Star Bar",
					"default": 2,
					"min": 0,
					"max": 100,
					"step": 1,
					"unit": "%"
				},
				{
					"type": "range",
					"id": "two_star_bar",
					"label": "2 Star Bar",
					"default": 0,
					"min": 0,
					"max": 100,
					"step": 1,
					"unit": "%"
				},
				{
					"type": "range",
					"id": "one_star_bar",
					"label": "1 Star Bar",
					"default": 1,
					"min": 0,
					"max": 100,
					"step": 1,
					"unit": "%"
				},
				{
					"type": "header",
					"content": "Features"
				},
				{
					"type": "text",
					"id": "feature_title_1",
					"label": "Feature 1 Title",
					"default": "Price"
				},
				{
					"type": "range",
					"id": "feature_rating_1",
					"label": "Feature 1 Rating",
					"default": 5.0,
					"min": 0,
					"max": 5,
					"step": 0.1
				},
				{
					"type": "text",
					"id": "feature_title_2",
					"label": "Feature 2 Title",
					"default": "Effectiveness"
				},
				{
					"type": "range",
					"id": "feature_rating_2",
					"label": "Feature 2 Rating",
					"default": 5.0,
					"min": 0,
					"max": 5,
					"step": 0.1
				},
				{
					"type": "text",
					"id": "feature_title_3",
					"label": "Feature 3 Title",
					"default": "Comfort"
				},
				{
					"type": "range",
					"id": "feature_rating_3",
					"label": "Feature 3 Rating",
					"default": 5.0,
					"min": 0,
					"max": 5,
					"step": 0.1
				},
				{
					"type": "text",
					"id": "feature_title_4",
					"label": "Feature 4 Title",
					"default": "Quality"
				},
				{
					"type": "range",
					"id": "feature_rating_4",
					"label": "Feature 4 Rating",
					"default": 4.8,
					"min": 0,
					"max": 5,
					"step": 0.1
				},
				{
					"type": "header",
					"content": "Star Settings"
				},
				{
					"type": "range",
					"id": "rating_star_size",
					"label": "Rating Star Size",
					"default": 15,
					"min": 10,
					"max": 30,
					"step": 1,
					"unit": "px"
				},
				{
					"type": "range",
					"id": "feature_star_size",
					"label": "Feature Star Size",
					"default": 15,
					"min": 10,
					"max": 30,
					"step": 1,
					"unit": "px"
				},
				{
					"type": "color",
					"id": "rating_star_color",
					"label": "Rating Star Color",
					"default": "#F1C40F"
				},
				{
					"type": "color",
					"id": "rating_empty_star_color",
					"label": "Rating Empty Star Color",
					"default": "#e0e0e0"
				},
				{
					"type": "checkbox",
					"id": "use_progress_gradient",
					"label": "Use gradient for rating meter bars",
					"info": "Enable gradient colors for the rating meter bars instead of solid colors",
					"default": false
				},
				{
					"type": "color",
					"id": "progress_gradient_start",
					"label": "Rating meter gradient start color",
					"info": "Starting color for the rating meter bar gradient",
					"default": "#2F465F"
				},
				{
					"type": "color",
					"id": "progress_gradient_end",
					"label": "Rating meter gradient end color",
					"info": "Ending color for the rating meter bar gradient",
					"default": "#0b94cb"
				},
				{
					"type": "header",
					"content": "Visibility Settings"
				},
				{
					"type": "checkbox",
					"id": "show_featured_product",
					"label": "Show featured product",
					"default": true
				},
				{
					"type": "checkbox",
					"id": "show_rating_section",
					"label": "Show rating section",
					"default": true
				},
				{
					"type": "checkbox",
					"id": "show_features",
					"label": "Show features",
					"default": true
				},
				{
					"type": "header",
					"content": "Color Customization"
				},
				{
					"type": "color",
					"id": "sidebar_background_color",
					"label": "Sidebar background color",
					"default": "#ffffff"
				},
				{
					"type": "color",
					"id": "sidebar_text_color",
					"label": "Sidebar text color",
					"default": "#000000"
				},
				{
					"type": "color",
					"id": "sidebar_title_color",
					"label": "Sidebar title color",
					"default": "#000000"
				},
				{
					"type": "color",
					"id": "rating_bar_color",
					"label": "Rating meter fill color",
					"info": "Color of the filled portion of the rating meter bars",
					"default": "#2F465F"
				},
				{
					"type": "color",
					"id": "rating_bar_background",
					"label": "Rating meter background color",
					"info": "Background color of the empty rating meter bars",
					"default": "#f0f0f0"
				},
				{
					"type": "color",
					"id": "feature_star_color",
					"label": "Feature star color",
					"default": "#F1C40F"
				},
				{
					"type": "color",
					"id": "feature_border_color",
					"label": "Feature border color",
					"default": "#f0f0f0"
				},
				{
					"type": "header",
					"content": "Sidebar Padding"
				},
				{
					"type": "range",
					"id": "sidebar_padding_top",
					"label": "Sidebar Top Padding",
					"default": 20,
					"min": 0,
					"max": 60,
					"step": 5,
					"unit": "px",
					"info": "Top padding inside the sidebar"
				},
				{
					"type": "range",
					"id": "sidebar_padding_bottom",
					"label": "Sidebar Bottom Padding",
					"default": 20,
					"min": 0,
					"max": 60,
					"step": 5,
					"unit": "px",
					"info": "Bottom padding inside the sidebar"
				}
			]
		},
		{
	"type": "disclaimer",
	"name": "Disclaimer Footer",
	"limit": 1,
	"settings": [
		{
			"type": "richtext",
			"id": "disclaimer_text",
			"label": "Disclaimer Text",
			"default": "<p>This statement has not been evaluated by the Food and Drug Administration. This product is not intended to diagnose, treat, cure, or prevent any disease.</p>",
			"info": "Disclaimer text that appears at the bottom of the page"
		},
		{
			"type": "select",
			"id": "disclaimer_alignment",
			"label": "Text Alignment",
			"default": "center",
			"options": [
				{ "value": "left", "label": "Left" },
				{ "value": "center", "label": "Center" },
				{ "value": "right", "label": "Right" }
			]
		},
		{
			"type": "color",
			"id": "disclaimer_text_color",
			"label": "Text Color",
			"default": "#666666"
		},
		{
			"type": "color",
			"id": "disclaimer_background_color",
			"label": "Background Color",
			"default": "#f8f8f8"
		},
		{
			"type": "range",
			"id": "disclaimer_font_size",
			"label": "Font Size",
			"default": 12,
			"min": 10,
			"max": 18,
			"step": 1,
			"unit": "px"
		},
		{
			"type": "range",
			"id": "disclaimer_padding_top",
			"label": "Padding Top",
			"default": 20,
			"min": 0,
			"max": 50,
			"step": 5,
			"unit": "px"
		},
		{
			"type": "range",
			"id": "disclaimer_padding_bottom",
			"label": "Padding Bottom",
			"default": 20,
			"min": 0,
			"max": 50,
			"step": 5,
			"unit": "px"
		}
	]
},
{
	"type": "copyright_legal",
	"name": "Copyright & Legal Links",
	"limit": 1,
	"settings": [
		{
			"type": "header",
			"content": "Copyright Settings"
		},
		{
			"type": "checkbox",
			"id": "show_copyright",
			"label": "Show Copyright Text",
			"default": true
		},
		{
			"type": "text",
			"id": "copyright_text",
			"label": "Copyright Text",
			"default": "© 2025 STORE NAMEs. All rights reserved.",
			"info": "Your copyright notice"
		},
		{
			"type": "range",
			"id": "copyright_font_size",
			"min": 10,
			"max": 20,
			"step": 1,
			"unit": "px",
			"label": "Copyright Font Size",
			"default": 13
		},
		{
			"type": "color",
			"id": "copyright_text_color",
			"label": "Copyright Text Color",
			"default": "#666666"
		},
		{
			"type": "header",
			"content": "Legal Links Settings"
		},
		{
			"type": "checkbox",
			"id": "show_legal_links",
			"label": "Show Legal Links",
			"default": true
		},
		{
			"type": "text",
			"id": "terms_text",
			"label": "Terms Link Text",
			"default": "Terms of Service",
			"info": "Display text for Terms link"
		},
		{
			"type": "url",
			"id": "terms_url",
			"label": "Terms Link URL",
			"info": "Link to your Terms of Service page"
		},
		{
			"type": "text",
			"id": "privacy_text",
			"label": "Privacy Link Text",
			"default": "Privacy Policy",
			"info": "Display text for Privacy link"
		},
		{
			"type": "url",
			"id": "privacy_url",
			"label": "Privacy Link URL",
			"info": "Link to your Privacy Policy page"
		},
		{
			"type": "range",
			"id": "link_font_size",
			"min": 10,
			"max": 20,
			"step": 1,
			"unit": "px",
			"label": "Link Font Size",
			"default": 13
		},
		{
			"type": "color",
			"id": "link_color",
			"label": "Link Color",
			"default": "#000000"
		},
		{
			"type": "select",
			"id": "link_underline",
			"label": "Link Underline",
			"options": [
				{
					"value": "none",
					"label": "None"
				},
				{
					"value": "underline",
					"label": "Underline"
				}
			],
			"default": "underline"
		},
		{
			"type": "header",
			"content": "Background & Spacing"
		},
		{
			"type": "color",
			"id": "copyright_background_color",
			"label": "Background Color",
			"default": "#F8F8F8"
		},
		{
			"type": "range",
			"id": "copyright_padding_top",
			"min": 10,
			"max": 60,
			"step": 5,
			"unit": "px",
			"label": "Padding Top",
			"default": 20
		},
		{
			"type": "range",
			"id": "copyright_padding_bottom",
			"min": 10,
			"max": 60,
			"step": 5,
			"unit": "px",
			"label": "Padding Bottom",
			"default": 20
		}
	]
},
 {
      "type": "divider",
      "name": "Divider",
      "settings": [
        {
          "type": "color",
          "id": "color",
          "label": "Color",
          "default": "#E1E1E1"
        },
        {
         "type": "select",
         "id": "style",
         "label": "Line style",
         "options": [
          {
         "value": "solid",
         "label": "Solid"
         },
         {
         "value": "dashed",
         "label": "Dashed"
         }
         ],
         "default": "solid"
         },
        {
          "type": "range",
          "id": "height",
          "min": 1,
          "max": 10,
          "step": 1,
          "unit": "px",
          "label": "Height",
          "default": 1
        },
        {
          "type": "range",
          "id": "width",
          "min": 0,
          "max": 100,
          "step": 10,
          "unit": "%",
          "label": "Width",
          "default": 100
        },
        {
          "type": "checkbox",
          "id": "Full_mobile_width",
          "label": "Full container width on mobile",
          "default": false,
          "info": "If enabled & Width is set to 100%, the divider will be edge-to-edge on mobile."
        },
        {
          "type": "select",
          "id": "alignment",
          "label": "Alignment",
          "options": [
            {
              "value": "flex-start",
              "label": "Left"
            },
            {
              "value": "center",
              "label": "Center"
            },
            {
              "value": "flex-end",
              "label": "Right"
            }
          ],
          "default": "center"
        },
        {
          "type": "range",
          "id": "border_radius",
          "min": 0,
          "max": 5,
          "step": 1,
          "unit": "px",
          "label": "Corner radius",
          "default": 0,
          "info": "Only visible with bigger heights."
        },
        {
          "type": "header",
          "content": "Block margin"
        },
        {
          "type": "range",
          "id": "margin_top",
          "min": 0,
          "max": 30,
          "step": 3,
          "unit": "px",
          "label": "Top margin",
          "default": 15
        },
        {
          "type": "range",
          "id": "margin_bottom",
          "min": 0,
          "max": 30,
          "step": 3,
          "unit": "px",
          "label": "Bottom margin",
          "default": 15
        }
      ]
    },
    {
      "type": "custom_liquid",
      "name": "t:sections.main-product.blocks.custom_liquid.name",
      "settings": [
        {
          "type": "liquid",
          "id": "custom_liquid",
          "label": "t:sections.main-product.blocks.custom_liquid.settings.custom_liquid.label",
          "info": "t:sections.main-product.blocks.custom_liquid.settings.custom_liquid.info"
        }
      ]
    },
	{
  "type": "comparison_chart",
  "name": "Comparison table",
    "limit": 1,
  "settings": [
    {
      "type": "header",
      "content": "Display Mode"
    },
    {
      "type": "checkbox",
      "id": "use_text_display",
      "label": "Use Text Instead of Icons",
      "default": false,
      "info": "When enabled, displays custom text or Yes/No instead of checkmark/cross icons"
    },
    {
      "type": "header",
      "content": "Your Brand Column"
    },
    {
      "type": "image_picker",
      "id": "your_brand_image",
      "label": "Your Brand Image"
    },
    {
      "type": "text",
      "id": "your_brand_title",
      "label": "Your Brand Title",
      "default": "Your Brand"
    },
    {
      "type": "color",
      "id": "your_brand_bg_color",
      "label": "Header Background Color",
      "default": "#FFFFFF"
    },
    {
      "type": "color",
      "id": "your_brand_border_color",
      "label": "Border Color",
      "default": "#000000"
    },
    {
      "type": "range",
      "id": "your_brand_border_width",
      "min": 1,
      "max": 5,
      "step": 1,
      "unit": "px",
      "label": "Border Width",
      "default": 3
    },
    {
      "type": "color",
      "id": "your_brand_cell_bg_color",
      "label": "Cell Background Color",
      "default": "#f5f5f5"
    },
    {
      "type": "checkbox",
      "id": "show_your_brand_badge",
      "label": "Show Badge",
      "default": false
    },
    {
      "type": "text",
      "id": "your_brand_icon",
      "label": "Badge Icon Name",
      "info": "Material Symbols icon name (e.g., 'verified', 'star')",
      "default": "verified"
    },
    {
      "type": "color",
      "id": "your_brand_icon_color",
      "label": "Badge Icon Color",
      "default": "#000000"
    },
    {
      "type": "text",
      "id": "your_brand_badge_text",
      "label": "Badge Text",
      "default": "Original"
    },
    {
      "type": "color",
      "id": "your_brand_badge_color",
      "label": "Badge Text Color",
      "default": "#000000"
    },
    {
      "type": "header",
      "content": "Other Brand Column"
    },
    {
      "type": "image_picker",
      "id": "other_brand_image",
      "label": "Other Brand Image"
    },
    {
      "type": "text",
      "id": "other_brand_title",
      "label": "Other Brand Title",
      "default": "Others"
    },
    {
      "type": "color",
      "id": "other_brand_bg_color",
      "label": "Header Background Color",
      "default": "#FFFFFF"
    },
    {
      "type": "color",
      "id": "other_brand_border_color",
      "label": "Border Color",
      "default": "#e0e0e0"
    },
    {
      "type": "range",
      "id": "other_brand_border_width",
      "min": 1,
      "max": 5,
      "step": 1,
      "unit": "px",
      "label": "Border Width",
      "default": 1
    },
    {
      "type": "color",
      "id": "other_brand_cell_bg_color",
      "label": "Cell Background Color",
      "default": "#ffffff"
    },
    {
      "type": "checkbox",
      "id": "show_other_brand_badge",
      "label": "Show Badge",
      "default": false
    },
    {
      "type": "text",
      "id": "other_brand_icon",
      "label": "Badge Icon Name",
      "info": "Material Symbols icon name (e.g., 'cancel', 'close')",
      "default": "cancel"
    },
    {
      "type": "color",
      "id": "other_brand_icon_color",
      "label": "Badge Icon Color",
      "default": "#121212"
    },
    {
      "type": "text",
      "id": "other_brand_badge_text",
      "label": "Badge Text",
      "default": "Knock-off"
    },
    {
      "type": "color",
      "id": "other_brand_badge_color",
      "label": "Badge Text Color",
      "default": "#121212"
    },
    {
      "type": "header",
      "content": "Comparison Rows"
    },
    {
      "type": "text",
      "id": "row_1_text",
      "label": "Row 1 - Feature Text",
      "default": "Benefit"
    },
    {
      "type": "checkbox",
      "id": "row_1_your_brand",
      "label": "Row 1 - Your Brand Has Feature",
      "default": true
    },
    {
      "type": "text",
      "id": "row_1_your_brand_custom",
      "label": "Row 1 - Your Brand Custom Text",
      "info": "Optional: Override default text for this cell"
    },
    {
      "type": "checkbox",
      "id": "row_1_other_brand",
      "label": "Row 1 - Other Brand Has Feature",
      "default": false
    },
    {
      "type": "text",
      "id": "row_1_other_brand_custom",
      "label": "Row 1 - Other Brand Custom Text",
      "info": "Optional: Override default text for this cell"
    },
    {
      "type": "text",
      "id": "row_2_text",
      "label": "Row 2 - Feature Text",
      "default": "Benefit"
    },
    {
      "type": "checkbox",
      "id": "row_2_your_brand",
      "label": "Row 2 - Your Brand Has Feature",
      "default": true
    },
    {
      "type": "text",
      "id": "row_2_your_brand_custom",
      "label": "Row 2 - Your Brand Custom Text"
    },
    {
      "type": "checkbox",
      "id": "row_2_other_brand",
      "label": "Row 2 - Other Brand Has Feature",
      "default": false
    },
    {
      "type": "text",
      "id": "row_2_other_brand_custom",
      "label": "Row 2 - Other Brand Custom Text"
    },
    {
      "type": "text",
      "id": "row_3_text",
      "label": "Row 3 - Feature Text",
      "default": "Benefit"
    },
    {
      "type": "checkbox",
      "id": "row_3_your_brand",
      "label": "Row 3 - Your Brand Has Feature",
      "default": true
    },
    {
      "type": "text",
      "id": "row_3_your_brand_custom",
      "label": "Row 3 - Your Brand Custom Text"
    },
    {
      "type": "checkbox",
      "id": "row_3_other_brand",
      "label": "Row 3 - Other Brand Has Feature",
      "default": false
    },
    {
      "type": "text",
      "id": "row_3_other_brand_custom",
      "label": "Row 3 - Other Brand Custom Text"
    },
    {
      "type": "text",
      "id": "row_4_text",
      "label": "Row 4 - Feature Text"
    },
    {
      "type": "checkbox",
      "id": "row_4_your_brand",
      "label": "Row 4 - Your Brand Has Feature",
      "default": true
    },
    {
      "type": "text",
      "id": "row_4_your_brand_custom",
      "label": "Row 4 - Your Brand Custom Text"
    },
    {
      "type": "checkbox",
      "id": "row_4_other_brand",
      "label": "Row 4 - Other Brand Has Feature",
      "default": false
    },
    {
      "type": "text",
      "id": "row_4_other_brand_custom",
      "label": "Row 4 - Other Brand Custom Text"
    },
    {
      "type": "text",
      "id": "row_5_text",
      "label": "Row 5 - Feature Text"
    },
    {
      "type": "checkbox",
      "id": "row_5_your_brand",
      "label": "Row 5 - Your Brand Has Feature",
      "default": true
    },
    {
      "type": "text",
      "id": "row_5_your_brand_custom",
      "label": "Row 5 - Your Brand Custom Text"
    },
    {
      "type": "checkbox",
      "id": "row_5_other_brand",
      "label": "Row 5 - Other Brand Has Feature",
      "default": false
    },
    {
      "type": "text",
      "id": "row_5_other_brand_custom",
      "label": "Row 5 - Other Brand Custom Text"
    },
    {
      "type": "text",
      "id": "row_6_text",
      "label": "Row 6 - Feature Text"
    },
    {
      "type": "checkbox",
      "id": "row_6_your_brand",
      "label": "Row 6 - Your Brand Has Feature",
      "default": true
    },
    {
      "type": "text",
      "id": "row_6_your_brand_custom",
      "label": "Row 6 - Your Brand Custom Text"
    },
    {
      "type": "checkbox",
      "id": "row_6_other_brand",
      "label": "Row 6 - Other Brand Has Feature",
      "default": false
    },
    {
      "type": "text",
      "id": "row_6_other_brand_custom",
      "label": "Row 6 - Other Brand Custom Text"
    },
    {
      "type": "text",
      "id": "row_7_text",
      "label": "Row 7 - Feature Text"

    },
    {
      "type": "checkbox",
      "id": "row_7_your_brand",
      "label": "Row 7 - Your Brand Has Feature",
      "default": true
    },
    {
      "type": "text",
      "id": "row_7_your_brand_custom",
      "label": "Row 7 - Your Brand Custom Text"
    },
    {
      "type": "checkbox",
      "id": "row_7_other_brand",
      "label": "Row 7 - Other Brand Has Feature",
      "default": false
    },
    {
      "type": "text",
      "id": "row_7_other_brand_custom",
      "label": "Row 7 - Other Brand Custom Text"
    },
    {
      "type": "text",
      "id": "row_8_text",
      "label": "Row 8 - Feature Text"
    },
    {
      "type": "checkbox",
      "id": "row_8_your_brand",
      "label": "Row 8 - Your Brand Has Feature",
      "default": true
    },
    {
      "type": "text",
      "id": "row_8_your_brand_custom",
      "label": "Row 8 - Your Brand Custom Text"
    },
    {
      "type": "checkbox",
      "id": "row_8_other_brand",
      "label": "Row 8 - Other Brand Has Feature",
      "default": false
    },
    {
      "type": "text",
      "id": "row_8_other_brand_custom",
      "label": "Row 8 - Other Brand Custom Text"
    },
    {
      "type": "header",
      "content": "Text Display Settings"
    },
    {
      "type": "text",
      "id": "positive_text",
      "label": "Positive Text",
      "default": "Yes",
      "info": "Text shown when feature is present"
    },
    {
      "type": "text",
      "id": "negative_text",
      "label": "Negative Text",
      "default": "No",
      "info": "Text shown when feature is absent"
    },
    {
      "type": "color",
      "id": "positive_text_color",
      "label": "Positive Text Color",
      "default": "#000000"
    },
    {
      "type": "color",
      "id": "negative_text_color",
      "label": "Negative Text Color",
      "default": "#999999"
    },
    {
      "type": "range",
      "id": "cell_text_size",
      "min": 12,
      "max": 24,
      "step": 1,
      "unit": "px",
      "label": "Cell Text Size",
      "default": 16
    },
    {
      "type": "select",
      "id": "cell_text_weight",
      "label": "Cell Text Weight",
      "options": [
        {
          "value": "400",
          "label": "Normal"
        },
        {
          "value": "600",
          "label": "Semi Bold"
        },
        {
          "value": "700",
          "label": "Bold"
        }
      ],
      "default": "600"
    },
    {
      "type": "header",
      "content": "Icon Styling"
    },
    {
      "type": "color",
      "id": "checkmark_color",
      "label": "Checkmark Background Color",
      "default": "#53AF01"
    },
    {
      "type": "color",
      "id": "crossmark_bg_color",
      "label": "Cross Background Color",
      "default": "#DBDBDB"
    },
    {
      "type": "range",
      "id": "icon_size",
      "min": 16,
      "max": 32,
      "step": 2,
      "unit": "px",
      "label": "Badge Icon Size",
      "default": 20
    },
    {
      "type": "header",
      "content": "Row Styling"
    },
    {
      "type": "color",
      "id": "row_bg_color",
      "label": "Row Background Color",
      "default": "#fafafa"
    },
    {
      "type": "color",
      "id": "row_text_color",
      "label": "Row Text Color",
      "default": "#000000"
    },
    {
      "type": "range",
      "id": "row_font_size",
      "min": 14,
      "max": 24,
      "step": 1,
      "unit": "px",
      "label": "Row Font Size",
      "default": 18
    },
    {
      "type": "select",
      "id": "row_font_weight",
      "label": "Row Font Weight",
      "options": [
        {
          "value": "400",
          "label": "Normal"
        },
        {
          "value": "600",
          "label": "Semi Bold"
        },
        {
          "value": "700",
          "label": "Bold"
        }
      ],
      "default": "700"
    },
    {
      "type": "header",
      "content": "General Settings"
    },
    {
      "type": "range",
      "id": "header_font_size",
      "min": 14,
      "max": 32,
      "step": 2,
      "unit": "px",
      "label": "Header Font Size",
      "default": 18
    },
    {
      "type": "range",
      "id": "badge_font_size",
      "min": 8,
      "max": 16,
      "step": 1,
      "unit": "px",
      "label": "Badge Font Size",
      "default": 10
    },
    {
      "type": "range",
      "id": "border_radius",
      "min": 0,
      "max": 4,
      "step": 0.5,
      "unit": "rem",
      "label": "Border Radius",
      "default": 2
    },
    {
      "type": "range",
      "id": "logo_width",
      "min": 40,
      "max": 150,
      "step": 10,
      "unit": "px",
      "label": "Logo Width (Desktop)",
      "default": 80
    },
    {
      "type": "range",
      "id": "mobile_logo_width",
      "min": 30,
      "max": 100,
      "step": 5,
      "unit": "px",
      "label": "Logo Width (Mobile)",
      "default": 60
    },
    {
      "type": "range",
      "id": "cell_separator_opacity",
      "min": 0,
      "max": 1,
      "step": 0.1,
      "label": "Cell Separator Opacity",
      "default": 0
    },
    {
      "type": "header",
      "content": "Block Margin"
    },
    {
      "type": "range",
      "id": "margin_top",
      "min": 0,
      "max": 30,
      "step": 3,
      "unit": "px",
      "label": "Top Margin",
      "default": 15
    },
    {
      "type": "range",
      "id": "margin_bottom",
      "min": 0,
      "max": 30,
      "step": 3,
      "unit": "px",
      "label": "Bottom Margin",
      "default": 15
    }
  ]
},
	 {
      "type": "textwithicon",
      "name": "Text with icon",
      "settings": [
        {
      "type": "select",
      "id": "visibility",
      "options": [
          {
            "value": "desktop-hidden",
            "label": "Mobile only"
          },
          {
            "value": "mobile-hidden",
            "label": "Desktop only"
          },
          {
            "value": "always-display",
            "label": "All devices"
          }
          ],
          "label": "Display on",
          "default": "always-display"
        },
        {
          "type": "header",
          "content": "Text"
        },
        {
          "type": "range",
          "id": "mobile_text_size",
          "min": 8,
          "max": 24,
          "step": 1,
          "unit": "px",
          "default": 14,
          "label": "Mobile text size"
        },
        {
          "type": "range",
          "id": "desktop_text_size",
          "min": 10,
          "max": 30,
          "step": 1,
          "unit": "px",
          "default": 16,
          "label": "Desktop text size"
        },
        {
          "type": "select",
          "id": "alignment",
          "label": "Text alignment",
          "options": [
            {
              "value": "left",
              "label": "Left"
            },
            {
              "value": "center",
              "label": "Center"
            },
            {
              "value": "right",
              "label": "Right"
            }
          ],
          "default": "left"
        },
        {
          "type": "color",
          "id": "text_color",
          "default": "#121212",
          "label": "Text color"
        },
        {
          "type": "inline_richtext",
          "id": "text_1",
          "default": "Text with icon",
          "label": "Text #1"
        },
        {
          "type": "inline_richtext",
          "id": "text_2",
          "label": "Text #2"
        },
        {
          "type": "inline_richtext",
          "id": "text_3",
          "label": "Text #3"
        },
        {
          "type": "inline_richtext",
          "id": "text_4",
          "label": "Text #4"
        },
        {
          "type": "header",
          "content": "Icons"
        },
        {
          "type": "range",
          "id": "icon_scale",
          "min": 100,
          "max": 200,
          "step": 5,
          "default": 120,
          "unit": "%",
          "label": "Icon scale",
          "info": "Relative to text size"
        },
        {
          "type": "color",
          "id": "icon_color",
          "default": "#121212",
          "label": "Icons color"
        },
        {
          "type": "text",
          "id": "icon_1",
          "default": "check_circle",
          "label": "Icon #1",
          "info": "[View all available icons](https:\/\/fonts.google.com\/icons?icon.set=Material+Symbols&icon.platform=web)."
        },
        {
          "type": "checkbox",
          "id": "filled_icon_1",
          "default": false,
          "label": "Filled icon #1"
        },
        {
          "type": "image_picker",
          "id": "custom_icon_1",
          "label": "Custom icon #1"
        },
        {
          "type": "text",
          "id": "icon_2",
          "default": "check_circle",
          "label": "Icon #2",
          "info": "[View all available icons](https:\/\/fonts.google.com\/icons?icon.set=Material+Symbols&icon.platform=web)."
        },
        {
          "type": "checkbox",
          "id": "filled_icon_2",
          "default": false,
          "label": "Filled icon #2"
        },
        {
          "type": "image_picker",
          "id": "custom_icon_2",
          "label": "Custom icon #2"
        },
        {
          "type": "text",
          "id": "icon_3",
          "default": "check_circle",
          "label": "Icon #3",
          "info": "[View all available icons](https:\/\/fonts.google.com\/icons?icon.set=Material+Symbols&icon.platform=web)."
        },
        {
          "type": "checkbox",
          "id": "filled_icon_3",
          "default": false,
          "label": "Filled icon #3"
        },
        {
          "type": "image_picker",
          "id": "custom_icon_3",
          "label": "Custom icon #3"
        },
        {
          "type": "text",
          "id": "icon_4",
          "default": "check_circle",
          "label": "Icon #4",
          "info": "[View all available icons](https:\/\/fonts.google.com\/icons?icon.set=Material+Symbols&icon.platform=web)."
        },
        {
          "type": "checkbox",
          "id": "filled_icon_4",
          "default": false,
          "label": "Filled icon #4"
        },
        {
          "type": "image_picker",
          "id": "custom_icon_4",
          "label": "Custom icon #4"
        },
        {
          "type": "header",
          "content": "Container"
        },
        {
          "type": "select",
          "id": "width",
          "options": [
            {
              "value": "fit-content",
              "label": "Fit text"
            },
            {
              "value": "100%",
              "label": "Full"
            }
          ],
          "default": "100%",
          "label": "Width"
        },
        {
          "type": "select",
          "id": "direction",
          "options": [
            {
              "value": "horizontal",
              "label": "Horizontal"
            },
            {
              "value": "vertical",
              "label": "Vertical"
            }
          ],
          "default": "horizontal",
          "label": "Stacking direction",
          "info": "Applied when multiple texts are added."
        },
        {
         "type": "select",
         "id": "grid_layout",
         "label": "Layout for 4 items",
         "options": [
         {
            "value": "row",
            "label": "Single row"
         },
         {
            "value": "2x2",
            "label": "2x2 grid"
         }
         ],
         "default": "row",
         "info": "Choose how to display 4 items: in a single row or as a 2x2 grid"
        },
        {
          "type": "range",
          "id": "column_gap",
          "min": 0,
          "max": 6,
          "step": 0.5,
          "label": "Stacking spacing",
          "default": 3
        },
        {
          "type": "checkbox",
          "id": "enable_bg",
          "default": false,
          "label": "Enable background",
          "info": "The following settings are applied when this option is enabled."
        },
        {
          "type": "select",
          "id": "styling_container",
          "options": [
            {
              "value": "container",
              "label": "Whole block container"
            },
            {
              "value": "text",
              "label": "Each text item"
            }
          ],
          "default": "container",
          "label": "Apply background & border to:"
        },
        {
          "type": "color",
          "id": "bg_color",
          "label": "Background color",
          "default": "#F3F3F3"
        },
        {
         "type": "checkbox",
          "id": "enable_gradient_bg",
          "label": "Enable gradient background",
          "info": "Recomended to have normal background enabled to add some padding.",
          "default": false
        },
        {
          "type": "color_background",
          "id": "gradient_bg",
          "label": "Gradient background",
          "default": "linear-gradient(270deg, #ff9c9f 0%, #efc885 100%)"
        },
        {
          "type": "header",
          "content": "Per-item background colors",
          "info": "Override the background color per pill. Only applies when 'Apply background & border to' is set to 'Each text item'.",
          "visible_if": "{{ block.settings.styling_container == 'text' }}"
        },
        {
          "type": "select",
          "id": "bg_type_1",
          "label": "Item #1 background type",
          "options": [
            { "value": "global", "label": "Use global color" },
            { "value": "solid", "label": "Solid color" },
            { "value": "gradient", "label": "Gradient" }
          ],
          "default": "global",
          "visible_if": "{{ block.settings.styling_container == 'text' }}"
        },
        {
          "type": "color",
          "id": "bg_color_1",
          "label": "Item #1 solid color",
          "default": "#F3F3F3",
          "visible_if": "{{ block.settings.styling_container == 'text' and block.settings.bg_type_1 == 'solid' }}"
        },
        {
          "type": "color_background",
          "id": "gradient_bg_1",
          "label": "Item #1 gradient",
          "visible_if": "{{ block.settings.styling_container == 'text' and block.settings.bg_type_1 == 'gradient' }}"
        },
        {
          "type": "select",
          "id": "bg_type_2",
          "label": "Item #2 background type",
          "options": [
            { "value": "global", "label": "Use global color" },
            { "value": "solid", "label": "Solid color" },
            { "value": "gradient", "label": "Gradient" }
          ],
          "default": "global",
          "visible_if": "{{ block.settings.styling_container == 'text' }}"
        },
        {
          "type": "color",
          "id": "bg_color_2",
          "label": "Item #2 solid color",
          "default": "#F3F3F3",
          "visible_if": "{{ block.settings.styling_container == 'text' and block.settings.bg_type_2 == 'solid' }}"
        },
        {
          "type": "color_background",
          "id": "gradient_bg_2",
          "label": "Item #2 gradient",
          "visible_if": "{{ block.settings.styling_container == 'text' and block.settings.bg_type_2 == 'gradient' }}"
        },
        {
          "type": "select",
          "id": "bg_type_3",
          "label": "Item #3 background type",
          "options": [
            { "value": "global", "label": "Use global color" },
            { "value": "solid", "label": "Solid color" },
            { "value": "gradient", "label": "Gradient" }
          ],
          "default": "global",
          "visible_if": "{{ block.settings.styling_container == 'text' }}"
        },
        {
          "type": "color",
          "id": "bg_color_3",
          "label": "Item #3 solid color",
          "default": "#F3F3F3",
          "visible_if": "{{ block.settings.styling_container == 'text' and block.settings.bg_type_3 == 'solid' }}"
        },
        {
          "type": "color_background",
          "id": "gradient_bg_3",
          "label": "Item #3 gradient",
          "visible_if": "{{ block.settings.styling_container == 'text' and block.settings.bg_type_3 == 'gradient' }}"
        },
        {
          "type": "select",
          "id": "bg_type_4",
          "label": "Item #4 background type",
          "options": [
            { "value": "global", "label": "Use global color" },
            { "value": "solid", "label": "Solid color" },
            { "value": "gradient", "label": "Gradient" }
          ],
          "default": "global",
          "visible_if": "{{ block.settings.styling_container == 'text' }}"
        },
        {
          "type": "color",
          "id": "bg_color_4",
          "label": "Item #4 solid color",
          "default": "#F3F3F3",
          "visible_if": "{{ block.settings.styling_container == 'text' and block.settings.bg_type_4 == 'solid' }}"
        },
        {
          "type": "color_background",
          "id": "gradient_bg_4",
          "label": "Item #4 gradient",
          "visible_if": "{{ block.settings.styling_container == 'text' and block.settings.bg_type_4 == 'gradient' }}"
        },
        {
          "type": "checkbox",
          "id": "boxshadow",
          "default": false,
          "label": "Enable background shadow",
          "info": "Background shadow shows only if Background color is enabled and background & border set to Each text item."
      },
        {
          "type": "range",
          "id": "corner_radius",
          "min": 0,
          "max": 100,
          "step": 5,
          "unit": "%",
          "label": "t:settings_schema.global.settings.corner_radius.label",
          "default": 40,
          "info": "Relative to font size"
        },
        {
          "type": "range",
          "id": "padding",
          "min": 1,
          "max": 5,
          "step": 0.5,
          "label": "Padding",
          "default": 3
        },
        {
          "type": "range",
          "id": "border_size",
          "min": 0,
          "max": 5,
          "step": 1,
          "label": "Border thickness",
          "unit": "px",
          "default": 0
        },
        {
          "type": "color",
          "id": "border_color",
          "label": "Border color",
          "default": "#B7B7B7"
        },
        {
          "type": "checkbox",
          "id": "dashedborder",
          "default": false,
          "label": "Enable dashed border",
          "info": "Border thickness must at least be 1px to show"
        },
        {
          "type": "header",
          "content": "Block margin"
        },
        {
          "type": "range",
          "id": "margin_top",
          "min": 0,
          "max": 30,
          "step": 3,
          "unit": "px",
          "label": "Top margin",
          "default": 15
        },
        {
          "type": "range",
          "id": "margin_bottom",
          "min": 0,
          "max": 30,
          "step": 3,
          "unit": "px",
          "label": "Bottom margin",
          "default": 15
        }
      ]
    },
    {
      "name": "Facebook comment",
      "type": "facebook_comment",
      "settings": [
        {
         "type":"select",
         "id":"visibility",
         "options":[
            {
               "value":"desktop-hidden",
               "label":"Mobile only"
            },
            {
               "value":"mobile-hidden",
               "label":"Desktop only"
            },
            {
               "value":"always-display",
               "label":"All devices"
            }
         ],
         "label":"Display on",
         "default":"always-display"
      },
        {
          "type": "image_picker",
          "id": "profile_image",
          "label": "Profile Picture Image"
        },
        {
          "type": "color",
          "id": "profile_center_color",
          "label": "Fallback Profile Color",
          "default": "#4a90e2",
          "info": "Used when no custom image is uploaded"
        },
        {
          "type": "header",
          "content": "Comment Content"
        },
        {
          "type": "text",
          "id": "author_name",
          "label": "Author Name",
          "default": "Sarah Johnson"
        },
        {
          "type": "textarea",
          "id": "comment_text",
          "label": "Comment Text",
          "default": "I absolutely love this product! The quality exceeded my expectations and it arrived quickly."
        },
        {
          "type": "number",
          "id": "reaction_count",
          "label": "Reaction Count",
          "default": 12
        },
        {
          "type": "text",
          "id": "time_stamp",
          "label": "Time Stamp",
          "default": "2d"
        },
        {
          "type": "text",
          "id": "like_text",
          "label": "Like text",
          "default": "Like"
        },
        {
          "type": "text",
          "id": "reply_text",
          "label": "Reply text",
          "default": "Reply"
        },
        {
          "type": "header",
          "content": "Typography"
        },
        {
          "type": "range",
          "id": "author_name_font_size",
          "min": 10,
          "max": 18,
          "step": 1,
          "unit": "px",
          "label": "Author Name Font Size",
          "default": 13
        },
        {
          "type": "range",
          "id": "comment_text_font_size",
          "min": 12,
          "max": 20,
          "step": 1,
          "unit": "px",
          "label": "Comment Text Font Size",
          "default": 15
        },
        {
          "type": "range",
          "id": "meta_font_size",
          "min": 10,
          "max": 16,
          "step": 1,
          "unit": "px",
          "label": "Meta Text Font Size",
          "default": 13
        },
        {
          "type": "checkbox",
          "id": "use_facebook_font",
          "label": "Use Facebook Font (Roboto)",
          "default": false
        },
        {
          "type": "header",
          "content": "Spacing"
        },
        {
          "type": "range",
          "id": "block_padding",
          "min": 8,
          "max": 32,
          "step": 2,
          "unit": "px",
          "label": "Block Padding",
          "default": 16
        },
        {
          "type": "range",
          "id": "margin_top",
          "min": 0,
          "max": 50,
          "step": 2,
          "unit": "px",
          "label": "Top Margin",
          "default": 6
        },
        {
          "type": "range",
          "id": "margin_bottom",
          "min": 0,
          "max": 50,
          "step": 2,
          "unit": "px",
          "label": "Bottom Margin",
          "default": 6
        }
      ]
    },
    {
      "name": "Instagram comment",
      "type": "instagramcomment",
      "settings": [
        {
          "type": "select",
          "id": "visibility",
          "options": [
            { "value": "desktop-hidden", "label": "Mobile only" },
            { "value": "mobile-hidden", "label": "Desktop only" },
            { "value": "always-display", "label": "All devices" }
          ],
          "label": "Display on",
          "default": "always-display"
        },
        {
          "type": "image_picker",
          "id": "profile_image",
          "label": "Profile Picture Image"
        },
        {
          "type": "header",
          "content": "Comment Content"
        },
        {
          "type": "text",
          "id": "username",
          "label": "Username",
          "default": "happycustomer"
        },
        {
          "type": "text",
          "id": "timestamp",
          "label": "Timestamp",
          "default": "2w"
        },
        {
          "type": "textarea",
          "id": "comment_text",
          "label": "Comment Text",
          "default": "Love this product! Amazing quality and fast shipping. Highly recommend!"
        },
        {
          "type": "text",
          "id": "like_count",
          "label": "Like Count",
          "default": "24 likes"
        },
        {
          "type": "header",
          "content": "Author Heart Badge"
        },
        {
          "type": "checkbox",
          "id": "show_author_heart",
          "label": "Show Author Heart",
          "default": true
        },
        {
          "type": "text",
          "id": "author_label_text",
          "label": "Author Label Text",
          "default": "by author"
        },
        {
          "type": "checkbox",
          "id": "show_like_button",
          "label": "Show Like Button",
          "default": true
        },
        {
          "type": "text",
          "id": "reply_text",
          "label": "Reply text",
          "default": "Reply"
        },
        {
          "type": "header",
          "content": "Typography"
        },
        {
          "type": "range",
          "id": "username_font_size",
          "min": 10, "max": 18, "step": 1, "unit": "px",
          "label": "Username Font Size",
          "default": 14
        },
        {
          "type": "range",
          "id": "timestamp_font_size",
          "min": 10, "max": 16, "step": 1, "unit": "px",
          "label": "Timestamp Font Size",
          "default": 12
        },
        {
          "type": "range",
          "id": "comment_text_font_size",
          "min": 12, "max": 20, "step": 1, "unit": "px",
          "label": "Comment Text Font Size",
          "default": 14
        },
        {
          "type": "range",
          "id": "author_label_font_size",
          "min": 10, "max": 16, "step": 1, "unit": "px",
          "label": "Author Label Font Size",
          "default": 12
        },
        {
          "type": "range",
          "id": "actions_font_size",
          "min": 10, "max": 16, "step": 1, "unit": "px",
          "label": "Actions Font Size",
          "default": 12
        },
        {
          "type": "header",
          "content": "Colors"
        },
        {
          "type": "color",
          "id": "background_color",
          "label": "Background Color",
          "default": "#ffffff"
        },
        {
          "type": "color",
          "id": "username_color",
          "label": "Username Color",
          "default": "#262626"
        },
        {
          "type": "color",
          "id": "timestamp_color",
          "label": "Timestamp Color",
          "default": "#8e8e8e"
        },
        {
          "type": "color",
          "id": "comment_text_color",
          "label": "Comment Text Color",
          "default": "#262626"
        },
        {
          "type": "color",
          "id": "author_heart_color",
          "label": "Author Heart Color",
          "default": "#ed4956"
        },
        {
          "type": "color",
          "id": "author_label_color",
          "label": "Author Label Color",
          "default": "#8e8e8e"
        },
        {
          "type": "color",
          "id": "actions_color",
          "label": "Actions Color",
          "default": "#8e8e8e"
        },
        {
          "type": "color",
          "id": "like_heart_color",
          "label": "Like Heart Color",
          "default": "#8e8e8e"
        },
        {
          "type": "header",
          "content": "Layout"
        },
        {
          "type": "range",
          "id": "border_radius",
          "min": 0, "max": 20, "step": 1, "unit": "px",
          "label": "Border Radius",
          "default": 8
        },
        {
          "type": "range",
          "id": "block_padding",
          "min": 8, "max": 32, "step": 2, "unit": "px",
          "label": "Block Padding",
          "default": 16
        },
        {
          "type": "range",
          "id": "margin_top",
          "min": 0, "max": 50, "step": 2, "unit": "px",
          "label": "Top Margin",
          "default": 6
        },
        {
          "type": "range",
          "id": "margin_bottom",
          "min": 0, "max": 50, "step": 2, "unit": "px",
          "label": "Bottom Margin",
          "default": 6
        }
      ]
    }
	],
	"presets": [
		{
			"name": "Advertorial section",
      "category": "Content",
			"blocks": [
				{ "type": "heading" },
				{ "type": "text" },
				{ "type": "rating" },
				{ "type": "image" },
				{ "type": "author" },
				{ "type": "basic_text" },
				{ "type": "button" },
				{ "type": "sidebar" },
				{ "type": "disclaimer" }
			]
		}
	]
}
{%- endschema -%}