/* --------- */
/* Icons     */
/* --------- */
@font-face {
  font-family: hero-products-icons;
  src: url(data:@file/octet-stream;base64,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);
}
.hero-products-container {
  /* Show in icons */
  --hero-products-icon-font-family:	hero-products-icons;
  --hero-products-sale-icon:	"";
  --hero-products-review-icon:	"";
  --hero-products-featured-icon:	"";
  --hero-products-date-icon:	"";
  --hero-products-comments-number-icon:	"";
  --hero-products-categories-icon:	"";
  --hero-products-tags-icon:	"";
  --hero-products-virtual-icon:	"";
  --hero-products-downloadable-icon:	"";
  --hero-products-sku-icon:	"";
  --hero-products-instock-icon:	"";
  --hero-products-type-icon:	"";
  --hero-products-type-simple-icon:	"";
  --hero-products-type-grouped-icon:	"";
  --hero-products-type-external-icon:	"";
  --hero-products-type-variable-icon:	"";
}

/* ---------------- */
/* Statis variables */
/* ---------------- */
.hero-products-container {
  /* Font sizes */
  /* Content font sizes */
  /*--hero-products-item-content-font-size: inherit;*/
  --hero-products-item-content-font-size-inherit:	inherit;
  --hero-products-item-content-font-size-extra-small:	0.875rem;
  --hero-products-item-content-font-size-small:	0.875rem;
  --hero-products-item-content-font-size-normal:	0.875rem;
  --hero-products-item-content-font-size-medium:	0.875rem;
  --hero-products-item-content-font-size-large:	1rem;
  --hero-products-item-content-font-size-extra-large:	1rem;
  --hero-products-item-content-font-size-huge:	1rem;
  --hero-products-item-content-font-size-extra-huge:	1rem;
  /* Title font sizes */
  /*--hero-products-item-content-title-font-size: inherit;*/
  --hero-products-item-content-title-font-size-inherit:	inherit;
  --hero-products-item-content-title-font-size-extra-small:	0.8rem;
  --hero-products-item-content-title-font-size-small:	1rem;
  --hero-products-item-content-title-font-size-normal:	1.25rem;
  --hero-products-item-content-title-font-size-medium:	1.563rem;
  --hero-products-item-content-title-font-size-large:	1.953rem;
  --hero-products-item-content-title-font-size-extra-large:	2.441rem;
  --hero-products-item-content-title-font-size-huge:	3.052rem;
  --hero-products-item-content-title-font-size-extra-huge:	3.81rem;
  /* Supertitle font sizes */
  /*--hero-products-item-content-supertitle-font-size: inherit;*/
  --hero-products-item-content-supertitle-font-size-inherit:	inherit;
  --hero-products-item-content-supertitle-font-size-extra-small:	0.875rem;
  --hero-products-item-content-supertitle-font-size-small:	0.875rem;
  --hero-products-item-content-supertitle-font-size-normal:	0.875rem;
  --hero-products-item-content-supertitle-font-size-medium:	0.875rem;
  --hero-products-item-content-supertitle-font-size-large:	1rem;
  --hero-products-item-content-supertitle-font-size-extra-large:	1rem;
  --hero-products-item-content-supertitle-font-size-huge:	1rem;
  --hero-products-item-content-supertitle-font-size-extra-huge:	1.125rem;
  /* Subtitle font sizes */
  /*--hero-products-item-content-subtitle-font-size: inherit;*/
  --hero-products-item-content-subtitle-font-size-inherit:	inherit;
  --hero-products-item-content-subtitle-font-size-extra-small:	0.875rem;
  --hero-products-item-content-subtitle-font-size-small:	0.875rem;
  --hero-products-item-content-subtitle-font-size-normal:	0.875rem;
  --hero-products-item-content-subtitle-font-size-medium:	0.875rem;
  --hero-products-item-content-subtitle-font-size-large:	1rem;
  --hero-products-item-content-subtitle-font-size-extra-large:	1rem;
  --hero-products-item-content-subtitle-font-size-huge:	1rem;
  --hero-products-item-content-subtitle-font-size-extra-huge:	1.25rem;
  /* Excerpt font sizes */
  /*--hero-products-item-content-excerpt-size: inherit;*/
  --hero-products-item-content-excerpt-font-size-inherit:	inherit;
  --hero-products-item-content-excerpt-font-size-extra-small:	0.875rem;
  --hero-products-item-content-excerpt-font-size-small:	0.875rem;
  --hero-products-item-content-excerpt-font-size-normal:	0.875rem;
  --hero-products-item-content-excerpt-font-size-medium:	1rem;
  --hero-products-item-content-excerpt-font-size-large:	1rem;
  --hero-products-item-content-excerpt-font-size-extra-large:	1.125rem;
  --hero-products-item-content-excerpt-font-size-huge:	1.25rem;
  --hero-products-item-content-excerpt-font-size-extra-huge:	1.25rem;
  /* Add to card paddings */
  /*--hero-products-item-add-to-cart-default-padding: inherit;*/
  --hero-products-item-add-to-cart-default-padding:	1em 2em;
  --hero-products-item-add-to-cart-default-padding-inherit:	inherit;
  --hero-products-item-add-to-cart-default-padding-extra-small:	0.25em 0.5em;
  --hero-products-item-add-to-cart-default-padding-small:	0.25em 0.5em;
  --hero-products-item-add-to-cart-default-padding-normal:	0.5em 1em;
  --hero-products-item-add-to-cart-default-padding-medium:	0.5em 1em;
  --hero-products-item-add-to-cart-default-padding-large:	0.5em 1em;
  /* --hero-products-item-add-to-cart-default-padding-large: 			0.75em 1.5em; */
  --hero-products-item-add-to-cart-default-padding-extra-large:	0.75em 1.5em;
  --hero-products-item-add-to-cart-default-padding-huge:	0.75em 1.5em;
  --hero-products-item-add-to-cart-default-padding-extra-huge:	1em 2em;
  /* Add to card font sizes */
  /*--hero-products-item-add-to-cart-default-font-size: inherit;*/
  --hero-products-item-add-to-cart-default-font-size:	0.875rem;
  --hero-products-item-add-to-cart-default-font-size-inherit:	inherit;
  --hero-products-item-add-to-cart-default-font-size-extra-small:	0.875rem;
  --hero-products-item-add-to-cart-default-font-size-small:	0.875rem;
  --hero-products-item-add-to-cart-default-font-size-normal:	0.875rem;
  --hero-products-item-add-to-cart-default-font-size-medium:	0.875rem;
  --hero-products-item-add-to-cart-default-font-size-large:	0.875rem;
  /* --hero-products-item-add-to-cart-default-font-size-large: 		0.75em 1.5em; */
  --hero-products-item-add-to-cart-default-font-size-extra-large:	1rem;
  --hero-products-item-add-to-cart-default-font-size-huge:	1rem;
  --hero-products-item-add-to-cart-default-font-size-extra-huge:	1rem;
  /* Colors */
  --hero-products-dark-color-rgb:	0, 0, 0;
  --hero-products-dark-color:	rgb(var(--hero-products-dark-color-rgb));
  --hero-products-dark-color-0:	rgba(var(--hero-products-dark-color-rgb), 0);
  --hero-products-dark-color-10:	rgba(var(--hero-products-dark-color-rgb), 0.1);
  --hero-products-dark-color-20:	rgba(var(--hero-products-dark-color-rgb), 0.2);
  --hero-products-dark-color-30:	rgba(var(--hero-products-dark-color-rgb), 0.3);
  --hero-products-dark-color-40:	rgba(var(--hero-products-dark-color-rgb), 0.4);
  --hero-products-dark-color-50:	rgba(var(--hero-products-dark-color-rgb), 0.5);
  --hero-products-dark-color-60:	rgba(var(--hero-products-dark-color-rgb), 0.6);
  --hero-products-dark-color-70:	rgba(var(--hero-products-dark-color-rgb), 0.7);
  --hero-products-dark-color-80:	rgba(var(--hero-products-dark-color-rgb), 0.8);
  --hero-products-dark-color-90:	rgba(var(--hero-products-dark-color-rgb), 0.9);
  --hero-products-dark-color-100:	rgba(var(--hero-products-dark-color-rgb), 1);
  --hero-products-light-color-rgb:	255, 255, 255;
  --hero-products-light-color:	rgb(var(--hero-products-light-color-rgb));
  --hero-products-light-color-0:	rgba(var(--hero-products-light-color-rgb), 0);
  --hero-products-light-color-10:	rgba(var(--hero-products-light-color-rgb), 0.1);
  --hero-products-light-color-20:	rgba(var(--hero-products-light-color-rgb), 0.2);
  --hero-products-light-color-30:	rgba(var(--hero-products-light-color-rgb), 0.3);
  --hero-products-light-color-40:	rgba(var(--hero-products-light-color-rgb), 0.4);
  --hero-products-light-color-50:	rgba(var(--hero-products-light-color-rgb), 0.5);
  --hero-products-light-color-60:	rgba(var(--hero-products-light-color-rgb), 0.6);
  --hero-products-light-color-70:	rgba(var(--hero-products-light-color-rgb), 0.7);
  --hero-products-light-color-80:	rgba(var(--hero-products-light-color-rgb), 0.8);
  --hero-products-light-color-90:	rgba(var(--hero-products-light-color-rgb), 0.9);
  --hero-products-light-color-100:	rgba(var(--hero-products-light-color-rgb), 1);
  --hero-products-accent-color-0:	rgba(var(--hero-products-accent-color-rgb), 0);
  --hero-products-accent-color-10:	rgba(var(--hero-products-accent-color-rgb), 0.1);
  --hero-products-accent-color-20:	rgba(var(--hero-products-accent-color-rgb), 0.2);
  --hero-products-accent-color-30:	rgba(var(--hero-products-accent-color-rgb), 0.3);
  --hero-products-accent-color-40:	rgba(var(--hero-products-accent-color-rgb), 0.4);
  --hero-products-accent-color-50:	rgba(var(--hero-products-accent-color-rgb), 0.5);
  --hero-products-accent-color-60:	rgba(var(--hero-products-accent-color-rgb), 0.6);
  --hero-products-accent-color-70:	rgba(var(--hero-products-accent-color-rgb), 0.7);
  --hero-products-accent-color-80:	rgba(var(--hero-products-accent-color-rgb), 0.8);
  --hero-products-accent-color-90:	rgba(var(--hero-products-accent-color-rgb), 0.9);
  --hero-products-accent-color-100:	rgba(var(--hero-products-accent-color-rgb), 1);
}

/* --------- */
/* Variables     */
/* Naming:
   --hero-products-BBL_ELEMENT-DOM_ELEMENT-CASE-PROPERTY   */
/* ------------------------------------ */
.hero-products-container {
  /* --------- */
  /* - General -- */
  /* --------- */
  /* General gaps */
  --hero-products-base-gap: 20px;
  /* General gap, inheritet by row, row inner etc, edit: custom style */
  --hero-products-column-gap: var(--hero-products-base-gap);
  /* Deafult column gap */
  --hero-products-separator-top-margin: var(--hero-products-base-gap);
  /* Default separator top margin, edit: admin  */
  --hero-products-separator-bottom-margin: var(--hero-products-base-gap);
  /* Default separator bottom margin, edit: admin */
  /* -----------------  */
  /* Grid row/columns   */
  /* -----------------  */
  /* --hero-products-column-align: left;*/
  /*  column align, edit:admin  */
  /* ------- */
  /* Item    */
  /* ------- */
  /* General paddings */
  --hero-products-item-gap: calc(var(--hero-products-base-gap) * 0.5);
  /* Gap between text and image (left, right image position), edit: custom style */
  --hero-products-item-gap-vertical: calc(var(--hero-products-base-gap) * 0.5);
  /* Gap between text and image (top, bottom image position), edit: custom style */
  --hero-products-item-content-show-in-gap: 10px;
  /* Gap between show-in elements, edit: custom style */
  --hero-products-item-content-image-margin: 20px;
  /* Image ontent area margin, edit: custom style */
  --hero-products-item-content-padding: 0;
  /* Content area padding, edit: custom style */
  --hero-products-item-content-max-width: 100%;
  /* Content area max width, edit: custom style */
  --hero-products-item-content-middle-inner-padding: 0 0 0.5em;
  /*--hero-products-item-content-image-position-background-margin: 20px;	*/
  /* Content area margin (image postion: background), edit: custom style */
  /* Colors and backgrounds */
  /*--hero-products-accent-color: inherit; */
  --hero-products-light-color: #fff;
  /* General light color, edit: custom style */
  --hero-products-dark-color: #000;
  /* General dark color, edit: custom style */
  --hero-products-item-image-background-color: none;
  /* Image background color, edit: admin */
  --hero-products-item-content-color: inherit;
  /* Content area color, edit: admin */
  --hero-products-item-content-background-color: none;
  /* Content area background color, edit: admin */
  --hero-products-item-content-image-position-background-color: var(--hero-products-light-color);
  /* Content area color (image postion: background), edit: custom style */
  --hero-products-item-content-image-position-background-background-color: none;
  /* Content area background color (image postion: background), edit: custom style */
  --hero-products-item-image-content-top-color: var(---hero-products-light-color);
  /* Top content area font color, edit: custom style */
  --hero-products-item-image-content-bottom-color: var(---hero-products-light-color);
  /* Bottom content area font color, edit: custom style */
  /* Title etc margins */
  --hero-products-item-content-supertitle-margin: 0 0 0.25em 0;
  --hero-products-item-content-title-margin: 0 0 0 0;
  --hero-products-item-content-subtitle-margin: 0.25em 0 0 0;
  --hero-products-item-content-excerpt-margin: 0.5em 0 0 0;
  /* Content elements font family */
  /* --hero-products-item-content-supertitle-font-family: inherit; */
  /* Supertitle font family (default: use theme settings), edit: custom style */
  /* --hero-products-item-content-title-font-family: inherit; */
  /* Title font family (default: use theme settings), edit: custom style */
  /* --hero-products-item-content-subtitle-font-family: inherit; */
  /* Subtitle font family (default: use theme settings), edit: custom style */
  /* --hero-products-item-content-excerpt-font-family: inherit; */
  /* Subtitle font family (default: use theme settings), edit: custom style */
  /* Show in icons */
  /* --hero-products-product-data-delimiter:				"/"; */
  /* Delimiter between post data elements */
  /* Taxonomy pill */
  --hero-products-item-taxonomy-pill-background-color:	var(--hero-products-accent-color);
  --hero-products-item-taxonomy-pill-color:	white;
  --hero-products-item-taxonomy-pill-padding:	2px 6px;
  --hero-products-item-taxonomy-pill-border-radius:	4px;
  /* Image */
  --hero-products-item-side-image-width:	33%;
  /* Image width (side), edit: custom style */
  --hero-products-item-image-background-color:	none;
  /* Image container background solor f.e. rgba(0, 0, 0, 0.05), edit: custom style */
  --hero-products-item-image-border-radius:	0;
  /* Image container border radius, edit: custom style */
  --hero-products-item-image-hover-zoom-to:	1;
  /* Image start scale, edit: admin */
  --hero-products-item-image-hover-zoom-from:	1.1;
  /* Image final (hover) scale, edit: admin */
  --hero-products-item-image-hover-zoom-duration:	400ms;
  /* Zoom transition duration, edit: custom css */
  --hero-products-item-image-hover-blur-from:	0;
  /* Image start blur, edit: admin */
  --hero-products-item-image-hover-blur-to:	2px;
  /* Image final (hover) blur, edit: admin */
  --hero-products-item-image-hover-blur-duration:	400ms;
  /* Blur transition duration, edit: custom css */
  --hero-products-item-image-hover-move-content:	0;
  --hero-products-item-image-hover-move-content-delay-supertitle: 0ms;
  /* Move content (tranlsateY), edit: admin */
  --hero-products-item-image-hover-move-content-delay-title: 100ms;
  /* Move content (tranlsateY), edit: admin */
  --hero-products-item-image-hover-move-content-delay-subtitle: 200ms;
  /* Move content (tranlsateY), edit: admin */
  --hero-products-item-image-hover-move-content-delay-excerpt: 300ms;
  /* Move content (tranlsateY), edit: admin */
  /* Image overlay */
  --hero-products-item-image-overlay-hover-opacity-from:	1;
  /* Image overlay start opacity, edit: admin */
  --hero-products-item-image-overlay-hover-opacity-to:	0;
  /* Image overlay final (hover) opacity, edit: admin */
  --hero-products-item-image-overlay-hover-opacity-duration:	400ms;
  /* Opacity transition duration, edit: custom css */
  --hero-products-item-image-overlay-background-color:	none;
  /* Image underlay */
  --hero-products-item-image-underlay-hover-opacity-from:	1;
  /* Image underlay start opacity, edit: admin */
  --hero-products-item-image-underlay-hover-opacity-to:	0;
  /* Image underlay final (hover) opacity, edit: admin */
  --hero-products-item-image-underlay-hover-opacity-duration:	400ms;
  /* Opacity transition duration, edit: custom css */
  --hero-products-item-image-underlay-background-color:	none;
  --hero-products-item-align: inherit;
  /* --hero-products-item-content-margin: 0.5em 0 0; */
  /* Item content margin, edit: Custom style */
  /* --hero-products-item-background-color: transparent; */
  /* Item background color edit: Custom style */
  /* --hero-products-item-max-height: none; */
  /* Item max height, edit: Custom style */
  /* --hero-products-item-min-height: none; */
  /* Item min height, edit: Custom style */
  /* --hero-products-item-content-vertical-align: flex-start; */
  /* Item content vertical align, edit: admin */
  /* --hero-products-item-content-top-border-top: medium none color; */
  /* Item content top border of top content, edit: Custom style */
  /* --hero-products-item-content-top-padding: 0; */
  /* Item content top padding, edit: Custom style */
  /* --hero-products-item-content-top-margin: 0; */
  /* Item content top margin, edit: Custom style  */
  /* --hero-products-item-content-top-font-size: medium; */
  /* Item content top font size,edit: admin */
  /* --hero-products-item-content-middle-inner-padding: 0; */
  /* Item content middle padding, edit: Custom style*/
  /* --hero-products-item-content-middle-inner-background-color: transparent; */
  /* Item content middle background color, edit: Custom style */
  /* --hero-products-item-content-bottom-border-top: medium none color; */
  /* Item content bottom border top, edit: Custom style */
  /* --hero-products-item-content-bottom-padding: 0; */
  /* Item content bottom padding, edit: Custom style */
  /* --hero-products-item-content-margin: 0; */
  /* Item content margin, edit: Custom style */
  /* --hero-products-item-content-bottom-font-size: medium; */
  /* Item content bottom font size, edit:admin */
  /* --hero-products-item-content-top-hover-color: #000;                           	/* Item content top color on hover, edit: Custom style    */
  /* --hero-products-item-content-top-hover-text-decoration: none;                 	/* Item content top text decoration on hover, edit: Custom style  */
  /* --hero-products-item-content-top-text-transform: capitalize;						/* Item content top text transform, edit: Custom style*/
  /* --hero-products-item-content-top-font-weight: normal;							/* Item content top font weight, edit: Custom style*/
  /* --hero-products-item-content-top-letter-spacing: normal;							/* Item content top letter spacing, edit: Custom style 
  /* --hero-products-item-content-top-line-height: normal;							/* Item content top line height, edit: Custom style*/
  /* --hero-products-item-content-top-text-decoration: none;							/* Item content top text decoration, edit: Custom style*/
  /* --hero-products-item-content-bottom-hover-color: #000;                        	/* Item content bottom color on hover, edit: Custom style    */
  /* --hero-products-item-content-bottom-hover-text-decoration: none;              	/* Item content bottom text decoration on hover, edit: Custom style  */
  /* --hero-products-item-content-bottom-text-transform: capitalize;					/* Item content bottom text transform, edit: Custom style*/
  /* --hero-products-item-content-bottom-font-weight: normal;							/* Item content bottom font weight, edit: Custom style*/
  /* --hero-products-item-content-bottom-letter-spacing: normal;						/* Item content bottom letter spacing, edit: Custom style 
  /* --hero-products-item-content-bottom-line-height: normal;							/* Item content bottom line height, edit: Custom style*/
  /* --hero-products-item-content-bottom-text-decoration: none;						/* Item content bottom text decoration, edit: Custom style*/
  /* --hero-products-item-content-supertitle-hover-color: #000;                    	/* Item content supertitle color on hover, edit: Custom style    */
  /* --hero-products-item-content-supertitle-hover-text-decoration: none;          	/* Item content supertitle text decoration on hover, edit: Custom style  */
  /* --hero-products-item-content-supertitle-text-transform: capitalize;				/* Item content supertitle text transform, edit: Custom style*/
  /* --hero-products-item-content-supertitle-font-weight: normal;						/* Item content supertitle font weight, edit: Custom style*/
  /* --hero-products-item-content-supertitle-letter-spacing: normal;					/* Item content supertitle letter spacing, edit: Custom style 
  /* --hero-products-item-content-supertitle-line-height: normal;						/* Item content supertitle line height, edit: Custom style*/
  /* --hero-products-item-content-supertitle-text-decoration: none;					/* Item content supertitle text decoration, edit: Custom style*/
  /* --hero-products-item-content-title-hover-color: #000;                         	/* Item content title color on hover, edit: Custom style    */
  /* --hero-products-item-content-title-hover-text-decoration: none;               	/* Item content title text decoration on hover, edit: Custom style  */
  /* --hero-products-item-content-title-text-transform: capitalize;					/* Item content title text transform, edit: Custom style*/
  /* --hero-products-item-content-title-font-weight: normal;							/* Item content title font weight, edit: Custom style*/
  /* --hero-products-item-content-title-letter-spacing: normal;						/* Item content title letter spacing, edit: Custom style 
  /* --hero-products-item-content-title-line-height: normal;							/* Item content title line height, edit: Custom style*/
  /* --hero-products-item-content-title-text-decoration; none;;						/* Item content title text decoration, edit: Custom style*/
  /* --hero-products-item-content-subtitle-hover-color: #000;                      	/* Item content subtitle color on hover, edit: Custom style    */
  /* --hero-products-item-content-subtitle-hover-text-decoration: none;            	/* Item content subtitle text decoration on hover, edit: Custom style  */
  /* --hero-products-item-content-subtitle-text-transform: capitalize;				/* Item content subtitle text transform, edit: Custom style*/
  /* --hero-products-item-content-subtitle-font-weight: normal;						/* Item content subtitle font weight, edit: Custom style*/
  /* --hero-products-item-content-subtitle-letter-spacing: normal;					/* Item content subtitle letter spacing, edit: Custom style 
  /* --hero-products-item-content-subtitle-line-height: normal;						/* Item content subtitle line height, edit: Custom style*/
  /* --hero-products-item-content-subtitle-text-decoration: none;						/* Item content subtitle text decoration, edit: Custom style*/
  /* --hero-products-item-content-excerpt-hover-color: #000;                       	/* Item content excerpt color on hover, edit: Custom style    */
  /* --hero-products-item-content-excerpt-hover-text-decoration: none;             	/* Item content excerpt text decoration on hover, edit: Custom style  */
  /* --hero-products-item-content-excerpt-text-transform: capitalize;					/* Item content excerpt text transform, edit: Custom style*/
  /* --hero-products-item-content-excerpt-font-weight: normal;						/* Item content excerpt font weight, edit: Custom style*/
  /* --hero-products-item-content-excerpt-letter-spacing: normal;						/* Item content excerpt letter spacing, edit: Custom style 
  /* --hero-products-item-content-excerpt-line-height: normal;						/* Item content excerpt line height, edit: Custom style*/
  /* --hero-products-item-content-excerpt-text-decoration: none;						/* Item content excerpt text decoration, edit: Custom style*/
  /* Product specific */
  --hero-products-item-full-price-background-color:	var(--hero-products-accent-color);
  --hero-products-item-full-price-color:	white;
  --hero-products-item-full-price-padding:	2px 6px;
  --hero-products-item-full-price-border-radius:	4px;
  --hero-products-item-full-mark-background-color:	var(--hero-products-dark-color);
  --hero-products-item-full-mark-color:	white;
  --hero-products-item-full-mark-padding:	6px 6px;
  --hero-products-item-sale-background-color:	var(--hero-products-accent-color);
  --hero-products-item-sale-color:	white;
  --hero-products-item-sale-font-size:	1em;
  --hero-products-item-sale-padding:	0.4em;
  --hero-products-item-sale-rotation:	45deg;
  --hero-products-item-add-to-cart-and-qty-gap:	0px;
  --hero-products-item-add-to-cart-and-qty-quantity-max-width:	100px;
  /* Add to cart default button */
  --hero-products-item-add-to-cart-default-gap:	10px;
  --hero-products-item-add-to-cart-default-padding:	1em 2em;
  /*--hero-products-item-add-to-cart-default-border-radius:			var(--hero-products-item-image-border-radius);*/
  --hero-products-item-add-to-cart-default-background-color:	var(--hero-products-accent-color);
  --hero-products-item-add-to-cart-default-color:	var(--hero-products-light-color);
  --hero-products-item-add-to-cart-default-border:	2px solid var(--hero-products-accent-color);
  --hero-products-item-add-to-cart-default-hover-background-color:	transparent;
  --hero-products-item-add-to-cart-default-hover-color:	var(--hero-products-accent-color);
  --hero-products-item-add-to-cart-default-hover-border:	2px solid var(--hero-products-accent-color);
  /* --------- */
  /* Separator */
  /* --------- */
  --hero-products-separator-top-margin: var(--hero-products-base-gap);
  /* Separator / Top margin / Edit: admin  */
  --hero-products-separator-line-width: 1px;
  --hero-products-separator-line-style: none;
  --hero-products-separator-line-color: #ccc;
  /* --------- */
  /* Swiper    */
  /* --------- */
  --swiper-navigation-size: 33px;
  /* Navigation arrow default value - medium 33px, edit: admin */
  --swiper-pagination-progressbar-height: 8px;
  /* Pagination height default value - medium 8px, edit: admin */
  --swiper-pagination-fraction-color: var(--hero-products-light-color);
  /* Pagination (e.g. 1/6) color, edit: custom style  */
  --swiper-pagination-fraction-opacity: 0.5;
  /* Pagination (e.g. 1/6) opacity, edit: custom style  */
  --swiper-pagination-fraction-font-size: inherit;
  /* Pagination (e.g. 1/6) size, edit: custom style  */
  --swiper-pagination-bullet-size: 12px;
  /* Navigation bulett default value - medium 12px, edit: admin  */
  --swiper-navigation-color: var(--hero-products-light-color);
  --swiper-navigation-outside-color: var(--hero-products-dark-color);
  --swiper-pagination-bullet-inactive-color: var(--hero-products-light-color);
  --hero-products-slider-swiper-space-between: var(--hero-products-base-gap);
  /* --------- */
  /* Banner    */
  /* --------- */
  /* --hero-products-banner-border-width: 1px; */
  /* Banner border width, edit: admin */
  /* --hero-products-banner-border-style: solid; */
  /* Banner border style, edit: admin */
  /* --hero-products-banner-border-color: gray; */
  /* Banner border color, edit: admin */
}

/* Needs to be written again */
.hero-products-item, .hero-products-column, .hero-products-row {
  --hero-products-column-gap-half: calc(var(--hero-products-column-gap) / 2);
  --hero-products-column-gap-full: var(--hero-products-column-gap);
}

/* Grid fix 
------------------------------------------------------------------ */
/* Row */
.hero-products-row {
  --hero-products-column-gap: var(--hero-products-base-gap);
  --hero-products-column-gap-half: calc(var(--hero-products-column-gap) / 2);
  clear: both;
  display: flex;
  margin: 0 calc(-1 * var(--hero-products-column-gap-half));
  width: calc(100% + var(--hero-products-column-gap));
  flex-wrap: wrap;
  /* Column */
}
.hero-products-row .hero-products-column {
  --hero-products-column-gap: var(--hero-products-base-gap);
  --hero-products-column-gap-half: calc(var(--hero-products-column-gap) / 2);
  order: var(--hero-products-column-order);
  flex-basis: 0 0 var(--hero-products-column-width, 100%);
  max-width: var(--hero-products-column-width, 100%);
  padding: 0 var(--hero-products-column-gap-half);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.hero-products-row .hero-products-column.hero-products-item-column-vertical-align-bottom > .hero-products-column-inner {
  justify-content: flex-end;
}
.hero-products-row .hero-products-column.hero-products-item-column-vertical-align-middle > .hero-products-column-inner {
  justify-content: center;
}
.hero-products-row .hero-products-column > .hero-products-column-inner {
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
  text-align: var(--hero-products-column-align);
}
.hero-products-row .hero-products-column.hero-products-column-items-height-keep > .hero-products-column-inner {
  justify-content: space-between;
}
.hero-products-row .hero-products-column.hero-products-column-items-height-keep > .hero-products-column-inner > .hero-products-item {
  flex-basis: 100%;
}
.hero-products-row .hero-products-column.hero-products-column-items-height-keep > .hero-products-column-inner > .hero-products-item .hero-products-item-image {
  height: 100%;
}
.hero-products-row .hero-products-column.hero-products-column-items-height-keep > .hero-products-column-inner > .hero-products-slider-swiper {
  flex-basis: 100%;
}
.hero-products-row .hero-products-column.hero-products-column-items-height-keep > .hero-products-column-inner > .hero-products-slider-swiper .hero-products-slider-swiper-holder {
  height: 100%;
}
.hero-products-row .hero-products-column.hero-products-column-items-height-keep > .hero-products-column-inner > .hero-products-slider-swiper .hero-products-slider-swiper-holder .hero-products-item {
  height: 100%;
}
.hero-products-row .hero-products-column.hero-products-column-items-height-keep > .hero-products-column-inner > .hero-products-slider-swiper .hero-products-slider-swiper-holder .hero-products-item .hero-products-item-image {
  height: 100%;
}
.hero-products-row .hero-products-column.hero-products-column-width-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}
.hero-products-row .hero-products-column.hero-products-column-width-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}
.hero-products-row .hero-products-column.hero-products-column-width-3 {
  flex-basis: 25%;
  max-width: 25%;
}
.hero-products-row .hero-products-column.hero-products-column-width-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}
.hero-products-row .hero-products-column.hero-products-column-width-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}
.hero-products-row .hero-products-column.hero-products-column-width-6 {
  flex-basis: 50%;
  max-width: 50%;
}
.hero-products-row .hero-products-column.hero-products-column-width-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}
.hero-products-row .hero-products-column.hero-products-column-width-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}
.hero-products-row .hero-products-column.hero-products-column-width-9 {
  flex-basis: 75%;
  max-width: 75%;
}
.hero-products-row .hero-products-column.hero-products-column-width-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}
.hero-products-row .hero-products-column.hero-products-column-width-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}
.hero-products-row .hero-products-column.hero-products-column-width-12 {
  flex-basis: 100%;
  max-width: 100%;
}
.hero-products-row .hero-products-column.hero-products-column-width-2_4 {
  flex-basis: 20%;
  max-width: 20%;
}

/* Item
------------------------------------------------------------------ */
.hero-products-container .hero-products-item {
  position: relative;
  text-align: var(--hero-products-item-align);
  background-color: var(--hero-products-item-background-color);
  max-height: var(--hero-products-item-max-height);
  height: var(--hero-products-item-height);
  min-height: var(--hero-products-item-min-height);
  display: flex;
  flex-direction: column;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  /* Item content */
  /* Max lines loop */
  /* Show excerpt (max lines) */
  /* Typographu options */
  /* Tile, subtitle, supertitle, excerpt & content font sizes */
  /* Item image */
  /* Image position  */
  /* Image overlay */
  /* Image underlay */
  /* Show-in elements */
  /* .hero-products-sticky-mark:before { 			content: var(--hero-products-sticky-pin-icon); } */
  /* Review special case */
  /* Comment special case */
  /* SKU special case */
  /* Product type show special case*/
  /* Sale special case */
  /* Add to cart special case */
  /* Folow title size */
  /* Add to cart styles */
  /* Post data style */
  /* Taxonomies */
  /* Categories styles */
  /* Tags styles */
  /* Tags styles */
  /* Hover effects */
  /* Hover opacity */
  /* Hover scale */
  /* Hover blur */
  /* Move content */
  /* Hover text */
}
.hero-products-container .hero-products-item .hero-products-item-content {
  display: flex;
  flex-direction: row;
}
.hero-products-container .hero-products-item .hero-products-item-content-inner {
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
  color: var(--hero-products-item-content-color);
  padding: var(--hero-products-item-content-padding);
  /* max-width: var(--hero-products-item-content-max-width); */
  margin: var(--hero-products-item-content-margin);
}
.hero-products-item-align-center.hero-products-item {
  --hero-products-item-content-margin: 0 auto;
}

.hero-products-container .hero-products-item .hero-products-item-content-inner .hero-products-item-content-top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: var(--hero-products-item-content-top-border-bottom);
  padding: var(--hero-products-item-content-top-padding);
  margin: var(--hero-products-item-content-top-margin);
}
.hero-products-container .hero-products-item .hero-products-item-content-inner .hero-products-item-content-top > div {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--hero-products-item-content-show-in-gap);
  align-items: center;
  color: var(--hero-products-item-content-top-color, inherit);
  opacity: var(--hero-products-item-content-top-opacity, 0.9);
  color: var(--hero-products-item-content-top-color, inherit);
  font-size: var(--hero-products-item-content-top-font-size, inherit);
  font-family: var(--hero-products-item-content-top-font-family, inherit);
  text-transform: var(--hero-products-item-content-top-text-transform, inherit);
  font-weight: var(--hero-products-item-content-top-font-weight, inherit);
  letter-spacing: var(--hero-products-item-content-top-letter-spacing, inherit);
  line-height: var(--hero-products-item-content-top-line-height, inherit);
  text-decoration: var(--hero-products-item-content-top-text-decoration, inherit);
}
.hero-products-container .hero-products-item .hero-products-item-content-inner .hero-products-item-content-middle {
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
  justify-content: var(--hero-products-item-content-vertical-align);
}
.hero-products-container .hero-products-item .hero-products-item-content-inner .hero-products-item-content-middle .hero-products-item-content-middle-inner {
  padding: var(--hero-products-item-content-middle-inner-padding);
  max-width: var(--hero-products-item-content-max-width);
}
.hero-products-container .hero-products-item .hero-products-item-content-inner .hero-products-item-content-middle .hero-products-item-content-supertitle,
.hero-products-container .hero-products-item .hero-products-item-content-inner .hero-products-item-content-middle .hero-products-item-content-title,
.hero-products-container .hero-products-item .hero-products-item-content-inner .hero-products-item-content-middle .hero-products-item-content-subtitle,
.hero-products-container .hero-products-item .hero-products-item-content-inner .hero-products-item-content-middle .hero-products-item-content-excerpt {
  margin: 0;
  padding: 0;
  color: inherit;
  word-break: break-word;
}
.hero-products-container .hero-products-item .hero-products-item-content-inner .hero-products-item-content-middle .hero-products-item-content-supertitle .hero-products-item-content-supertitle-inner,
.hero-products-container .hero-products-item .hero-products-item-content-inner .hero-products-item-content-middle .hero-products-item-content-subtitle .hero-products-item-content-subtitle-inner {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--hero-products-item-content-show-in-gap);
  align-items: center;
}
.hero-products-container .hero-products-item .hero-products-item-content-inner .hero-products-item-content-middle .hero-products-item-content-supertitle {
  margin: var(--hero-products-item-content-supertitle-margin);
}
.hero-products-container .hero-products-item .hero-products-item-content-inner .hero-products-item-content-middle .hero-products-item-content-supertitle .hero-products-item-content-title-inner {
  color: var(--hero-products-item-content-supertitle-color, inherit);
  opacity: var(--hero-products-item-content-supertitle-opacity, 0.9);
  font-size: var(--hero-products-item-content-supertitle-font-size, inherit);
  font-family: var(--hero-products-item-content-supertitle-font-family, inherit);
  text-transform: var(--hero-products-item-content-supertitle-text-transform, inherit);
  font-weight: var(--hero-products-item-content-supertitle-font-weight, inherit);
  letter-spacing: var(--hero-products-item-content-supertitle-letter-spacing, inherit);
  line-height: var(--hero-products-item-content-supertitle-line-height, inherit);
  text-decoration: var(--hero-products-item-content-supertitle-text-decoration, inherit);
}
.hero-products-container .hero-products-item .hero-products-item-content-inner .hero-products-item-content-middle .hero-products-item-content-title {
  margin: var(--hero-products-item-content-title-margin);
}
.hero-products-container .hero-products-item .hero-products-item-content-inner .hero-products-item-content-middle .hero-products-item-content-title .hero-products-item-content-title-inner {
  /* display: inline-block; */
  color: var(--hero-products-item-content-title-color, inherit);
  opacity: var(--hero-products-item-content-title-opacity, 1);
  font-size: var(--hero-products-item-content-title-font-size, inherit);
  font-family: var(--hero-products-item-content-title-font-family, inherit);
  text-transform: var(--hero-products-item-content-title-text-transform, inherit);
  font-weight: var(--hero-products-item-content-title-font-weight, inherit);
  letter-spacing: var(--hero-products-item-content-title-letter-spacing, inherit);
  line-height: var(--hero-products-item-content-title-line-height, inherit);
  text-decoration: var(--hero-products-item-content-title-text-decoration, inherit);
}
.hero-products-container .hero-products-item .hero-products-item-content-inner .hero-products-item-content-middle .hero-products-item-content-title .hero-products-item-content-title-inner .hero-products-item-content-title-a {
  line-height: var(--hero-products-item-content-title-a-line-height, inherit);
}
.hero-products-container .hero-products-item .hero-products-item-content-inner .hero-products-item-content-middle .hero-products-item-content-subtitle {
  margin: var(--hero-products-item-content-subtitle-margin);
}
.hero-products-container .hero-products-item .hero-products-item-content-inner .hero-products-item-content-middle .hero-products-item-content-subtitle .hero-products-item-content-subtitle-inner {
  color: var(--hero-products-item-content-subtitle-color, inherit);
  opacity: var(--hero-products-item-content-subtitle-opacity, 0.9);
  font-size: var(--hero-products-item-content-subtitle-font-size, inherit);
  font-family: var(--hero-products-item-content-subtitle-font-family, inherit);
  text-transform: var(--hero-products-item-content-subtitle-text-transform, inherit);
  font-weight: var(--hero-products-item-content-subtitle-font-weight, inherit);
  letter-spacing: var(--hero-products-item-content-subtitle-letter-spacing, inherit);
  line-height: var(--hero-products-item-content-subtitle-line-height, inherit);
  text-decoration: var(--hero-products-item-content-subtitle-text-decoration, inherit);
}
.hero-products-container .hero-products-item .hero-products-item-content-inner .hero-products-item-content-middle .hero-products-item-content-excerpt {
  margin: var(--hero-products-item-content-excerpt-margin);
}
.hero-products-container .hero-products-item .hero-products-item-content-inner .hero-products-item-content-middle .hero-products-item-content-excerpt .hero-products-item-content-excerpt-inner {
  color: var(--hero-products-item-content-excerpt-color, inherit);
  opacity: var(--hero-products-item-content-excerpt-opacity, 1);
  font-size: var(--hero-products-item-content-excerpt-font-size, inherit);
  font-family: var(--hero-products-item-content-excerpt-font-family, inherit);
  text-transform: var(--hero-products-item-content-excerpt-text-transform, inherit);
  font-weight: var(--hero-products-item-content-excerpt-font-weight, inherit);
  letter-spacing: var(--hero-products-item-content-excerpt-letter-spacing, inherit);
  line-height: var(--hero-products-item-content-excerpt-line-height, inherit);
  text-decoration: var(--hero-products-item-content-excerpt-text-decoration, inherit);
}
.hero-products-container .hero-products-item .hero-products-item-content-inner .hero-products-item-content-bottom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-top: var(--hero-products-item-content-bottom-border-top);
  padding: var(--hero-products-item-content-bottom-padding);
  margin: var(--hero-products-item-content-bottom-margin);
}
.hero-products-container .hero-products-item .hero-products-item-content-inner .hero-products-item-content-bottom > div {
  pointer-events: auto;
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--hero-products-item-content-show-in-gap);
  align-items: center;
  color: var(--hero-products-item-content-bottom-color, inherit);
  opacity: var(--hero-products-item-content-bottom-opacity, 0.9);
  font-family: var(--hero-products-item-content-bottom-font-family, inherit);
  font-size: var(--hero-products-item-content-bottom-font-size, inherit);
  text-transform: var(--hero-products-item-content-bottom-text-transform, inherit);
  font-weight: var(--hero-products-item-content-bottom-font-weight, inherit);
  letter-spacing: var(--hero-products-item-content-bottom-letter-spacing, inherit);
  line-height: var(--hero-products-item-content-bottom-line-height, inherit);
  text-decoration: var(--hero-products-item-content-bottom-text-decoration, inherit);
}
.hero-products-container .hero-products-item.hero-products-item-show-excerpt-hide .hero-products-item-content-excerpt {
  display: none;
}
.hero-products-container .hero-products-item.hero-products-item-show-excerpt-1-line .hero-products-item-content-excerpt, .hero-products-container .hero-products-item.hero-products-item-show-excerpt-1-line-fix .hero-products-item-content-excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}
.hero-products-container .hero-products-item.hero-products-item-show-excerpt-1-line .hero-products-item-content-excerpt, .hero-products-container .hero-products-item.hero-products-item-show-excerpt-1-line-fix .hero-products-item-content-excerpt {
  -webkit-line-clamp: 1;
}
.hero-products-container .hero-products-item.hero-products-item-show-excerpt-1-line-fix .hero-products-item-content-excerpt {
  min-height: 1em;
  min-height: 1lh;
}
.hero-products-container .hero-products-item.hero-products-item-title-max-lines-1-line .hero-products-item-content-title, .hero-products-container .hero-products-item.hero-products-item-title-max-lines-1-line-fix .hero-products-item-content-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}
.hero-products-container .hero-products-item.hero-products-item-title-max-lines-1-line .hero-products-item-content-title, .hero-products-container .hero-products-item.hero-products-item-title-max-lines-1-line-fix .hero-products-item-content-title {
  -webkit-line-clamp: 1;
}
.hero-products-container .hero-products-item.hero-products-item-title-max-lines-1-line-fix .hero-products-item-content-title {
  min-height: 1em;
  min-height: 1lh;
}
.hero-products-container .hero-products-item.hero-products-item-show-excerpt-2-lines .hero-products-item-content-excerpt, .hero-products-container .hero-products-item.hero-products-item-show-excerpt-2-lines-fix .hero-products-item-content-excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}
.hero-products-container .hero-products-item.hero-products-item-show-excerpt-2-lines .hero-products-item-content-excerpt, .hero-products-container .hero-products-item.hero-products-item-show-excerpt-2-lines-fix .hero-products-item-content-excerpt {
  -webkit-line-clamp: 2;
}
.hero-products-container .hero-products-item.hero-products-item-show-excerpt-2-lines-fix .hero-products-item-content-excerpt {
  min-height: 2em;
  min-height: 2lh;
}
.hero-products-container .hero-products-item.hero-products-item-title-max-lines-2-lines .hero-products-item-content-title, .hero-products-container .hero-products-item.hero-products-item-title-max-lines-2-lines-fix .hero-products-item-content-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}
.hero-products-container .hero-products-item.hero-products-item-title-max-lines-2-lines .hero-products-item-content-title, .hero-products-container .hero-products-item.hero-products-item-title-max-lines-2-lines-fix .hero-products-item-content-title {
  -webkit-line-clamp: 2;
}
.hero-products-container .hero-products-item.hero-products-item-title-max-lines-2-lines-fix .hero-products-item-content-title {
  min-height: 2em;
  min-height: 2lh;
}
.hero-products-container .hero-products-item.hero-products-item-show-excerpt-3-lines .hero-products-item-content-excerpt, .hero-products-container .hero-products-item.hero-products-item-show-excerpt-3-lines-fix .hero-products-item-content-excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}
.hero-products-container .hero-products-item.hero-products-item-show-excerpt-3-lines .hero-products-item-content-excerpt, .hero-products-container .hero-products-item.hero-products-item-show-excerpt-3-lines-fix .hero-products-item-content-excerpt {
  -webkit-line-clamp: 3;
}
.hero-products-container .hero-products-item.hero-products-item-show-excerpt-3-lines-fix .hero-products-item-content-excerpt {
  min-height: 3em;
  min-height: 3lh;
}
.hero-products-container .hero-products-item.hero-products-item-title-max-lines-3-lines .hero-products-item-content-title, .hero-products-container .hero-products-item.hero-products-item-title-max-lines-3-lines-fix .hero-products-item-content-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}
.hero-products-container .hero-products-item.hero-products-item-title-max-lines-3-lines .hero-products-item-content-title, .hero-products-container .hero-products-item.hero-products-item-title-max-lines-3-lines-fix .hero-products-item-content-title {
  -webkit-line-clamp: 3;
}
.hero-products-container .hero-products-item.hero-products-item-title-max-lines-3-lines-fix .hero-products-item-content-title {
  min-height: 3em;
  min-height: 3lh;
}
.hero-products-container .hero-products-item.hero-products-item-show-excerpt-4-lines .hero-products-item-content-excerpt, .hero-products-container .hero-products-item.hero-products-item-show-excerpt-4-lines-fix .hero-products-item-content-excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}
.hero-products-container .hero-products-item.hero-products-item-show-excerpt-4-lines .hero-products-item-content-excerpt, .hero-products-container .hero-products-item.hero-products-item-show-excerpt-4-lines-fix .hero-products-item-content-excerpt {
  -webkit-line-clamp: 4;
}
.hero-products-container .hero-products-item.hero-products-item-show-excerpt-4-lines-fix .hero-products-item-content-excerpt {
  min-height: 4em;
  min-height: 4lh;
}
.hero-products-container .hero-products-item.hero-products-item-title-max-lines-4-lines .hero-products-item-content-title, .hero-products-container .hero-products-item.hero-products-item-title-max-lines-4-lines-fix .hero-products-item-content-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}
.hero-products-container .hero-products-item.hero-products-item-title-max-lines-4-lines .hero-products-item-content-title, .hero-products-container .hero-products-item.hero-products-item-title-max-lines-4-lines-fix .hero-products-item-content-title {
  -webkit-line-clamp: 4;
}
.hero-products-container .hero-products-item.hero-products-item-title-max-lines-4-lines-fix .hero-products-item-content-title {
  min-height: 4em;
  min-height: 4lh;
}
.hero-products-container .hero-products-item.hero-products-item-show-excerpt-5-lines .hero-products-item-content-excerpt, .hero-products-container .hero-products-item.hero-products-item-show-excerpt-5-lines-fix .hero-products-item-content-excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}
.hero-products-container .hero-products-item.hero-products-item-show-excerpt-5-lines .hero-products-item-content-excerpt, .hero-products-container .hero-products-item.hero-products-item-show-excerpt-5-lines-fix .hero-products-item-content-excerpt {
  -webkit-line-clamp: 5;
}
.hero-products-container .hero-products-item.hero-products-item-show-excerpt-5-lines-fix .hero-products-item-content-excerpt {
  min-height: 5em;
  min-height: 5lh;
}
.hero-products-container .hero-products-item.hero-products-item-title-max-lines-5-lines .hero-products-item-content-title, .hero-products-container .hero-products-item.hero-products-item-title-max-lines-5-lines-fix .hero-products-item-content-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}
.hero-products-container .hero-products-item.hero-products-item-title-max-lines-5-lines .hero-products-item-content-title, .hero-products-container .hero-products-item.hero-products-item-title-max-lines-5-lines-fix .hero-products-item-content-title {
  -webkit-line-clamp: 5;
}
.hero-products-container .hero-products-item.hero-products-item-title-max-lines-5-lines-fix .hero-products-item-content-title {
  min-height: 5em;
  min-height: 5lh;
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-small.hero-products-item-image-position-background .hero-products-item-content, .hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-small.hero-products-item-image-position-background-right .hero-products-item-content {
  margin: var(--hero-products-item-content-image-position-background-margin, var(--hero-products-item-content-title-font-size-extra-small));
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-small .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-title {
  font-size: var(--hero-products-item-content-title-font-size-extra-small);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-small .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-supertitle {
  font-size: var(--hero-products-item-content-supertitle-font-size-extra-small);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-small .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-subtitle {
  font-size: var(--hero-products-item-content-subtitle-font-size-extra-small);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-small .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-excerpt {
  font-size: var(--hero-products-item-content-excerpt-font-size-extra-small);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-small .hero-products-item-content .hero-products-item-content-top,
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-small .hero-products-item-image-content .hero-products-item-image-content-top {
  font-size: var(--hero-products-item-content-top-font-size, var(--hero-products-item-content-font-size-extra-small));
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-small .hero-products-item-content .hero-products-item-content-bottom,
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-small .hero-products-item-image-content .hero-products-item-image-content-bottom {
  font-size: var(--hero-products-item-content-bottom-font-size, var(--hero-products-item-content-font-size-extra-small));
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-small.hero-products-item-image-position-background .hero-products-item-content, .hero-products-container .hero-products-item.hero-products-item-title-font-size-small.hero-products-item-image-position-background-right .hero-products-item-content {
  margin: var(--hero-products-item-content-image-position-background-margin, var(--hero-products-item-content-title-font-size-small));
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-small .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-title {
  font-size: var(--hero-products-item-content-title-font-size-small);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-small .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-supertitle {
  font-size: var(--hero-products-item-content-supertitle-font-size-small);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-small .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-subtitle {
  font-size: var(--hero-products-item-content-subtitle-font-size-small);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-small .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-excerpt {
  font-size: var(--hero-products-item-content-excerpt-font-size-small);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-small .hero-products-item-content .hero-products-item-content-top,
.hero-products-container .hero-products-item.hero-products-item-title-font-size-small .hero-products-item-image-content .hero-products-item-image-content-top {
  font-size: var(--hero-products-item-content-top-font-size, var(--hero-products-item-content-font-size-small));
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-small .hero-products-item-content .hero-products-item-content-bottom,
.hero-products-container .hero-products-item.hero-products-item-title-font-size-small .hero-products-item-image-content .hero-products-item-image-content-bottom {
  font-size: var(--hero-products-item-content-bottom-font-size, var(--hero-products-item-content-font-size-small));
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-normal.hero-products-item-image-position-background .hero-products-item-content, .hero-products-container .hero-products-item.hero-products-item-title-font-size-normal.hero-products-item-image-position-background-right .hero-products-item-content {
  margin: var(--hero-products-item-content-image-position-background-margin, var(--hero-products-item-content-title-font-size-normal));
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-normal .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-title {
  font-size: var(--hero-products-item-content-title-font-size-normal);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-normal .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-supertitle {
  font-size: var(--hero-products-item-content-supertitle-font-size-normal);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-normal .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-subtitle {
  font-size: var(--hero-products-item-content-subtitle-font-size-normal);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-normal .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-excerpt {
  font-size: var(--hero-products-item-content-excerpt-font-size-normal);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-normal .hero-products-item-content .hero-products-item-content-top,
.hero-products-container .hero-products-item.hero-products-item-title-font-size-normal .hero-products-item-image-content .hero-products-item-image-content-top {
  font-size: var(--hero-products-item-content-top-font-size, var(--hero-products-item-content-font-size-normal));
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-normal .hero-products-item-content .hero-products-item-content-bottom,
.hero-products-container .hero-products-item.hero-products-item-title-font-size-normal .hero-products-item-image-content .hero-products-item-image-content-bottom {
  font-size: var(--hero-products-item-content-bottom-font-size, var(--hero-products-item-content-font-size-normal));
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-medium.hero-products-item-image-position-background .hero-products-item-content, .hero-products-container .hero-products-item.hero-products-item-title-font-size-medium.hero-products-item-image-position-background-right .hero-products-item-content {
  margin: var(--hero-products-item-content-image-position-background-margin, var(--hero-products-item-content-title-font-size-medium));
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-medium .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-title {
  font-size: var(--hero-products-item-content-title-font-size-medium);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-medium .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-supertitle {
  font-size: var(--hero-products-item-content-supertitle-font-size-medium);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-medium .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-subtitle {
  font-size: var(--hero-products-item-content-subtitle-font-size-medium);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-medium .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-excerpt {
  font-size: var(--hero-products-item-content-excerpt-font-size-medium);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-medium .hero-products-item-content .hero-products-item-content-top,
.hero-products-container .hero-products-item.hero-products-item-title-font-size-medium .hero-products-item-image-content .hero-products-item-image-content-top {
  font-size: var(--hero-products-item-content-top-font-size, var(--hero-products-item-content-font-size-medium));
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-medium .hero-products-item-content .hero-products-item-content-bottom,
.hero-products-container .hero-products-item.hero-products-item-title-font-size-medium .hero-products-item-image-content .hero-products-item-image-content-bottom {
  font-size: var(--hero-products-item-content-bottom-font-size, var(--hero-products-item-content-font-size-medium));
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-large.hero-products-item-image-position-background .hero-products-item-content, .hero-products-container .hero-products-item.hero-products-item-title-font-size-large.hero-products-item-image-position-background-right .hero-products-item-content {
  margin: var(--hero-products-item-content-image-position-background-margin, var(--hero-products-item-content-title-font-size-large));
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-large .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-title {
  font-size: var(--hero-products-item-content-title-font-size-large);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-large .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-supertitle {
  font-size: var(--hero-products-item-content-supertitle-font-size-large);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-large .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-subtitle {
  font-size: var(--hero-products-item-content-subtitle-font-size-large);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-large .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-excerpt {
  font-size: var(--hero-products-item-content-excerpt-font-size-large);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-large .hero-products-item-content .hero-products-item-content-top,
.hero-products-container .hero-products-item.hero-products-item-title-font-size-large .hero-products-item-image-content .hero-products-item-image-content-top {
  font-size: var(--hero-products-item-content-top-font-size, var(--hero-products-item-content-font-size-large));
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-large .hero-products-item-content .hero-products-item-content-bottom,
.hero-products-container .hero-products-item.hero-products-item-title-font-size-large .hero-products-item-image-content .hero-products-item-image-content-bottom {
  font-size: var(--hero-products-item-content-bottom-font-size, var(--hero-products-item-content-font-size-large));
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-large.hero-products-item-image-position-background .hero-products-item-content, .hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-large.hero-products-item-image-position-background-right .hero-products-item-content {
  margin: var(--hero-products-item-content-image-position-background-margin, var(--hero-products-item-content-title-font-size-extra-large));
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-large .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-title {
  font-size: var(--hero-products-item-content-title-font-size-extra-large);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-large .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-supertitle {
  font-size: var(--hero-products-item-content-supertitle-font-size-extra-large);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-large .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-subtitle {
  font-size: var(--hero-products-item-content-subtitle-font-size-extra-large);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-large .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-excerpt {
  font-size: var(--hero-products-item-content-excerpt-font-size-extra-large);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-large .hero-products-item-content .hero-products-item-content-top,
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-large .hero-products-item-image-content .hero-products-item-image-content-top {
  font-size: var(--hero-products-item-content-top-font-size, var(--hero-products-item-content-font-size-extra-large));
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-large .hero-products-item-content .hero-products-item-content-bottom,
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-large .hero-products-item-image-content .hero-products-item-image-content-bottom {
  font-size: var(--hero-products-item-content-bottom-font-size, var(--hero-products-item-content-font-size-extra-large));
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-huge.hero-products-item-image-position-background .hero-products-item-content, .hero-products-container .hero-products-item.hero-products-item-title-font-size-huge.hero-products-item-image-position-background-right .hero-products-item-content {
  margin: var(--hero-products-item-content-image-position-background-margin, var(--hero-products-item-content-title-font-size-huge));
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-huge .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-title {
  font-size: var(--hero-products-item-content-title-font-size-huge);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-huge .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-supertitle {
  font-size: var(--hero-products-item-content-supertitle-font-size-huge);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-huge .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-subtitle {
  font-size: var(--hero-products-item-content-subtitle-font-size-huge);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-huge .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-excerpt {
  font-size: var(--hero-products-item-content-excerpt-font-size-huge);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-huge .hero-products-item-content .hero-products-item-content-top,
.hero-products-container .hero-products-item.hero-products-item-title-font-size-huge .hero-products-item-image-content .hero-products-item-image-content-top {
  font-size: var(--hero-products-item-content-top-font-size, var(--hero-products-item-content-font-size-huge));
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-huge .hero-products-item-content .hero-products-item-content-bottom,
.hero-products-container .hero-products-item.hero-products-item-title-font-size-huge .hero-products-item-image-content .hero-products-item-image-content-bottom {
  font-size: var(--hero-products-item-content-bottom-font-size, var(--hero-products-item-content-font-size-huge));
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-huge.hero-products-item-image-position-background .hero-products-item-content, .hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-huge.hero-products-item-image-position-background-right .hero-products-item-content {
  margin: var(--hero-products-item-content-image-position-background-margin, var(--hero-products-item-content-title-font-size-extra-huge));
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-huge .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-title {
  font-size: var(--hero-products-item-content-title-font-size-extra-huge);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-huge .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-supertitle {
  font-size: var(--hero-products-item-content-supertitle-font-size-extra-huge);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-huge .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-subtitle {
  font-size: var(--hero-products-item-content-subtitle-font-size-extra-huge);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-huge .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-excerpt {
  font-size: var(--hero-products-item-content-excerpt-font-size-extra-huge);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-huge .hero-products-item-content .hero-products-item-content-top,
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-huge .hero-products-item-image-content .hero-products-item-image-content-top {
  font-size: var(--hero-products-item-content-top-font-size, var(--hero-products-item-content-font-size-extra-huge));
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-huge .hero-products-item-content .hero-products-item-content-bottom,
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-huge .hero-products-item-image-content .hero-products-item-image-content-bottom {
  font-size: var(--hero-products-item-content-bottom-font-size, var(--hero-products-item-content-font-size-extra-huge));
}
.hero-products-container .hero-products-item .hero-products-item-image-inner {
  height: 100%;
  position: relative;
  border-radius: var(--hero-products-item-image-border-radius);
}
.hero-products-container .hero-products-item .hero-products-item-image-inner .hero-products-item-image-content {
  pointer-events: none;
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: var(--hero-products-light-color);
  margin: var(--hero-products-item-content-image-margin);
  pointer-events: none;
}
.hero-products-container .hero-products-item .hero-products-item-image-inner .hero-products-item-image-content .hero-products-item-image-content-top {
  display: flex;
  justify-content: space-between;
  color: var(--hero-products-item-image-content-top-color);
  opacity: var(--hero-products-item-image-content-top-opacity, 1);
}
.hero-products-container .hero-products-item .hero-products-item-image-inner .hero-products-item-image-content .hero-products-item-image-content-top > div {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--hero-products-item-content-show-in-gap);
  align-items: center;
}
.hero-products-container .hero-products-item .hero-products-item-image-inner .hero-products-item-image-content .hero-products-item-image-content-middle {
  flex-basis: 100%;
  text-align: center;
  font-size: 2.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  color: inherit;
}
.hero-products-container .hero-products-item .hero-products-item-image-inner .hero-products-item-image-content .hero-products-item-image-content-bottom {
  display: flex;
  justify-content: space-between;
  color: var(--hero-products-item-image-content-bottom-color);
  opacity: var(--hero-products-item-image-content-bottom-opacity, 1);
}
.hero-products-container .hero-products-item .hero-products-item-image-inner .hero-products-item-image-content .hero-products-item-image-content-bottom > div {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--hero-products-item-content-show-in-gap);
  align-items: center;
  pointer-events: auto;
}
.hero-products-container .hero-products-item .hero-products-item-image-inner .hero-products-item-image-container {
  height: 100%;
  position: relative;
  z-index: 2;
  left: var(--hero-products-item-image-left);
  bottom: var(--hero-products-item-image-bottom);
  /* background-color: var(--hero-products-item-image-background-color); */
}
.hero-products-container .hero-products-item .hero-products-item-image-inner .hero-products-item-image-container .hero-products-item-image-a {
  display: block;
  width: 100%;
  height: 100%;
  text-slign: ceneter;
}
.hero-products-container .hero-products-item .hero-products-item-image-inner .hero-products-item-image-container .hero-products-item-image-a img {
  /* display: block; */
  /* width: 100%; */
  height: 100%;
  object-position: 50% 50%;
  object-fit: contain;
  /* object-fit: cover; */
  position: relative;
}
.hero-products-container .hero-products-item.hero-products-item-image-position-background .hero-products-item-image, .hero-products-container .hero-products-item.hero-products-item-image-position-background-right .hero-products-item-image {
  flex-basis: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.hero-products-container .hero-products-item.hero-products-item-image-position-background .hero-products-item-content, .hero-products-container .hero-products-item.hero-products-item-image-position-background-right .hero-products-item-content {
  /* margin: var(--hero-products-item-content-image-position-background-margin); */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4;
  color: var(--hero-products-item-content-image-position-background-color);
  background-color: var(--hero-products-item-content-image-position-background-background-color);
  pointer-events: none;
}
.hero-products-container .hero-products-item.hero-products-item-image-position-background .hero-products-item-content .hero-products-item-content-middle-inner, .hero-products-container .hero-products-item.hero-products-item-image-position-background-right .hero-products-item-content .hero-products-item-content-middle-inner {
  color: var(--hero-products-item-content-color, inherit);
  background-color: var(--hero-products-item-content-background-color, transparent);
}
.hero-products-container .hero-products-item.hero-products-item-image-position-background-right {
  --hero-products-item-image-left: 40%;
  --hero-products-item-content-max-width: 75%;
}
.hero-products-container .hero-products-column-width-8 .hero-products-item.hero-products-item-image-position-background-right,
.hero-products-container .hero-products-column-width-9 .hero-products-item.hero-products-item-image-position-background-right,
.hero-products-container .hero-products-column-width-10 .hero-products-item.hero-products-item-image-position-background-right,
.hero-products-container .hero-products-column-width-12 .hero-products-item.hero-products-item-image-position-background-right {
  --hero-products-item-content-max-width: 60%;
}
.hero-products-container .hero-products-column-width-8 .hero-products-slider-swiper:not(.hero-products-slider-swiper-slides-per-view-1) .hero-products-item.hero-products-item-image-position-background-right,
.hero-products-container .hero-products-column-width-9 .hero-products-slider-swiper:not(.hero-products-slider-swiper-slides-per-view-1) .hero-products-item.hero-products-item-image-position-background-right,
.hero-products-container .hero-products-column-width-10 .hero-products-slider-swiper:not(.hero-products-slider-swiper-slides-per-view-1) .hero-products-item.hero-products-item-image-position-background-right,
.hero-products-container .hero-products-column-width-12 .hero-products-slider-swiper:not(.hero-products-slider-swiper-slides-per-view-1) .hero-products-item.hero-products-item-image-position-background-right {
  --hero-products-item-content-max-width: 80%;
}

.hero-products-container .hero-products-item.hero-products-item-image-position-left, .hero-products-container .hero-products-item.hero-products-item-image-position-left-keep-aspect-ratio {
  flex-direction: row;
  --hero-products-item-gap-half: calc(var(--hero-products-item-gap) / 2);
  margin: 0 calc(-1 * var(--hero-products-item-gap-half));
  /* gap: var(--hero-products-item-gap); */
}
.hero-products-container .hero-products-item.hero-products-item-image-position-left .hero-products-item-image, .hero-products-container .hero-products-item.hero-products-item-image-position-left-keep-aspect-ratio .hero-products-item-image {
  flex: 0 0 var(--hero-products-item-side-image-width);
  padding: 0 var(--hero-products-item-gap-half);
}
.hero-products-container .hero-products-item.hero-products-item-image-position-left .hero-products-item-content, .hero-products-container .hero-products-item.hero-products-item-image-position-left-keep-aspect-ratio .hero-products-item-content {
  /* flex: 0 0 calc(100% - var(--hero-products-item-side-image-width) - var(--hero-products-item-gap));  */
  flex: 0 0 calc(100% - var(--hero-products-item-side-image-width));
  padding: 0 var(--hero-products-item-gap-half);
}
.hero-products-container .hero-products-item.hero-products-item-image-position-right, .hero-products-container .hero-products-item.hero-products-item-image-position-right-keep-aspect-ratio {
  flex-direction: row-reverse;
  --hero-products-item-gap-half: calc(var(--hero-products-item-gap) / 2);
  margin: 0 calc(-1 * var(--hero-products-item-gap-half));
  /* gap: var(--hero-products-item-gap); */
}
.hero-products-container .hero-products-item.hero-products-item-image-position-right .hero-products-item-image, .hero-products-container .hero-products-item.hero-products-item-image-position-right-keep-aspect-ratio .hero-products-item-image {
  flex: 0 0 var(--hero-products-item-side-image-width);
  padding: 0 var(--hero-products-item-gap-half);
}
.hero-products-container .hero-products-item.hero-products-item-image-position-right .hero-products-item-content, .hero-products-container .hero-products-item.hero-products-item-image-position-right-keep-aspect-ratio .hero-products-item-content {
  flex: 0 0 calc(100% - var(--hero-products-item-side-image-width));
  padding: 0 var(--hero-products-item-gap-half);
}
.hero-products-container .hero-products-item.hero-products-item-image-position-left-keep-aspect-ratio, .hero-products-container .hero-products-item.hero-products-item-image-position-right-keep-aspect-ratio {
  /*.hero-products-item-content {
  	align-self: flex-start;
  }*/
}
.hero-products-container .hero-products-item.hero-products-item-image-position-left-keep-aspect-ratio .hero-products-item-image-container, .hero-products-container .hero-products-item.hero-products-item-image-position-right-keep-aspect-ratio .hero-products-item-image-container {
  height: auto;
}
.hero-products-container .hero-products-item.hero-products-item-image-position-left-keep-aspect-ratio .hero-products-item-image, .hero-products-container .hero-products-item.hero-products-item-image-position-right-keep-aspect-ratio .hero-products-item-image {
  align-self: flex-start;
}
.hero-products-container .hero-products-item.hero-products-item-image-position-top {
  display: flex;
  flex-direction: column;
  gap: var(--hero-products-item-gap-vertical);
}
.hero-products-container .hero-products-item.hero-products-item-image-position-bottom {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--hero-products-item-gap-vertical);
}
.hero-products-container .hero-products-item.hero-products-item-image-position-hidden {
  display: flex;
  flex-direction: column;
}
.hero-products-container .hero-products-item.hero-products-item-image-position-hidden .hero-products-item-image {
  display: none;
}
.hero-products-container .hero-products-item:not(.hero-products-item-image-overlay-background-type-none) .hero-products-item-image .hero-products-item-image-inner:before {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  background: var(--hero-products-item-image-overlay-background-color);
  pointer-events: none;
  /* z-index: -1; */
}
.hero-products-container .hero-products-item:not(.hero-products-item-image-underlay-background-type-none) .hero-products-item-image .hero-products-item-image-inner:after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: var(--hero-products-item-image-underlay-background-color);
  pointer-events: none;
  /* z-index: -1; */
}
.hero-products-container .hero-products-item .hero-products-product-data {
  order: 10;
  pointer-events: initial;
  /* display: inline; */
}
.hero-products-container .hero-products-item .hero-products-product-data:before {
  display: inline-block;
  font-family: var(--hero-products-icon-font-family);
  margin-right: 4px;
  line-height: 1;
}
.hero-products-container .hero-products-item .hero-products-product-data:not(:last-child):after {
  content: var(--hero-products-product-data-delimiter);
  margin-left: var(--hero-products-item-content-show-in-gap);
}
.hero-products-container .hero-products-item .hero-products-item-content-title-inner .hero-products-product-data {
  display: inline-block;
  z-index: -1;
  margin-left: 0.2em;
}
.hero-products-container .hero-products-item .hero-products-categories:before {
  content: var(--hero-products-categories-icon);
}
.hero-products-container .hero-products-item .hero-products-tags:before {
  content: var(--hero-products-tags-icon);
}
.hero-products-container .hero-products-item .hero-products-comments-number:before {
  content: var(--hero-products-comments-number-icon);
}
.hero-products-container .hero-products-item .hero-products-featured:before {
  content: var(--hero-products-featured-icon);
}
.hero-products-container .hero-products-item .hero-products-sale:before {
  content: var(--hero-products-sale-icon);
}
.hero-products-container .hero-products-item .hero-products-instock:before {
  content: var(--hero-products-instock-icon);
}
.hero-products-container .hero-products-item .hero-products-virtual:before {
  content: var(--hero-products-virtual-icon);
}
.hero-products-container .hero-products-item .hero-products-sku:before {
  content: var(--hero-products-sku-icon);
}
.hero-products-container .hero-products-item .hero-products-downloadable:before {
  content: var(--hero-products-downloadable-icon);
}
.hero-products-container .hero-products-item .hero-products-type[data-product-type=simple]:before {
  content: var(--hero-products-type-simple-icon);
}
.hero-products-container .hero-products-item .hero-products-type[data-product-type=grouped]:before {
  content: var(--hero-products-type-grouped-icon);
}
.hero-products-container .hero-products-item .hero-products-type[data-product-type=external]:before {
  content: var(--hero-products-type-external-icon);
}
.hero-products-container .hero-products-item .hero-products-type[data-product-type=variable]:before {
  content: var(--hero-products-type-variable-icon);
}
.hero-products-container .hero-products-item .hero-products-comments-number:before {
  margin-right: 4px;
}
.hero-products-container .hero-products-item .hero-products-sku:before {
  margin-right: 4px;
}
.hero-products-container .hero-products-item.hero-products-item-product-types-show-skip-simple .hero-products-type[data-product-type=simple] {
  display: none;
}
.hero-products-container .hero-products-item.hero-products-item-product-types-show-skip-simple-grouped .hero-products-type[data-product-type=simple],
.hero-products-container .hero-products-item.hero-products-item-product-types-show-skip-simple-grouped .hero-products-type[data-product-type=grouped] {
  display: none;
}
.hero-products-container .hero-products-item .hero-products-sale {
  position: relative;
}
.hero-products-container .hero-products-item .hero-products-sale:before {
  transform: rotate(var(--hero-products-item-sale-rotation));
  background: var(--hero-products-item-sale-background-color);
  color: var(--hero-products-item-sale-color);
  font-size: var(--hero-products-item-sale-font-size);
  padding: var(--hero-products-item-sale-padding);
  border-radius: 100%;
  margin-top: calc( -1 * var(--hero-products-item-sale-padding));
  margin-bottom: calc( -1 * var(--hero-products-item-sale-padding));
}
.hero-products-container .hero-products-item .hero-products-add-to-cart-and-qty {
  display: inline-flex;
  gap: var(--hero-products-item-add-to-cart-and-qty-gap);
}
.hero-products-container .hero-products-item .hero-products-add-to-cart-and-qty .quantity {
  max-width: var(--hero-products-item-add-to-cart-and-qty-quantity-max-width);
}
.hero-products-container .hero-products-item .hero-products-add-to-cart-default {
  display: inline-flex;
  gap: var(--hero-products-item-add-to-cart-default-gap);
  align-items: center;
}
.hero-products-container .hero-products-item .hero-products-add-to-cart-default .hero-products-add-to-cart-default-href {
  background-color: var(--hero-products-item-add-to-cart-default-background-color);
  color: var(--hero-products-item-add-to-cart-default-color);
  border: var(--hero-products-item-add-to-cart-default-border);
  border-radius: var(--hero-products-item-add-to-cart-default-border-radius, var(--hero-products-item-image-border-radius));
  padding: var(--hero-products-item-add-to-cart-default-padding);
}
.hero-products-container .hero-products-item .hero-products-add-to-cart-default .hero-products-add-to-cart-default-href:hover {
  background-color: var(--hero-products-item-add-to-cart-default-hover-background-color);
  color: var(--hero-products-item-add-to-cart-default-hover-color);
  border: var(--hero-products-item-add-to-cart-default-hover-border);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-small .hero-products-add-to-cart-default .hero-products-add-to-cart-default-href {
  padding: var(--hero-products-item-add-to-cart-default-padding-extra-small);
  font-size: var(--hero-products-item-add-to-cart-default-font-size-extra-small);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-small .hero-products-add-to-cart-default .hero-products-add-to-cart-default-href {
  padding: var(--hero-products-item-add-to-cart-default-padding-small);
  font-size: var(--hero-products-item-add-to-cart-default-font-size-small);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-normal .hero-products-add-to-cart-default .hero-products-add-to-cart-default-href {
  padding: var(--hero-products-item-add-to-cart-default-padding-normal);
  font-size: var(--hero-products-item-add-to-cart-default-font-size-normal);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-medium .hero-products-add-to-cart-default .hero-products-add-to-cart-default-href {
  padding: var(--hero-products-item-add-to-cart-default-padding-medium);
  font-size: var(--hero-products-item-add-to-cart-default-font-size-medium);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-large .hero-products-add-to-cart-default .hero-products-add-to-cart-default-href {
  padding: var(--hero-products-item-add-to-cart-default-padding-large);
  font-size: var(--hero-products-item-add-to-cart-default-font-size-large);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-large .hero-products-add-to-cart-default .hero-products-add-to-cart-default-href {
  padding: var(--hero-products-item-add-to-cart-default-padding-extra-large);
  font-size: var(--hero-products-item-add-to-cart-default-font-size-extra-large);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-huge .hero-products-add-to-cart-default .hero-products-add-to-cart-default-href {
  padding: var(--hero-products-item-add-to-cart-default-padding-huge);
  font-size: var(--hero-products-item-add-to-cart-default-font-size-huge);
}
.hero-products-container .hero-products-item.hero-products-item-title-font-size-extra-huge .hero-products-add-to-cart-default .hero-products-add-to-cart-default-href {
  padding: var(--hero-products-item-add-to-cart-default-padding-extra-huge);
  font-size: var(--hero-products-item-add-to-cart-default-font-size-extra-huge);
}
.hero-products-container .hero-products-item.hero-products-item-post-add-to-cart-style-filled .hero-products-add-to-cart-default .hero-products-add-to-cart-default-href {
  --hero-products-item-add-to-cart-default-background-color: var(--hero-products-accent-color);
  --hero-products-item-add-to-cart-default-border: 2px solid var(--hero-products-accent-color);
  --hero-products-item-add-to-cart-default-color: var(--hero-products-light-color);
}
.hero-products-container .hero-products-item.hero-products-item-post-add-to-cart-style-filled .hero-products-add-to-cart-default .hero-products-add-to-cart-default-href:hover {
  --hero-products-item-add-to-cart-default-hover-background-color: transparent;
  --hero-products-item-add-to-cart-default-hover-border: 2px solid currentColor;
  --hero-products-item-add-to-cart-default-hover-color: inherit;
}
.hero-products-container .hero-products-item.hero-products-item-post-add-to-cart-style-outline .hero-products-add-to-cart-default .hero-products-add-to-cart-default-href {
  --hero-products-item-add-to-cart-default-background-color: transparent;
  --hero-products-item-add-to-cart-default-border: 2px solid var(--hero-products-accent-color);
  --hero-products-item-add-to-cart-default-color: var(--hero-products-accent-color);
}
.hero-products-container .hero-products-item.hero-products-item-post-add-to-cart-style-outline .hero-products-add-to-cart-default .hero-products-add-to-cart-default-href:hover {
  --hero-products-item-add-to-cart-default-hover-background-color: var(--hero-products-accent-color);
  --hero-products-item-add-to-cart-default-hover-border: 2px solid var(--hero-products-accent-color);
  --hero-products-item-add-to-cart-default-hover-color: var(--hero-products-light-color);
}
.hero-products-container .hero-products-item.hero-products-item-post-add-to-cart-style-clean .hero-products-add-to-cart-default .hero-products-add-to-cart-default-href {
  --hero-products-item-add-to-cart-default-background-color: transparent;
  --hero-products-item-add-to-cart-default-border: none;
  --hero-products-item-add-to-cart-default-color: var(--hero-products-accent-color);
  padding: 0;
}
.hero-products-container .hero-products-item.hero-products-item-post-add-to-cart-style-clean .hero-products-add-to-cart-default .hero-products-add-to-cart-default-href:hover {
  --hero-products-item-add-to-cart-default-hover-background-color: transparent;
  --hero-products-item-add-to-cart-default-hover-border: none;
  color: inherit;
}
.hero-products-container .hero-products-item .hero-products-review-outer {
  position: relative;
}
.hero-products-container .hero-products-item .hero-products-review-outer:before {
  content: var(--hero-products-review-icon);
  font-family: var(--hero-products-icon-font-family);
  line-height: 1;
  letter-spacing: 2px;
  opacity: 0.5;
}
.hero-products-container .hero-products-item .hero-products-review-outer .hero-products-review-inner {
  position: absolute;
  overflow: hidden;
  display: inline-block;
  left: 0;
}
.hero-products-container .hero-products-item .hero-products-review-outer .hero-products-review-inner:before {
  content: var(--hero-products-review-icon);
  font-family: var(--hero-products-icon-font-family);
  line-height: 1;
  letter-spacing: 2px;
  overflow: hidden;
}
.hero-products-container .hero-products-item.hero-products-item-product-product-data-style-clean-accent .hero-products-product-data:not(.hero-products-categories):before, .hero-products-container .hero-products-item.hero-products-item-product-product-data-style-clean .hero-products-product-data:not(.hero-products-categories):before {
  content: "";
  display: none;
}
.hero-products-container .hero-products-item.hero-products-item-product-product-data-style-clean-icon-accent .hero-products-product-data:not(.hero-products-categories), .hero-products-container .hero-products-item.hero-products-item-product-product-data-style-clean-accent .hero-products-product-data:not(.hero-products-categories) {
  color: var(--hero-products-accent-color);
}
.hero-products-container .hero-products-item.hero-products-item-product-product-data-style-icon .hero-products-product-data:not(.hero-products-categories):before {
  margin-right: 0;
}
.hero-products-container .hero-products-item.hero-products-item-product-product-data-style-icon .hero-products-product-data:not(.hero-products-categories) span {
  display: none;
}
.hero-products-container .hero-products-item .hero-products-product-data.hero-products-taxonomy .hero-products-taxonomy-delimiter:before {
  content: ", ";
}
.hero-products-container .hero-products-item.hero-products-item-post-categories-style-pills .hero-products-categories, .hero-products-container .hero-products-item.hero-products-item-post-categories-style-pills-icon .hero-products-categories {
  order: 5;
}
.hero-products-container .hero-products-item.hero-products-item-post-categories-style-pills .hero-products-categories .hero-products-taxonomy-pill, .hero-products-container .hero-products-item.hero-products-item-post-categories-style-pills-icon .hero-products-categories .hero-products-taxonomy-pill {
  background-color: var(--hero-products-item-taxonomy-pill-background-color);
  color: var(--hero-products-item-taxonomy-pill-color);
  padding: var(--hero-products-item-taxonomy-pill-padding);
  border-radius: var(--hero-products-item-taxonomy-pill-border-radius);
}
.hero-products-container .hero-products-item.hero-products-item-post-categories-style-pills .hero-products-categories .hero-products-taxonomy-delimiter:before, .hero-products-container .hero-products-item.hero-products-item-post-categories-style-pills-icon .hero-products-categories .hero-products-taxonomy-delimiter:before {
  content: " ";
}
.hero-products-container .hero-products-item.hero-products-item-post-categories-style-clean .hero-products-categories:before, .hero-products-container .hero-products-item.hero-products-item-post-categories-style-clean-accent .hero-products-categories:before, .hero-products-container .hero-products-item.hero-products-item-post-categories-style-pills .hero-products-categories:before {
  content: "";
  display: none;
}
.hero-products-container .hero-products-item.hero-products-item-post-categories-style-clean-accent-icon .hero-products-categories span, .hero-products-container .hero-products-item.hero-products-item-post-categories-style-clean-accent .hero-products-categories span {
  color: var(--hero-products-accent-color);
}
.hero-products-container .hero-products-item .hero-products-regular-price del {
  text-decoration: line-through;
}
.hero-products-container .hero-products-item .hero-products-item-image {
  overflow: hidden;
}
.hero-products-container .hero-products-item .hero-products-item-image .hero-products-item-image-inner {
  overflow: hidden;
  position: relative;
  height: 100%;
  flex-basis: 100%;
  background-color: var(--hero-products-item-image-background-color);
}
.hero-products-container .hero-products-item .hero-products-item-image .hero-products-item-image-inner .hero-products-item-image-container {
  transition: transform ease var(--hero-products-item-image-hover-zoom-duration, 400ms), filter ease var(--hero-products-item-image-hover-blur-duration, 400ms);
}
.hero-products-container .hero-products-item .hero-products-item-image .hero-products-item-image-inner:before {
  transition: opacity ease var(--hero-products-item-image-overlay-hover-opacity-duration, 400ms);
}
.hero-products-container .hero-products-item .hero-products-item-image .hero-products-item-image-inner:after {
  transition: opacity ease var(--hero-products-item-image-underlay-hover-opacity-duration, 400ms);
}
.hero-products-container .hero-products-item .hero-products-item-image .hero-products-item-image-inner:before {
  opacity: var(--hero-products-item-image-overlay-hover-opacity-from);
}
.hero-products-container .hero-products-item:hover .hero-products-item-image .hero-products-item-image-inner:before {
  opacity: var(--hero-products-item-image-overlay-hover-opacity-to);
}
.hero-products-container .hero-products-item .hero-products-item-image .hero-products-item-image-inner:after {
  opacity: var(--hero-products-item-image-underlay-hover-opacity-from);
}
.hero-products-container .hero-products-item:hover .hero-products-item-image .hero-products-item-image-inner:after {
  opacity: var(--hero-products-item-image-underlay-hover-opacity-to);
}
.hero-products-container .hero-products-item .hero-products-item-image .hero-products-item-image-container {
  transform: scale(var(--hero-products-item-image-hover-zoom-from));
}
.hero-products-container .hero-products-item:hover .hero-products-item-image .hero-products-item-image-container {
  transform: scale(var(--hero-products-item-image-hover-zoom-to));
}
.hero-products-container .hero-products-item .hero-products-item-image .hero-products-item-image-container {
  filter: blur(var(--hero-products-item-image-hover-blur-from));
}
.hero-products-container .hero-products-item:hover .hero-products-item-image .hero-products-item-image-container {
  filter: blur(var(--hero-products-item-image-hover-blur-to));
}
.hero-products-container .hero-products-item .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-middle-inner .hero-products-item-content-supertitle {
  transition: transform var(--hero-products-item-image-hover-move-content-duration, 400ms) ease var(--hero-products-item-image-hover-move-content-delay-supertitle);
}
.hero-products-container .hero-products-item .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-middle-inner .hero-products-item-content-title {
  transition: all var(--hero-products-item-image-hover-move-content-duration, 400ms) ease var(--hero-products-item-image-hover-move-content-delay-title);
}
.hero-products-container .hero-products-item .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-middle-inner .hero-products-item-content-subtitle {
  transition: all var(--hero-products-item-image-hover-move-content-duration, 400ms) ease var(--hero-products-item-image-hover-move-content-delay-subtitle);
}
.hero-products-container .hero-products-item .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-middle-inner .hero-products-item-content-excerpt {
  transition: all var(--hero-products-item-image-hover-move-content-duration, 400ms) ease var(--hero-products-item-image-hover-move-content-delay-excerpt);
}
.hero-products-container .hero-products-item:hover .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-middle-inner .hero-products-item-content-supertitle {
  transform: translateY(var(--hero-products-item-image-hover-move-content));
}
.hero-products-container .hero-products-item:hover .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-middle-inner .hero-products-item-content-title {
  transform: translateY(var(--hero-products-item-image-hover-move-content));
}
.hero-products-container .hero-products-item:hover .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-middle-inner .hero-products-item-content-subtitle {
  transform: translateY(var(--hero-products-item-image-hover-move-content));
}
.hero-products-container .hero-products-item:hover .hero-products-item-content .hero-products-item-content-middle .hero-products-item-content-middle-inner .hero-products-item-content-excerpt {
  transform: translateY(var(--hero-products-item-image-hover-move-content));
}
.hero-products-container .hero-products-item:hover .hero-products-item-content .hero-products-item-content-top {
  color: var(--hero-products-item-content-top-hover-color);
  text-decoration: var(--hero-products-item-content-top-hover-text-decoration);
}
.hero-products-container .hero-products-item:hover .hero-products-item-content .hero-products-item-content-bottom {
  color: var(--hero-products-item-content-bottom-hover-color);
  text-decoration: var(--hero-products-item-content-bottom-hover-text-decoration);
}
.hero-products-container .hero-products-item:hover .hero-products-item-content .hero-products-item-content-supertitle {
  color: var(--hero-products-item-content-supertitle-hover-color);
  text-decoration: var(--hero-products-item-content-supertitle-hover-text-decoration);
}
.hero-products-container .hero-products-item:hover .hero-products-item-content .hero-products-item-content-title {
  color: var(--hero-products-item-content-title-hover-color);
  text-decoration: var(--hero-products-item-content-title-hover-text-decoration);
  transition: all 200ms ease-out 10ms;
}
.hero-products-container .hero-products-item:hover .hero-products-item-content .hero-products-item-content-subtitle {
  color: var(--hero-products-item-content-subtitle-hover-color);
  text-decoration: var(--hero-products-item-content-subtitle-hover-text-decoration);
  transition: all 200ms ease-out 15s;
}
.hero-products-container .hero-products-item:hover .hero-products-item-content .hero-products-item-content-excerpt {
  color: var(--hero-products-item-content-excerpt-hover-color);
  text-decoration: var(--hero-products-item-content-excerpt-hover-text-decoration);
}

/* Typography fixes */
.hero-products-container .hero-products-item:not(.hero-products-item-skip-typography-fixes) .hero-products-item-content-title .hero-products-item-content-title-a {
  color: inherit;
  font-size: inherit;
  pointer-events: all;
}

.hero-products-container .hero-products-html:not(.hero-products-item-skip-typography-fixes) h1, .hero-products-container .hero-products-html:not(.hero-products-item-skip-typography-fixes) h2, .hero-products-container .hero-products-html:not(.hero-products-item-skip-typography-fixes) h3, .hero-products-container .hero-products-html:not(.hero-products-item-skip-typography-fixes) h4, .hero-products-container .hero-products-html:not(.hero-products-item-skip-typography-fixes) h5, .hero-products-container .hero-products-html:not(.hero-products-item-skip-typography-fixes) h6, .hero-products-container .hero-products-html:not(.hero-products-item-skip-typography-fixes) p {
  margin: 0;
  padding: 0;
}

/* Disallow multiple lines in subtitles (breaks some views) */
.hero-products-container .hero-products-item:not(.hero-products-item-skip-typography-fixes) .hero-products-item-content-subtitle, .hero-products-container .hero-products-item:not(.hero-products-item-skip-typography-fixes) .hero-products-item-content-supertitle {
  /*display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  -webkit-line-clamp: 1;
  max-height: 1em;
  max-height: 1lh;*/
}

/* Product price fix */
.hero-products-container .hero-products-item:not(.hero-products-item-skip-typography-fixes) .hero-products-full-price del {
  margin-right: 5px;
}
.hero-products-container .hero-products-item:not(.hero-products-item-skip-typography-fixes) .hero-products-full-price ins {
  text-decoration: none;
  background: var(--hero-products-item-full-price-background-color);
  color: var(--hero-products-item-full-price-color);
  padding: var(--hero-products-item-full-price-padding);
  border-radius: var(--hero-products-item-full-price-border-radius);
}
.hero-products-container .hero-products-item:not(.hero-products-item-skip-typography-fixes) .hero-products-full-price ins .amount {
  color: inherit;
}
.hero-products-container .hero-products-item:not(.hero-products-item-skip-typography-fixes) .hero-products-final-price ins {
  text-decoration: none;
  background: var(--hero-products-item-full-price-background-color);
  color: var(--hero-products-item-full-price-color);
  padding: var(--hero-products-item-full-price-padding);
  border-radius: var(--hero-products-item-full-price-border-radius);
}
.hero-products-container .hero-products-item:not(.hero-products-item-skip-typography-fixes) .hero-products-final-price ins .amount {
  color: inherit;
}
.hero-products-container .hero-products-item:not(.hero-products-item-skip-typography-fixes) .hero-products-free-price ins {
  text-decoration: none;
  background: var(--hero-products-item-full-price-background-color);
  color: var(--hero-products-item-full-price-color);
  padding: var(--hero-products-item-full-price-padding);
  border-radius: var(--hero-products-item-full-price-border-radius);
}
.hero-products-container .hero-products-item:not(.hero-products-item-skip-typography-fixes) .hero-products-free-price ins .amount {
  color: inherit;
}

/* Separator
------------------------------------------------------------------ */
.hero-products-container hr.hero-products-separator {
  border: 0;
  width: 100%;
  height: 0;
  margin-top: var(--hero-products-separator-top-margin);
  margin-bottom: var(--hero-products-separator-bottom-margin);
  border-bottom-width: var(--hero-products-separator-line-width);
  border-bottom-style: var(--hero-products-separator-line-style);
  border-bottom-color: var(--hero-products-separator-line-color);
  background: none;
}
.hero-products-container hr.hero-products-separator.hero-products-separator-top-margin-inherit {
  margin-top: var(--hero-products-base-gap) !important;
}
.hero-products-container hr.hero-products-separator.hero-products-separator-bottom-margin-inherit {
  margin-bottom: var(--hero-products-base-gap) !important;
}

/* Banner
------------------------------------------------------------------ */
.hero-products-banner {
  text-align: center;
  display: block;
  margin: 0 auto;
  border: 0;
  border-width: var(--hero-products-banner-border-width);
  border-style: var(--hero-products-banner-border-style);
  border-color: var(--hero-products-banner-border-color);
}
.hero-products-banner > div {
  margin-right: auto !important;
  margin-left: auto !important;
}
.hero-products-banner img {
  display: block;
  margin: 0 auto;
}
.hero-products-column-align-right .hero-products-banner {
  margin-right: 0;
}
.hero-products-column-align-left .hero-products-banner {
  margin-left: 0;
}

/* Slider swiper
------------------------------------------------------------------ */
.hero-products-container .hero-products-slider-swiper {
  width: 100%;
  position: relative;
  /* Navigation */
  /* Sizes */
  /* Default value */
  /* Position (better way is to add custom padding) */
  /*&.hero-products-slider-swiper-navigation-size-small .hero-products-item-content	{ left: 11px; right: 11px; }
  &.hero-products-slider-swiper-navigation-size-medium .hero-products-item-content	{ left: 16px; right: 16px; }
  &.hero-products-slider-swiper-navigation-size-large .hero-products-item-content	{ left: 21px; right: 21px; }*/
  /* Vertical positions */
  /* Shapes */
  /* Styles */
  /* Positios */
  /* Pagination */
  /* ---------- */
  /* Sizes */
  /* Content bottom position */
}
.hero-products-container .hero-products-slider-swiper .hero-products-slider-swiper-holder {
  overflow: hidden;
}
.hero-products-container .hero-products-slider-swiper .hero-products-slider-swiper-button {
  font-size: var(--swiper-navigation-size);
  width: fit-content;
  height: fit-content;
  padding: 0.5em;
  background-image: none;
  margin-top: calc(0px - (0.5em + var(--swiper-navigation-size)/ 2));
}
.hero-products-container .hero-products-slider-swiper .hero-products-slider-swiper-button.swiper-button-next, .hero-products-container .hero-products-slider-swiper .hero-products-slider-swiper-button.swiper-button-prev {
  top: var(--swiper-navigation-top-position, 50%);
}
.hero-products-container .hero-products-slider-swiper .hero-products-slider-swiper-button.swiper-button-prev {
  left: 0;
}
.hero-products-container .hero-products-slider-swiper .hero-products-slider-swiper-button.swiper-button-next {
  right: 0;
}
.hero-products-container .hero-products-slider-swiper .hero-products-slider-swiper-button:after {
  font-size: inherit;
}
.hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-navigation-size-extra-small .hero-products-slider-swiper-button {
  --swiper-navigation-size: 14px ;
}
.hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-navigation-size-small .hero-products-slider-swiper-button {
  --swiper-navigation-size: 22px ;
}
.hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-navigation-size-medium .hero-products-slider-swiper-button {
  --swiper-navigation-size: 33px ;
}
.hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-navigation-size-large .hero-products-slider-swiper-button {
  --swiper-navigation-size: 44px ;
}
.hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-navigation-vertical-position-bottom .hero-products-slider-swiper-button {
  bottom: 0.5em;
  top: auto;
}
.hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-navigation-vertical-position-top .hero-products-slider-swiper-button {
  top: 0.5em;
  margin-top: 0;
}
.hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-navigation-style-filled-circle .hero-products-slider-swiper-button, .hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-navigation-style-outline-circle .hero-products-slider-swiper-button {
  width: 2em;
  height: 2em;
  border-radius: 50%;
}
.hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-navigation-style-clean .hero-products-slider-swiper-button {
  padding-left: 20px;
  padding-right: 20px;
}
.hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-navigation-style-filled .hero-products-slider-swiper-button, .hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-navigation-style-filled-circle .hero-products-slider-swiper-button {
  background: rgba(0, 0, 0, 0.7);
}
.hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-navigation-style-outline .hero-products-slider-swiper-button, .hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-navigation-style-outline-circle .hero-products-slider-swiper-button {
  box-shadow: inset 0px 0px 1px 1px currentColor;
}
.hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-navigation-style-outline-circle .hero-products-slider-swiper-button.swiper-button-prev, .hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-navigation-style-filled-circle .hero-products-slider-swiper-button.swiper-button-prev {
  left: 0.5em;
}
.hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-navigation-style-outline-circle .hero-products-slider-swiper-button.swiper-button-next, .hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-navigation-style-filled-circle .hero-products-slider-swiper-button.swiper-button-next {
  right: 0.5em;
}
.hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-navigation-position-outside .hero-products-slider-swiper-button.swiper-button-prev {
  left: calc(-1.5em - var(--hero-products-slider-swiper-space-between, var(--hero-products-base-gap)));
}
.hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-navigation-position-outside .hero-products-slider-swiper-button.swiper-button-next {
  right: calc(-1.5em - var(--hero-products-slider-swiper-space-between, var(--hero-products-base-gap)));
}
.hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-navigation-position-outside.hero-products-slider-swiper-navigation-style-filled-circle .hero-products-slider-swiper-button.swiper-button-prev {
  left: calc(-2em - var(--hero-products-slider-swiper-space-between, var(--hero-products-base-gap)));
}
.hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-navigation-position-outside.hero-products-slider-swiper-navigation-style-filled-circle .hero-products-slider-swiper-button.swiper-button-next {
  right: calc(-2em - var(--hero-products-slider-swiper-space-between, var(--hero-products-base-gap)));
}
.hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-navigation-position-outside.hero-products-slider-swiper-navigation-style-outline .hero-products-slider-swiper-button, .hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-navigation-position-outside.hero-products-slider-swiper-navigation-style-clean .hero-products-slider-swiper-button {
  color: var(--swiper-navigation-outside-color, var(--swiper-theme-color));
}
.hero-products-container .hero-products-slider-swiper .swiper-pagination {
  pointer-events: none;
  bottom: 1em;
  line-height: 1;
  display: block;
}
.hero-products-container .hero-products-slider-swiper .swiper-pagination .swiper-pagination-bullet {
  pointer-events: all;
}
.hero-products-container .hero-products-slider-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--hero-products-accent-color);
}
.hero-products-container .hero-products-slider-swiper .swiper-horizontal > .swiper-pagination-progressbar,
.hero-products-container .hero-products-slider-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal,
.hero-products-container .hero-products-slider-swiper .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.hero-products-container .hero-products-slider-swiper .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: var(--swiper-pagination-progressbar-height);
}
.hero-products-container .hero-products-slider-swiper .swiper-pagination.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, var(--hero-products-light-color));
  opacity: var(--swiper-pagination-fraction-opacity, 0.5);
  font-size: var(--swiper-pagination-fraction-font-size, inherit);
}
.hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-pagination-size-small {
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-progressbar-height: 4px;
  --swiper-pagination-fraction-font-size: 0.8em;
}
.hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-pagination-size-medium {
  --swiper-pagination-bullet-size: 12px;
  --swiper-pagination-progressbar-height: 8px;
  --swiper-pagination-fraction-font-size: 1em;
}
.hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-pagination-size-large {
  --swiper-pagination-bullet-size: 16px;
  --swiper-pagination-progressbar-height: 12px;
  --swiper-pagination-fraction-font-size: 1.2em;
}
.hero-products-container .hero-products-slider-swiper.hero-products-slider-swiper-pagination-style-bullets .hero-products-item-content {
  bottom: 1em;
}

/* Pre init state fix */
.elementor-element.elementor-element-edit-mode .hero-products-slider-swiper-holder:not(.hero-products-slider-swiper-initialized) .hero-products-slider-swiper-wrapper {
  display: flex;
  margin: 0 calc(-0.5 * var(--hero-products-slider-swiper-space-between));
  width: calc(100% + var(--hero-products-slider-swiper-space-between));
  overflow: hidden;
}
.elementor-element.elementor-element-edit-mode .hero-products-slider-swiper-holder:not(.hero-products-slider-swiper-initialized) .hero-products-slider-swiper-wrapper .hero-products-slider-swiper-slide {
  padding: 0 calc(0.5 * var(--hero-products-slider-swiper-space-between));
  flex-basis: calc(100% / var(--hero-products-slider-swiper-slides-per-view));
}
.elementor-element.elementor-element-edit-mode .hero-products-slider-swiper-holder:not(.hero-products-slider-swiper-initialized) .hero-products-slider-swiper-wrapper .hero-products-slider-swiper-slide:nth-of-type(1n+var(--hero-products-slider-swiper-slides-per-view)) {
  display: none;
}

/* @use 'repeater';    */
/* TMP */
/*.bt_bb_text > .hero-products-container > .hero-products-row:first-child  {
	.hero-products-html, .hero-products-separator {
		display: none;		
	}
} */

/*# sourceMappingURL=style.css.map */
