/*!
Theme Name: BioKissed
Theme URI: https://www.biokissed.com
Author: BioKissed
Author URI: https://www.biokissed.com
Description: Default theme for BioKissed website
Version: 1.0.0
Tested up to: 6.0.1
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: biokissed
Tags: custom-background, custom-menu, featured-images, threaded-comments, translation-ready

BioKissed theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* -----------------------------------------------------------------------------
>>> TABLE OF CONTENTS:
--------------------------------------------------------------------------------
# Generic
	- Normalize
	- Box Sizing
# Base
	- Variable Properties
	- Typography
	- Elements
	- Links
	- Forms
# Layouts
	- Alignments
	- Base and Conditional
# Components
	- Navigation
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
	- WordPress Blocks
	- Custom Blocks
	- Pop Up Element
	- Posts and Pages
# Plugins
	- Jetpack Infinite Scroll
	- WPML
	- Contact Form 7
	- PDFjs Viewer
	- Dflip and DearPDF
	- Others
# Utilities
	- Accessibility
	- Lazy Load
# Media Queries
# WooCommerce

----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
# Generic
----------------------------------------------------------------------------- */

/* Normalize
----------------------------------------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box Sizing
----------------------------------------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/* -----------------------------------------------------------------------------
# Base
----------------------------------------------------------------------------- */
/* Variable Properties
----------------------------------------------------------------------------- */
:root {
	--white: #ffffff;
	--white-superthick: rgba(255, 255, 255, 0.93);
	--white-extrathick: rgba(255, 255, 255, 0.85);
	--white-thick: rgba(255, 255, 255, 0.75);
	--white-half: rgba(255, 255, 255, 0.5);
	--white-soft: rgba(255, 255, 255, 0.25);
	--white-extrasoft: rgba(255, 255, 255, 0.15);
	--white-supersoft: rgba(255, 255, 255, 0.03);
	--white-transparent: rgba(255, 255, 255, 0);
	--off-white: #f4f1e9;
	--off-white-superthick: rgba(244, 241, 233, 0.93);
	--off-white-extrathick: rgba(244, 241, 233, 0.85);
	--off-white-thick: rgba(244, 241, 233, 0.75);
	--off-white-half: rgba(244, 241, 233, 0.5);
	--off-white-soft: rgba(244, 241, 233, 0.25);
	--off-white-extrasoft: rgba(244, 241, 233, 0.15);
	--off-white-supersoft: rgba(244, 241, 233, 0.03);
	--off-white-transparent: rgba(244, 241, 233, 0);
	--off-white-yellowish: #fdf1d2;
	--off-white-yellowish-superthick: rgba(253, 241, 210, 0.93);
	--off-white-yellowish-extrathick: rgba(253, 241, 210, 0.85);
	--off-white-yellowish-thick: rgba(253, 241, 210, 0.75);
	--off-white-yellowish-half: rgba(253, 241, 210, 0.5);
	--off-white-yellowish-soft: rgba(253, 241, 210, 0.25);
	--off-white-yellowish-extrasoft: rgba(253, 241, 210, 0.15);
	--off-white-yellowish-supersoft: rgba(253, 241, 210, 0.03);
	--off-white-yellowish-transparent: rgba(253, 241, 210, 0);
	--black: #000000;
	--black-superthick: rgba(0, 0, 0, 0.93);
	--black-extrathick: rgba(0, 0, 0, 0.85);
	--black-thick: rgba(0, 0, 0, 0.75);
	--black-half: rgba(0, 0, 0, 0.5);
	--black-soft: rgba(0, 0, 0, 0.25);
	--black-extrasoft: rgba(0, 0, 0, 0.15);
	--black-supersoft: rgba(0, 0, 0, 0.03);
	--black-transparent: rgba(0, 0, 0, 0);
	--grey: #54565a;
	--grey-extrathick: rgba(84, 86, 90, 0.85);
	--grey-thick: rgba(84, 86, 90, 0.75);
	--grey-half: rgba(84, 86, 90, 0.5);
	--grey-soft: rgba(84, 86, 90, 0.25);
	--grey-extrasoft: rgba(84, 86, 90, 0.15);
	--grey-supersoft: rgba(84, 86, 90, 0.03);
	--grey-transparent: rgba(84, 86, 90, 0);
	--terracotta: #b57a6a;
	--terracotta-extrathick: rgba(181, 122, 106, 0.85);
	--terracotta-thick: rgba(181, 122, 106, 0.75);
	--terracotta-half: rgba(181, 122, 106, 0.5);
	--terracotta-soft: rgba(181, 122, 106, 0.25);
	--terracotta-extrasoft: rgba(181, 122, 106, 0.15);
	--terracotta-supersoft: rgba(181, 122, 106, 0.03);
	--terracotta-transparent: rgba(181, 122, 106, 0);
	--green: #7b8b7e;
	--green-extrathick: rgba(123, 139, 126, 0.85);
	--green-thick: rgba(123, 139, 126, 0.75);
	--green-half: rgba(123, 139, 126, 0.5);
	--green-soft: rgba(123, 139, 126, 0.25);
	--green-extrasoft: rgba(123, 139, 126, 0.15);
	--green-supersoft: rgba(123, 139, 126, 0.03);
	--green-transparent: rgba(123, 139, 126, 0);
	--blue: #7697a3;
	--blue-extrathick: rgba(118, 151, 163, 0.85);
	--blue-thick: rgba(118, 151, 163, 0.75);
	--blue-half: rgba(118, 151, 163, 0.5);
	--blue-soft: rgba(118, 151, 163, 0.25);
	--blue-extrasoft: rgba(118, 151, 163, 0.15);
	--blue-supersoft: rgba(118, 151, 163, 0.03);
	--blue-transparent: rgba(118, 151, 163, 0);
	--brown: #7b6146;
	--brown-extrathick: rgba(123, 97, 70, 0.85);
	--brown-thick: rgba(123, 97, 70, 0.75);
	--brown-half: rgba(123, 97, 70, 0.5);
	--brown-soft: rgba(123, 97, 70, 0.25);
	--brown-extrasoft: rgba(123, 97, 70, 0.15);
	--brown-supersoft: rgba(123, 97, 70, 0.03);
	--brown-transparent: rgba(123, 97, 70, 0);
	--error-color: #bf4640;
	--error-color-thick: rgba(191, 70, 64, 0.75);
	--error-color-half: rgba(191, 70, 64, 0.5);
	--error-color-soft: rgba(191, 70, 64, 0.25);
	--error-color-extrasoft: rgba(191, 70, 64, 0.15);
	--error-color-supersoft: rgba(191, 70, 64, 0.03);
	--error-color-transparent: rgba(191, 70, 64, 0);
	--info-color: #d49454;
	--info-color-thick: rgba(212, 148, 84, 0.75);
	--info-color-half: rgba(212, 148, 84, 0.5);
	--info-color-soft: rgba(212, 148, 84, 0.25);
	--info-color-extrasoft: rgba(212, 148, 84, 0.15);
	--info-color-supersoft: rgba(212, 148, 84, 0.03);
	--info-color-transparent: rgba(212, 148, 84, 0);
	--success-color: #248f47;
	--success-color-thick: rgba(36, 143, 71, 0.75);
	--success-color-half: rgba(36, 143, 71, 0.5);
	--success-color-soft: rgba(36, 143, 71, 0.25);
	--success-color-extrasoft: rgba(36, 143, 71, 0.15);
	--success-color-supersoft: rgba(36, 143, 71, 0.03);
	--success-color-transparent: rgba(36, 143, 71, 0);
	--current-color: var(--terracotta);
	--current-color-extrathick: var(--terracotta-extrathick);
	--current-color-thick: var(--terracotta-thick);
	--current-color-half: var(--terracotta-half);
	--current-color-soft: var(--terracotta-soft);
	--current-color-extrasoft: var(--terracotta-extrasoft);
	--current-color-supersoft: var(--terracotta-supersoft);
	--current-color-transparent: var(--terracotta-transparent);
	--current-bg-color-thick: linear-gradient(to right, var(--current-color-thick), var(--current-color-thick)), var(--white);
	--current-bg-color-half: linear-gradient(to right, var(--current-color-half), var(--current-color-half)), var(--white);
	--current-bg-color-soft: linear-gradient(to right, var(--current-color-soft), var(--current-color-soft)), var(--white);
	--current-bg-color-extrasoft: linear-gradient(to right, var(--current-color-extrasoft), var(--current-color-extrasoft)), var(--white);
	--current-bg-color-supersoft: linear-gradient(to right, var(--current-color-supersoft), var(--current-color-supersoft)), var(--white);
	--contrast-color: var(--white);
	--contrast-color-superthick: var(--white-superthick);
	--contrast-color-extrathick: var(--white-extrathick);
	--contrast-color-thick: var(--white-thick);
	--contrast-color-half: var(--white-half);
	--contrast-color-soft: var(--white-soft);
	--contrast-color-extrasoft: var(--white-extrasoft);
	--contrast-color-supersoft: var(--white-supersoft);
	--contrast-color-transparent: var(--white-transparent);
	--text-color: var(--grey);
	--text-color-thick: var(--grey-thick);
	--text-color-half: var(--grey-half);
	--text-color-soft: var(--grey-soft);
	--text-color-extrasoft: var(--grey-extrasoft);
	--text-color-supersoft: var(--grey-supersoft);
	--text-color-transparent: var(--grey-transparent);
	--text-color-thicker: #252525;
	--main-font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	--header-height: 64px;
	--page-space: 20px;
	--logo-icon-height: 32px;
	--logo-text-height: 20px;
	--menu-item-space: 15px;
	--main-icon-size: 24px;
	--button-height: 2.75rem;
	--button-small-height: 2rem;
	--button-padding: 0.25em 1.5em;
	--button-small-padding: 0.25em 0.875em;
	--field-height: 2.75rem;
	--field-padding: 0.625em 0.75em;
	--main-border-radius: 8px;
	--small-border-radius: 5px;
	--main-border-size: 2px;
	--selected-border-size: 4px;
	--page-background: var(--off-white);
	--page-background-extrathick: var(--off-white-extrathick);
	--page-background-thick: var(--off-white-thick);
	--page-background-half: var(--off-white-half);
	--page-background-soft: var(--off-white-soft);
	--page-background-extrasoft: var(--off-white-extrasoft);
	--page-background-supersoft: var(--off-white-supersoft);
	--page-background-transparent: var(--off-white-transparent);
	--element-bubble-dark-background: #383838;
	--menu-background: var(--off-white);
	--menu-background-extrathick: var(--off-white-extrathick);
	--menu-background-thick: var(--off-white-thick);
	--menu-background-half: var(--off-white-half);
	--menu-background-soft: var(--off-white-soft);
	--menu-background-extrasoft: var(--off-white-extrasoft);
	--menu-background-supersoft: var(--off-white-supersoft);
	--menu-background-transparent: var(--off-white-transparent);
	--menu-width: 100%;
	--menu-height: calc(var(--viewport-height) - var(--header-height));
	--main-menu-item-width: 300px;
	--viewport-width: 100vw;
	--viewport-height: 100vh;
	--highlight-menu-height: 24px;
	--highlight-menu-space: 30px;
	--element-space: 20px;
	--section-space: 40px;
	--container-space: var(--page-space);
	--button-gap: 6px;
	--container-small-width: 640px;
	--container-medium-width: 720px;
	--container-default-width: 800px;
	--container-wide-width: 960px;
	--container-large-width: 1140px;
	--breadcrumb-height: 36px;
	--product-per-row: 2;
	--product-item-carousel: 1;
	--product-space: 20px;
	--pop-up-space: 20px;
	--thin-border-style: 1px solid var(--text-color-soft);
	--thin-border-shadow: 0 0 0 1px var(--grey-extrasoft);
	--horizontal-menu-height: var(--header-height);
	--avatar-menu-size: 32px;
	--column-count: 2;
	--column-gap: 8px;
	--row-gap: var(--element-space);
	font-size: 16px;
}

/* Typography
----------------------------------------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: var(--text-color);
	font-family: var(--main-font-family);
	font-size: 1rem;
	line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
	clear: both;
	margin: 0;
	margin-top: var(--section-space);
}

h1 {
	font-size: 2.25em;
	line-height: 1.1;
}

h2 {
	font-size: 2em;
	line-height: 1.15;
}

h3 {
	font-size: 1.75em;
	line-height: 1.25;
}

h4 {
	font-size: 1.5em;
	line-height: 1.375;
}

p {
	margin: 0;
	margin-top: var(--element-space);
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0;
	margin-top: var(--element-space);
}

address {
	font-style: normal;
	margin: 0;
	margin-top: var(--element-space);
}

pre {
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.5;
	max-width: 100%;
	overflow: auto;
	margin: 0;
	margin-top: var(--element-space);
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted;
	cursor: help;
}

mark,
ins {
	text-decoration: none;
}

big {
	font-size: 125%;
}

b,
strong {
	font-weight: 600;
}

/* Elements
----------------------------------------------------------------------------- */
body {
	background-color: var(--page-background);
	image-rendering: -webkit-optimize-contrast;
}

hr {
	background-color: var(--current-color-soft);
	border: 0;
	height: 2px;
	margin: var(--section-space) 0;
	max-width: 240px;
}

ul,
ol {
	margin: 0;
	margin-top: var(--element-space);
	padding-left: 1.5em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li {
	margin-top: 0.5em;
}

li > ul,
li > ol {
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0;
	margin-top: var(--element-space);
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

video {
	display: block;
	width: 100%;
	height: auto;
}

figure {
	margin: 0;
	margin-top: var(--element-space);
}

table {
	width: 100%;
	margin: 0;
	margin-top: var(--element-space);
}

svg {
	fill: inherit;
	width: auto;
	height: 100%;
	transition: 0.5s;
}

::-moz-selection {
	background-color: var(--black);
	color: var(--contrast-color);
}

::selection {
	background-color: var(--black);
	color: var(--contrast-color);
}

/* Links
----------------------------------------------------------------------------- */
a {
	color: inherit;
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 1px;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

.inherit-color a {
	color: var(--current-color);
}

body.has-color-variation .entry-content .has-text-color a {
	color: var(--current-color);
}

.edit-link {
	display: none;
}

/* Forms
----------------------------------------------------------------------------- */
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: var(--main-border-size) solid var(--current-color);
	border-radius: var(--main-border-radius);
	background-color: transparent;
	color: var(--current-color);
	fill: var(--current-color);
	line-height: 1.25;
	padding: var(--button-padding);
	cursor: pointer;
	text-decoration: none;
	outline-style: none;
	outline-width: thin;
	outline-offset: 0;
	outline-color: inherit;
	transition: 0.5s;
	min-height: var(--button-height);
	font-weight: 600;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

a.button,
a.wp-block-button__link {
	outline: none;
}

.button:hover,
.button:focus,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus {
	background-color: var(--current-color);
	color: var(--contrast-color);
	fill: var(--contrast-color);
}

.button:active,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.wp-block-button__link:active {
	color: var(--current-color);
	background-color: var(--current-color-half);
	fill: var(--current-color);
}

button:disabled,
input:disabled,
.button.disabled {
	cursor: default;
}

button:disabled,
button:disabled:hover,
button:disabled:focus,
button:disabled:active,
button.button:disabled,
button.button:disabled:hover,
button.button:disabled:focus,
button.button:disabled:active,
.button.disabled,
.button.disabled:hover,
.button.disabled:focus,
.button.disabled:active {
	background-color: var(--text-color-half);
	border-color: var(--text-color-half);
	color: var(--white-half);
	fill: var(--white-half);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
.value-text {
	display: block;
	width: 100%;
	color: var(--text-color-thick);
	fill: var(--text-color-thick);
	background-color: var(--contrast-color-superthick);
	border: var(--main-border-size) solid var(--current-color);
	border-radius: var(--main-border-radius);
	padding: var(--field-padding);
	outline: 0;
	height: var(--field-height);
	font-weight: 500;
	line-height: initial;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.value-text {
	line-height: 1.6;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: var(--text-color);
	fill: var(--text-color);
	border-color: var(--current-color);
	background-color: var(--current-color-supersoft);
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: var(--current-color-half);
}

input::-moz-placeholder, textarea::-moz-placeholder {
	color: var(--current-color-half);
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: var(--current-color-half);
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
	color: var(--current-color-half);
}

input::placeholder,
textarea::placeholder {
	color: var(--current-color-half);
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
}

input[readonly],
input[readonly]:focus,
.value-text {
	color: var(--grey-half);
	border-color: var(--grey-soft);
	background-color: var(--grey-supersoft);
}

select {
	display: block;
	border: var(--main-border-size) solid var(--current-color);
	border-radius: var(--main-border-radius);
	outline: 0;
	width: 100%;
	height: var(--field-height);
	padding: var(--field-padding);
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 2.5em;
	background-color: var(--contrast-color);
	color: var(--current-color);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-weight: 500;
	line-height: initial;
	text-overflow: ellipsis;
	cursor: pointer;
	z-index: 1;
}

select:focus {
	background-color: var(--current-color-supersoft);
}

.select-container,
.woocommerce-select .woocommerce-input-wrapper {
	position: relative;
}

.select-container::before,
.woocommerce-select .woocommerce-input-wrapper::before {
	content: "";
	position: absolute;
	width: 0.5em;
	height: 0.5em;
	top: 1rem;
	right: 1em;
	border: 0.25em solid var(--current-color);
	border-top-color: transparent;
	border-right-color: transparent;
	transform: rotate(-45deg);
}

input[type="checkbox"],
input[type="radio"] {
	flex-shrink: 0;
	width: 1.25rem;
	height: 1.25rem;
	margin: 2px;
	border: var(--main-border-size) solid var(--contrast-color-transparent);
	border-radius: 3px;
	box-shadow: 0 0 0 var(--main-border-size) var(--current-color);
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

input[type="radio"] {
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
	background-color: var(--current-color);
	border-color: var(--contrast-color);
}

input[type="checkbox"]:checked {
	background-image: url(assets/icon/checkmark-light.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
}

input[type="number"] {
	width: 8.75rem;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	text-align: center;
	color: var(--text-color);
}

.input-number-handler {
	position: relative;
}

.input-number-handler .button-handler {
	position: absolute;
	top: 4px;
	left: 4px;
	min-height: 0;
	width: 2.5rem;
	height: calc(var(--field-height) - 8px);
	padding: 0.125rem;
	border-radius: calc(var(--main-border-radius) - 3px);
	background-color: var(--current-color-extrasoft) !important;
	border: 1px solid var(--current-color-extrasoft);
	color: var(--current-color) !important;
	font-size: 0.875rem;
}

.input-number-handler .button-handler:hover {
	background-color: var(--current-color) !important;
	color: var(--white) !important;
}

.input-number-handler .button-min {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.input-number-handler .button-plus {
	left: auto;
	right: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

textarea {
	width: 100%;
	max-width: 100%;
	height: auto;
	line-height: 1.5;
	min-height: 8em;
}

.button-as-text-link {
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-color: var(--current-color-half);
	border: none;
	background-color: transparent;
}

.button-as-text-link:hover,
.button-as-text-link:focus {
	color: var(--current-color-thick);
	text-decoration-color: var(--current-color-thick);
	background-color: transparent;
}

.button-icon-only {
	border-width: 0;
	padding: 0;
	min-width: var(--button-height);
}

.button-icon-only:hover,
.button-icon-only:focus {
	background-color: transparent;
	color: var(--current-color);
	fill: var(--current-color);
}

.button-icon-only:active {
	background-color: transparent;
	color: var(--current-color-half);
	fill: var(--current-color-half);
}

.button-icon-only.circle {
	border-radius: 50%;
}

.button-icon-only.framed {
	border-width: var(--main-border-size);
}

.button-icon-only.framed.button-text-tooltip {
	border-color: var(--current-color-transparent);
}

.button-icon-only.framed.button-text-tooltip:hover,
.button-icon-only.framed.button-text-tooltip:focus {
	border-color: var(--current-color);
}

.button-icon-only.framed.solid-on-hover:hover,
.button-icon-only.framed.solid-on-hover:focus {
	background-color: var(--current-color);
	fill: var(--contrast-color);
}

.button.nowrap .button-text {
	white-space: nowrap;
}

.button-icon-only .button-text {
	display: none;
}

.button-text-tooltip {
	position: relative;
}

.button-text-tooltip .button-text {
	position: absolute;
	top: calc(100% + 12px);
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--current-color);
	color: var(--contrast-color);
	font-size: 0.75rem;
	padding: 0.25rem 0.5rem;
	border-radius: var(--small-border-radius);
	box-shadow: 0 1px 6px var(--black-extrasoft);
}

.button-text-tooltip .button-text::before {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	top: -4px;
	left: 50%;
	background-color: var(--current-color);
	border: 4px solid var(--current-color);
	border-right-color: transparent;
	border-bottom-color: transparent;
	transform: translateX(-50%) rotate(45deg);
}

.button-text-tooltip:hover .button-text,
.button-text-tooltip:focus .button-text {
	display: block;
}

.button-icon {
	width: auto;
	height: var(--main-icon-size);
	margin-left: 1em;
}

.button.small .button-icon {
	--main-icon-size: 16px;
}

.button-icon:first-child {
	margin-left: 0;
}

.button-icon-only .button-icon {
	margin-left: 0;
}

.button-icon-framed .button-icon {
	margin-left: 0;
}

.button-icon svg {
	display: block;
	width: auto;
	height: 100%;
	transition: 0s;
}

.button.icon-on-the-left {
	flex-direction: row-reverse;
}

.button.icon-on-the-left .button-icon {
	margin-left: 0;
	margin-right: 1em;
}

.wp-block-button.small .wp-block-button__link,
.button.small {
	font-size: 0.875em;
	min-height: var(--button-small-height);
	padding: var(--button-small-padding);
	border-radius: calc(var(--main-border-radius) - 3px);
}

.button.button-icon-only.small {
	min-width: var(--button-small-height);
	padding: 0.25rem;
}

.button.button-icon-only.small.circle {
	border-radius: 50%;
}

.wp-block-button.justified .wp-block-button__link,
.button.justified {
	justify-content: space-between;
	padding-left: 1em;
	padding-right: 1em;
}

.wp-block-button.uppercase .wp-block-button__link,
.button.uppercase {
	text-transform: uppercase;
}

.wp-block-button.minimal-width .wp-block-button__link,
.button.minimal-width {
	min-width: 120px;
}

.wp-block-button.less-opaque .wp-block-button__link,
.button.less-opaque {
	color: var(--current-color-thick);
	border-color: var(--current-color-thick);
}

.wp-block-button.less-opaque .wp-block-button__link:hover,
.button.less-opaque:hover {
	background-color: var(--current-color-half);
}

.button.ellipsis,
.button.ellipsis .menu-item-text,
.button.ellipsis .button-item-text {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.button-wrapper {
	margin-top: var(--element-space);
}

.button-wrapper.center {
	text-align: center;
}

.button-wrapper.right {
	text-align: right;
}

.wp-block-button.is-style-fill .wp-block-button__link,
.button.solid {
	background-color: var(--current-color);
	color: var(--contrast-color);
	fill: var(--contrast-color);
}

.wp-block-button.is-style-fill .wp-block-button__link:hover,
.wp-block-button.is-style-fill .wp-block-button__link:focus,
.button.solid:hover,
.button.solid:focus {
	background-color: var(--current-color-thick);
}

.wp-block-button.is-style-fill .wp-block-button__link:active,
.button.solid:active {
	color: var(--current-color);
	fill: var(--current-color);
}

.wp-block-button.translucent .wp-block-button__link,
.button.translucent {
	background-color: var(--current-color-thick);
	color: var(--contrast-color);
	fill: var(--contrast-color);
}

.wp-block-button.translucent .wp-block-button__link:hover,
.wp-block-button.translucent .wp-block-button__link:focus,
.button.translucent:hover,
.button.translucent:focus {
	background-color: var(--current-color);
}

.wp-block-button.translucent .wp-block-button__link:active,
.button.translucent:active {
	color: var(--contrast-color-half);
	fill: var(--contrast-color-half);
}

.wp-block-button.soft .wp-block-button__link,
.button.soft {
	background-color: var(--current-color-supersoft);
	color: var(--current-color);
	fill: var(--current-color);
}

.wp-block-button.soft .wp-block-button__link:hover,
.wp-block-button.soft .wp-block-button__link:focus,
.button.soft:hover,
.button.soft:focus {
	background-color: var(--current-color);
	color: var(--contrast-color);
	fill: var(--contrast-color);
}

.wp-block-button.soft .wp-block-button__link:active,
.button.soft:active {
	background-color: var(--current-color-thick);
	color: var(--contrast-color-half);
	fill: var(--contrast-color-half);
}

.wp-block-button.contrast .wp-block-button__link,
.button.contrast {
	border-color: var(--contrast-color);
	color: var(--contrast-color);
	fill: var(--contrast-color);
}

.wp-block-button.contrast .wp-block-button__link:hover,
.wp-block-button.contrast .wp-block-button__link:focus,
.button.contrast:hover,
.button.contrast:focus {
	color: var(--current-color);
	background-color: var(--contrast-color);
}

.wp-block-button.contrast .wp-block-button__link:active,
.button.contrast:active {
	color: var(--contrast-color);
	background-color: var(--contrast-color-half);
}

.wp-block-button.contrast.is-style-fill .wp-block-button__link,
.button.contrast.solid {
	background-color: var(--contrast-color);
	color: var(--current-color);
	fill: var(--current-color);
}

.wp-block-button.contrast.is-style-fill .wp-block-button__link:hover,
.wp-block-button.contrast.is-style-fill .wp-block-button__link:focus,
.button.contrast.solid:hover,
.button.contrast.solid:focus {
	background-color: var(--contrast-color-thick);
}

.wp-block-button.contrast.is-style-fill .wp-block-button__link:active,
.button.contrast.solid:active {
	color: var(--contrast-color);
}

.wp-block-button__link.has-text-color:hover,
.wp-block-button__link.has-text-color:active {
	color: var(--contrast-color);
}

.wp-block-button__link.has-text-color:focus {
	color: var(--current-color);
	background-color: var(--current-color-half);
}

.wp-block-button__link.has-black-color,
.button.black {
	--current-color: var(--black);
	--current-color-thick: var(--black-thick);
	--current-color-half: var(--black-half);
}

.wp-block-button__link.has-white-color,
.button.white {
	--current-color: var(--white);
	--current-color-thick: var(--white-thick);
	--current-color-half: var(--white-half);
	--contrast-color: var(--black);
}

.wp-block-button__link.has-grey-color,
.button.grey {
	--current-color: var(--grey);
	--current-color-thick: var(--grey-thick);
	--current-color-half: var(--grey-half);
}

.wp-block-button__link.has-terracotta-color,
.button.terracotta {
	--current-color: var(--terracotta);
	--current-color-thick: var(--terracotta-thick);
	--current-color-half: var(--terracotta-half);
}

.wp-block-button__link.has-green-color,
.button.green {
	--current-color: var(--green);
	--current-color-thick: var(--green-thick);
	--current-color-half: var(--green-half);
}

.wp-block-button__link.has-blue-color,
.button.blue {
	--current-color: var(--blue);
	--current-color-thick: var(--blue-thick);
	--current-color-half: var(--blue-half);
}

.wp-block-button__link.has-black-background-color,
.button.solid.black {
	--current-color: var(--black);
	--current-color-thick: var(--black-thick);
	--current-color-half: var(--black-half);
}

.wp-block-button__link.has-white-background-color,
.button.solid.white {
	--current-color: var(--white);
	--current-color-thick: var(--white-thick);
	--current-color-half: var(--white-half);
	--contrast-color: var(--black);
}

.wp-block-button__link.has-grey-background-color,
.button.solid.grey {
	--current-color: var(--grey);
	--current-color-thick: var(--grey-thick);
	--current-color-half: var(--grey-half);
}

.wp-block-button__link.has-terracotta-background-color,
.button.solid.terracotta {
	--current-color: var(--terracotta);
	--current-color-thick: var(--terracotta-thick);
	--current-color-half: var(--terracotta-half);
}

.wp-block-button__link.has-green-background-color,
.button.solid.green {
	--current-color: var(--green);
	--current-color-thick: var(--green-thick);
	--current-color-half: var(--green-half);
}

.wp-block-button__link.has-blue-background-color,
.button.solid.blue {
	--current-color: var(--blue);
	--current-color-thick: var(--blue-thick);
	--current-color-half: var(--blue-half);
}

.wp-block-button__link.has-brown-background-color,
.button.solid.brown {
	--current-color: var(--brown);
	--current-color-thick: var(--brown-thick);
	--current-color-half: var(--brown-half);
}

.wp-block-button.is-style-fill .wp-block-button__link.has-black-color {
	--contrast-color: var(--black);
	--contrast-color-thick: var(--black-thick);
	--contrast-color-half: var(--black-half);
}

.has-min-width > .wp-block-button__link {
	min-width: 200px;
}

/* -----------------------------------------------------------------------------
# Layouts
----------------------------------------------------------------------------- */

/* Alignments
----------------------------------------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	/*margin-bottom: 1.5em;*/
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	/*margin-bottom: 1.5em;*/
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignfull {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: calc(-1 * var(--container-space));
	margin-right: calc(-1 * var(--container-space));
}

.alignfull + .alignfull {
	margin-top: 0;
}

.alignfull + *:not(.alignfull) {
	margin-top: var(--section-space);
}

*:not(.alignfull) + .alignfull {
	margin-top: var(--section-space);
}

.alignfull + *:not(.alignfull) > .wp-block-group__inner-container > .alignfull:first-child {
	margin-top: 0;
}

.entry-content > .alignfull:last-child {
	margin-bottom: calc(-1 * var(--section-space));
}

.no-top-margin,
.no-top-margin.alignfull {
	margin-top: 0;
}

.has-text-align-left {
	text-align: left;
}

.has-text-align-center {
	text-align: center;
}

.has-text-align-right {
	text-align: right;
}

.max-width-medium {
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

.custom-scrollbar::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
	border-right: 2px solid transparent;
	border-bottom: 2px solid transparent;
	background-color: var(--current-color-soft);
	background-clip: content-box;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
	background-color: var(--current-color-thick);
}

.custom-scrollbar.light::-webkit-scrollbar-thumb {
	background-color: var(--white-soft);
}

.custom-scrollbar.light::-webkit-scrollbar-thumb:hover {
	background-color: var(--white-half);
}

/* Base and Conditional
----------------------------------------------------------------------------- */
body:not(.logged-in) .visible-on-logged-in {
	display: none;
}

body.logged-in .hidden-on-logged-in {
	display: none;
}

.site-main {
	padding: var(--header-height) var(--container-space) var(--section-space);
	min-height: var(--viewport-height);
}

.custom-h1 .site-main,
.has-hero-background .site-main {
	padding-top: 0;
}

.single-product.has-hero-background .site-main {
	padding-top: var(--header-height);
}

.entry-header {
	position: relative;
}

.hero-background {
	position: relative;
	width: calc(100% + 2 * var(--container-space));
	height: 100vh;
	margin-left: calc(-1 * var(--container-space));
	background-repeat: no-repeat;
	background-size: cover;
	background-color: var(--black);
	z-index: -1;
}

.hero-background::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	background-color: var(--black-extrasoft);
}

.fixed-hero-background .hero-background {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	margin: 0;
}

.hero-background video,
.hero-background img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: 2s;
}

.entry-title {
	color: var(--current-color);
}

body.dark-theme .entry-title {
	color: var(--white);
}

.no-hero-background .entry-title {
	margin-top: calc(0.75 * var(--section-space));
	margin-bottom: calc(var(--section-space) - var(--element-space));
}

.entry-title a {
	text-decoration: none;
}

.hero-background + .entry-title {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: var(--section-space);
	color: var(--contrast-color);
	text-shadow: 0 1px 3px var(--black-soft);
	margin: 0;
}

.fixed-hero-background .hero-background + .entry-title {
	position: relative;
	bottom: 0;
	margin-top: var(--header-height);
	padding: var(--section-space) 0;
	text-align: center;
	transform: none;
}

.entry-content {
	margin: 0;
}

.entry-header + .entry-content {
	margin-top: var(--section-space);
}

.fixed-hero-background .entry-content {
	position: relative;
	margin-top: 0;
	padding-top: var(--section-space);
	z-index: 1;
}

.fixed-hero-background .entry-content::before {
	content: "";
	position: absolute;
	width: calc(100% + 2 * var(--container-space));
	height: calc(100% + var(--section-space));
	top: 0;
	left: calc(-1 * var(--container-space));
	background-color: var(--white-superthick);
	z-index: -2;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.fixed-hero-background .entry-content > *:first-child {
	margin-top: 0;
}

.entry-content > h1:first-child {
	margin-top: calc(var(--header-height) + var(--section-space));
}

.intro-text {
	font-size: 0.875em;
}

.intro-text:first-child {
	margin-top: 0;
}

.intro-text.small,
.intro-text.less-focus {
	font-size: 0.75em;
	line-height: 1.375;
	width: 75%;
}

.intro-text.has-text-align-center {
	margin-left: auto;
	margin-right: auto;
}

.intro-text.less-focus {
	opacity: 0.6;
}

.intro-text.less-focus.has-text-align-center {
	margin-left: auto;
	margin-right: auto;
}

.intro-text.less-focus.has-text-align-right {
	margin-left: auto;
	margin-right: 0;
}

.intro-text + .intro-text {
	margin-top: 0.75em;
}

.show-more-link + .intro-text {
	margin-top: 0.5em;
}

.search-results .page-title {
	font-size: 0.75em;
	margin-top: var(--element-space);
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--text-color-thick);
}

.search-results .page-title span {
	position: relative;
	display: block;
	font-family: var(--main-font-family);
	font-size: 1.5rem;
	font-weight: 400;
	margin-top: 0.625rem;
	padding-top: 0.5rem;
	text-transform: none;
	letter-spacing: normal;
	color: var(--text-color);
}

.search-results .page-title span::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background: linear-gradient(to right, var(--text-color), var(--text-color-transparent));
	opacity: 0.5;
}

.search-results .site-main article {
	position: relative;
	padding: var(--page-space);
	padding-left: 120px;
	border-radius: var(--main-border-radius);
	box-shadow: 0 1px 3px var(--current-color-soft);
	border: 1px solid var(--current-color-extrasoft);
	margin-top: var(--element-space);
	overflow: hidden;
	transition: 0.5s;
}

.search-results .site-main article:hover {
	background-color: var(--current-color-supersoft);
	box-shadow: 0 4px 8px var(--current-color-extrasoft);
}

.search-results .site-main article:first-of-type {
	margin-top: var(--section-space);
}

.search-results .entry-title {
	font-size: 1.5em;
	margin-top: 0;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
}

.search-results .entry-title a {
	display: block;
}

.search-results .entry-summary {
	font-size: 0.875em;
}

.search-results .entry-summary p {
	margin-top: 0.5em;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
}

.search-results .post-thumbnail {
	position: absolute;
	width: 100px;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.search-results .post-thumbnail::before {
	content: "";
	position: absolute;
	width: calc(var(--viewport-width) - 2 * var(--container-space));
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.search-results .post-thumbnail img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.search-results .site-main article.page .post-thumbnail img,
.search-results .site-main article.post .post-thumbnail img {
	-o-object-fit: cover;
	object-fit: cover;
}

.default-archive-image svg {
	display: block;
	width: 32px;
	height: auto;
	fill: var(--current-color);
}

.navigation {
	flex-basis: 100%;
	position: relative;
	margin-top: calc(1.25 * var(--section-space));
	color: var(--current-color);
	line-height: 1;
	padding-top: 1em;
}

.navigation::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background: linear-gradient(to right, var(--text-color-transparent), var(--text-color), var(--text-color-transparent));
	opacity: 0.25;
}

.navigation .nav-links {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

@media screen and (min-width: 960px) {
	.navigation.pagination .nav-links {
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}
}

.navigation .page-numbers {
	padding: 0.5em;
	text-decoration: none;
}

.navigation .current {
	font-weight: 500;
	color: var(--text-color);
}

.navigation .page-numbers.prev,
.navigation .page-numbers.next {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2em;
	height: 2em;
	border: 1px solid var(--current-color-soft);
	border-radius: var(--small-border-radius);
	padding: 0;
	outline: 0;
	transition: 0.5s;
}

.navigation .prev:hover,
.navigation .prev:focus,
.navigation .next:hover,
.navigation .next:focus {
	background-color: var(--current-color);
	color: var(--contrast-color);
}

.navigation .prev {
	margin-right: auto;
}

.navigation .next {
	margin-left: auto;
}

.navigation .prev::before,
.navigation .next::before {
	content: "";
	position: relative;
	width: 0.625em;
	height: 0.625em;
	border: var(--main-border-size) solid var(--current-color);
	border-top-width: 0;
	transition: 0.5s;
}

.navigation .prev:hover::before,
.navigation .prev:focus::before,
.navigation .next:hover::before,
.navigation .next:focus::before {
	border-color: var(--contrast-color);
}

.navigation .prev::before {
	border-right-width: 0;
	transform: rotate(45deg);
	left: 0.125em;
}

.navigation .next::before {
	border-left-width: 0;
	transform: rotate(-45deg);
	right: 0.125em;
}

/* Custom layout */
.no-site-header .site-header {
	display: none;
}

.only-language-menu .site-header {
	position: absolute;
}

.only-language-menu .site-header,
.only-language-menu #top-navigation::before {
	background-color: transparent;
}

.only-language-menu .site-branding,
.only-language-menu #menu-button,
.only-language-menu #top-left-navigation,
.only-language-menu #top-right-text-navigation,
.only-language-menu #search-form,
.only-language-menu #top-right-icon-navigation .menu-item:not(.language-currency-menu),
.only-language-menu #language-currency-options .currency-menu {
	display: none;
}

.only-language-menu #top-navigation {
	flex-grow: 0;
	margin-left: auto;
	margin-right: 0;
}

.only-language-menu #top-right-icon-navigation .language-currency-menu {
	margin-right: 20px;
}

.only-language-menu #language-currency-button .menu-item-text {
	display: none;
}

.only-language-menu #language-currency-options .language-menu a {
	margin-right: calc(-1 * var(--pop-up-space));
}

.only-language-menu #language-currency-options li::after {
	width: calc(100% + var(--pop-up-space));
}

.no-site-footer .site-footer {
	display: none;
}

.custom-site-header .entry-content > *:first-child {
	margin-top: 0;
	/* padding-top: 40px; */
}

/* -----------------------------------------------------------------------------
# Components
----------------------------------------------------------------------------- */

/* Navigation
----------------------------------------------------------------------------- */
body.menu-open {
	overflow-y: hidden;
}

.site-header {
	/*--page-background: var(--white);*/
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: var(--header-height);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	transition: 0.5s;
}

.site-header::before {
	content: "";
	position: fixed;
	width: var(--menu-width);
	height: 0;
	top: 0;
	left: calc(100% - var(--menu-width));
	background-color: var(--off-white);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s;
	transition-delay: 0.5s;
}

body.scrolled .site-header {
	transform: translate3d(0, -100%, 0);
}

body.scrolled.single-product .site-header,
body.scrolled.woocommerce-page .site-header {
	transform: translate3d(0, 0, 0);
}

body.scrolled.scroll-up .site-header {
	transform: translate3d(0, 0, 0);
	transition-delay: 1s;
}

body.scrolled.menu-open .site-header,
body.scrolled.sub-menu-active .site-header {
	transform: none;
	transition: 0s;
}

body.no-hero-background .site-header {
/*	background-color: var(--white);*/
	background-color: var(--page-background);
}

.site-header:hover,
body.pop-up-active .site-header,
body.search-active .site-header,
body.scrolled .site-header {
/*	background-color: var(--white);*/
	background-color: var(--page-background);
}

body.has-white-header-color .site-header svg {
	fill: var(--white);
}

body.has-white-header-color .site-header:hover svg,
body.has-white-header-color.scrolled .site-header svg,
body.has-white-header-color.pop-up-active .site-header svg,
body.has-white-header-color.search-active .site-header svg,
body.has-white-header-color.menu-open .site-header svg {
	fill: var(--current-color);
}

body.has-white-header-color .link-to-cart.has-items svg .solid {
	fill: var(--white);
}

body.has-white-header-color .site-header:hover .link-to-cart.has-items svg .solid,
body.has-white-header-color.scrolled .link-to-cart.has-items svg .solid,
body.has-white-header-color.pop-up-active .link-to-cart.has-items svg .solid,
body.has-white-header-color.search-active .link-to-cart.has-items svg .solid,
body.has-white-header-color.menu-open .link-to-cart.has-items svg .solid {
	fill: var(--current-color);
}

.menu-open .site-header::before {
	height: 125%;
	opacity: 1;
	visibility: visible;
	transition-delay: 0.3s;
}

.site-header::after {
	content: "";
	position: absolute;
	width: var(--menu-width);
	height: 0;
	top: 0;
	left: calc(100% - var(--menu-width));
	background: linear-gradient(to bottom, var(--off-white), var(--off-white-transparent));
	transition: 0.5s;
	transition-delay: 0.5s;
	z-index: -1;
}

.menu-open .site-header::after {
	height: calc(2 * var(--viewport-height));
	transition-delay: 0s;
}

.site-header a {
	outline: 0;
	text-decoration: none;
}

.site-header svg {
	width: auto;
	height: 100%;
	transition: 0.5s;
}

.site-branding {
	height: 100%;
	fill: var(--current-color);
	position: relative;
	z-index: 2;
	transition: 0.5s;
}

.sub-menu-active .site-branding,
.search-active .site-branding {
	opacity: 0;
	visibility: hidden;
	transform: scale3d(0, 0, 0);
}

.site-branding .logo {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 calc(0.5 * (var(--header-height) - var(--main-icon-size)) - 6px);
}

.site-branding .logo-icon {
	height: var(--logo-icon-height);
}

.site-branding .logo-text {
	height: var(--logo-text-height);
	margin-top: 2px;
	margin-left: 10px;
	display: none;
}

#top-navigation {
	display: flex;
	align-items: center;
	height: 100%;
	margin-left: auto;
}

#top-navigation > * {
	flex-shrink: 0;
}

#menu-button {
	display: flex;
	align-items: center;
	justify-content: center;
	order: 1;
	padding: 0 var(--menu-item-space);
	padding-right: var(--page-space);
	height: 100%;
	position: relative;
	z-index: 2;
	transition: 0.5s;
	transition-delay: 0.3s;
}

.menu-open #menu-button {
	opacity: 0;
	visibility: hidden;
	transform: scale3d(0, 0, 0);
	transition-delay: 0s;
}

#menu-close-button {
	padding: 0 var(--menu-item-space);
	padding-right: var(--page-space);
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	transform: scale3d(0, 0, 0);
	transition: 0.5s;
}

.menu-open #menu-close-button {
	opacity: 1;
	visibility: visible;
	transform: scale3d(1, 1, 1);
	transition-delay: 0.3s;
}

#menu-back-button {
	padding: 0 var(--page-space);
	height: 100%;
	position: absolute;
	top: 0;
	right: var(--menu-width);
	z-index: 4;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
}

.sub-menu-active #menu-back-button,
.search-active #menu-back-button {
	opacity: 1;
	visibility: visible;
	transform: translate3d(100%, 0, 0);
}

.menu,
.sub-menu {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.menu-item {
	margin-top: 0;
}

.menu-item a {
	display: flex;
	align-items: center;
	text-decoration: none;
}

.menu-item-icon {
	width: auto;
	height: var(--main-icon-size);
	fill: var(--current-color);
}

a:focus .menu-item-icon {
	fill: var(--current-color-half);
}

.menu-item-icon + .menu-item-text {
	margin-left: var(--menu-item-space);
}

.menu-item-text.tooltip {
	display: none;
}

#top-left-navigation {
	display: block;
	width: var(--menu-width);
	height: var(--menu-height);
	position: absolute;
	top: 0;
	left: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	transition: transform 0s, opacity 0.5s;
}

.menu-open #top-left-navigation {
	opacity: 1;
	visibility: visible;
	transform: translate3d(-100%, 0, 0);
	transition-delay: 0.8s;
}

#top-left-navigation .menu {
	font-size: 1.75em;
	font-weight: 600;
	line-height: 1.25;
	margin-top: var(--header-height);
	padding: 0.25em 0 var(--page-space);
	height: calc(var(--menu-height) - var(--header-height));
	color: var(--current-color);
	overflow: auto;
}

body.has-white-header-color #top-left-navigation .menu {
	color: var(--white);
}

body.has-white-header-color .site-header:hover #top-left-navigation .menu,
body.has-white-header-color.scrolled #top-left-navigation .menu,
body.has-white-header-color.pop-up-active #top-left-navigation .menu,
body.has-white-header-color.search-active #top-left-navigation .menu,
body.has-white-header-color.menu-open #top-left-navigation .menu {
	color: var(--current-color);
}

.touch-device.menu-open.search-active #top-left-navigation .menu {
	opacity: 0;
	visibility: hidden;
	transition: 0.2s;
}

#top-left-navigation .menu-item > a {
	padding: 0.5em var(--page-space);
}

#top-left-navigation .menu-item-text {
	flex-grow: 1;
}

#top-left-navigation .menu-item-image {
	display: none;
}

#top-left-navigation .menu > .menu-item > a:first-child {
	padding-top: 0.375em;
	padding-bottom: 0.375em;
	transition: 0.5s;
	transform-origin: left center;
}

.sub-menu-active #top-left-navigation .menu > .menu-item > a:first-child {
	opacity: 0;
	transform: translate3d(-100%, 0, 0);
}

#top-left-navigation .menu > .menu-item > .sub-menu {
	position: absolute;
	width: 100%;
	height: var(--menu-height);
	top: 0;
	left: 100%;
	background-color: var(--menu-background);
	padding: 0;
	margin-top: var(--header-height);
	z-index: 1;
	overflow: auto;
	transition: 0.5s;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

#top-left-navigation .menu > .menu-item.active > .sub-menu {
	transform: translate3d(-100%, 0, 0);
}

#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item {
	position: relative;
	border-top: 1px solid var(--current-color-half);
	width: 100%;
}

#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item-has-children::before,
#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item-has-children::after,
#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item-has-children > a::after {
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: var(--current-color);
	right: var(--page-space);
	top: 50%;
	transform: translateY(-50%);
	opacity: 0.5;
	z-index: 1;
}

#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item-has-children::after {
	right: calc(var(--page-space) + 10px);
}

#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item-has-children > a::after {
	right: calc(var(--page-space) + 20px);
}

#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item-has-children.active::before,
#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item-has-children.active::after,
#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item-has-children.active > a::after {
	display: none;
}

#top-left-navigation .menu > .menu-item > .sub-menu > .has-highlight-menu.active {
	padding-top: var(--highlight-menu-height);
	border-top-width: 0;
}

#top-left-navigation .menu > .menu-item > .sub-menu > .has-highlight-menu .highlight-text {
	font-size: 0.75rem;
	font-weight: 400;
	text-transform: uppercase;
	font-family: var(--main-font-family);
	position: absolute;
	width: 100%;
	height: var(--highlight-menu-height);
	top: 0;
	right: 0;
	padding: 0 var(--page-space);
	padding-right: calc(var(--page-space) - 0.125em);
	color: var(--contrast-color);
	display: flex;
	align-items: center;
	justify-content: flex-end;
	opacity: 0;
	visibility: hidden;
}

#top-left-navigation .menu > .menu-item > .sub-menu > .has-highlight-menu .highlight-text::before {
	content: "";
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--current-color);
	z-index: -1;
}

#top-left-navigation .menu > .menu-item > .sub-menu > .has-highlight-menu .highlight-text::after {
	content: "";
	position: absolute;
	left: var(--highlight-menu-space);
	bottom: -4px;
	border: 4px solid transparent;
	border-left-color: var(--current-color);
	border-bottom-color: var(--current-color);
	transform: rotate(-45deg);
	display: none;
}

#top-left-navigation .menu > .menu-item > .sub-menu > .has-highlight-menu.active .highlight-text {
	opacity: 1;
	visibility: visible;
	transition: 0.8s;
}

#top-left-navigation .menu > .menu-item > .sub-menu > .has-highlight-menu.active .highlight-text::before {
	width: 100%;
	transition: 1s;
}

#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item-has-children > a {
	padding-right: calc(2 * var(--page-space) + 24px);
}

#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item-has-children.active > a {
	margin-bottom: -0.125em;
}

#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item.has-button-text {
	border-top-width: 0;
	padding: calc(0.25 * var(--page-space));
	margin-top: auto;
}

#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item.has-button-text a {
	font-family: var(--main-font-family);
	font-size: 1rem;
	padding-left: calc(0.75 * var(--page-space));
	padding-right: calc(0.75 * var(--page-space) - 2px);
	height: calc(3.935rem - 0.25 * var(--page-space));
}

#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item.has-button-text .button.solid svg {
	fill: var(--white);
}

#top-left-navigation > .menu > .menu-item > .sub-menu > .has-menu-item-image {
	display: none;
}

#top-left-navigation .sub-menu .sub-menu {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--text-color);
	height: 0;
	overflow: hidden;
}

#top-left-navigation .sub-menu .menu-item.active .sub-menu {
	height: auto;
	padding-bottom: 0.75em;
}

#top-left-navigation .sub-menu .sub-menu a {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#top-right-text-navigation {
	position: fixed;
	width: 100%;
	height: var(--header-height);
	top: -200%;
	left: 0;
}

body.menu-open #top-right-text-navigation {
	top: 100%;
}

#top-right-text-navigation .menu {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 0.875em;
	line-height: 1;
	background-color: var(--current-color);
	color: var(--contrast-color);
	transform: translate3d(0, 100%, 0);
	transition: 0.3s;
	transition-delay: 0.3s;
	padding-left: calc(0.5 * var(--page-space));
}

.menu-open #top-right-text-navigation .menu {
	transform: translate3d(0, -100%, 0);
	transition-delay: 0.6s;
}

.sub-menu-active #top-right-text-navigation .menu {
	transform: translate3d(0, 100%, 0);
	transition-delay: 0s;
}

.touch-device.menu-open.search-active #top-right-text-navigation .menu {
	transform: translate3d(0, -100%, 0);
}

#top-right-text-navigation .menu-item {
	white-space: nowrap;
}

#top-right-text-navigation .menu-item > a {
	padding: calc(0.5 * var(--page-space));
}

#top-right-icon-navigation {
	position: relative;
	z-index: 2;
	transition: 0.5s;
}

#top-right-icon-navigation .menu {
	display: flex;
	align-items: center;
}

#top-right-icon-navigation .menu-item > a {
	height: var(--header-height);
	padding: 0 var(--menu-item-space);
}

#top-right-icon-navigation .menu-item-icon {
	position: relative;
	z-index: -1;
}

.main-navigation .shipping-country-menu {
	align-items: center;
	justify-content: flex-start;
	position: relative;
	line-height: 1.25;
	color: var(--current-color);
	display: none;
}

@media screen and (min-width: 960px) {
	.main-navigation .shipping-country-menu {
		display: flex;
	}
}

body.has-white-header-color .shipping-country-menu {
	color: var(--white);
}

body.has-white-header-color .site-header:hover .shipping-country-menu {
	color: var(--current-color);
}

.main-navigation .shipping-country-menu a {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	height: var(--header-height);
	padding: 0 var(--menu-item-space);
	transition: 0.5s;
}

.main-navigation .shipping-country-menu .shipping-to-text {
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	white-space: nowrap;
	position: absolute;
	top: calc(50%);
	transform: translateY(-200%);
	left: var(--menu-item-space);
	opacity: 0.75;
}

.main-navigation .shipping-country-menu .shipping-to-country-name {
	max-width: 150px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#shipping-country-menu-options.active {
	display: block;
}

.logged-in {
	--menu-item-space: 12px;
}

.language-currency-menu {
	position: relative;
}

#language-currency-button .menu-item-icon {
	display: block;
	width: calc(var(--main-icon-size) - 2 * var(--main-border-size));
	height: calc(var(--main-icon-size) - 2 * var(--main-border-size));
	border: var(--main-border-size) solid transparent;
	border-radius: 50%;
	box-shadow: 0 0 0 var(--main-border-size) var(--current-color);
	background-repeat: no-repeat;
	background-size: cover;
	transition: 0.5s;
}

body.has-white-header-color #language-currency-button .menu-item-icon {
	box-shadow: 0 0 0 var(--main-border-size) var(--white);
}

body.has-white-header-color .site-header:hover #language-currency-button .menu-item-icon,
body.has-white-header-color.scrolled #language-currency-button .menu-item-icon,
body.has-white-header-color.pop-up-active #language-currency-button .menu-item-icon,
body.has-white-header-color.search-active #language-currency-button .menu-item-icon,
body.has-white-header-color.sub-menu-active #language-currency-button .menu-item-icon,
body.has-white-header-color.menu-open #language-currency-button .menu-item-icon {
	box-shadow: 0 0 0 var(--main-border-size) var(--current-color);
}

.menu-item-text.notification {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.5rem;
	font-weight: 700;
	text-transform: uppercase;
	border: 1px solid var(--current-color);
	border-radius: 2px;
	color: var(--current-color);
	padding: 0 0.125rem;
	line-height: initial;
	letter-spacing: 0.6px;
	min-width: 0.75rem;
	min-height: 0.75rem;
	margin: 0 calc(-0.5 * var(--main-icon-size) + 4px);
	text-align: center;
	position: relative;
	box-sizing: border-box;
}

.menu-item-text.notification::before,
.menu-item-text.notification::after {
	content: "";
	position: absolute;
	width: calc(100% + 6px);
	height: calc(100% + 6px);
	top: -3px;
	left: -3px;
	z-index: -1;
	border-radius: 3px;
	background-color: var(--white);
}

.menu-item-text.notification::after {
	background-color: var(--menu-background);
	transition: background-color 0.5s;
}

.language-currency-menu .menu-item-text.notification {
	min-width: 1.625rem;
}

body.currency-idr .language-currency-menu .menu-item-text.notification {
	letter-spacing: 1.2px;
}

.link-to-cart svg .solid {
	fill: transparent;
	transition: 0.5s;
}

.link-to-cart.has-items svg .solid {
	fill: var(--current-color);
}

.link-to-cart .menu-item-text.notification {
	min-width: 0.8rem;
	padding-left: 0.15rem;
	margin-right: -6px;
}

.pop-up-menu {
	position: fixed;
	top: var(--header-height);
	right: var(--page-space);
	margin: 0;
	padding: var(--pop-up-space);
	border-radius: var(--main-border-radius);
	background-color: var(--contrast-color);
	box-shadow: -1px 1px 6px var(--black-extrasoft);
	min-width: 320px;
	max-width: calc(var(--viewport-width) - 2 * var(--container-space));
	z-index: 1;
	display: none;
}

.pop-up-menu::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--current-color-extrasoft);
	border-radius: inherit;
	z-index: 1;
	border: 1px solid var(--text-color-extrasoft);
}

.pop-up-active .pop-up-menu.active {
	display: block;
	-webkit-animation: pop-up-show-up 0.5s;
	animation: pop-up-show-up 0.5s;
}

@-webkit-keyframes pop-up-show-up {
	0% {
		opacity: 0;
		transform: translate3d(0, 20px, 0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes pop-up-show-up {
	0% {
		opacity: 0;
		transform: translate3d(0, 20px, 0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.site::before {
	content: "";
	position: fixed;
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom, var(--page-background) var(--header-height), var(--white-transparent));
	z-index: 99;
	visibility: hidden;
	transition: 0.5s;
	backdrop-filter: blur(30px);
}

.pop-up-active .site::before {
	height: 300%;
	visibility: visible;
}

.pop-up-menu-header {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0;
	margin-top: calc(-1 * var(--pop-up-space));
	padding: calc(0.5 * var(--pop-up-space)) 0;
	line-height: initial;
	position: relative;
	z-index: 1;
}

.pop-up-menu-title {
	font-size: 0.625rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	margin-right: var(--pop-up-space);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0.5;
}

.pop-up-menu-close-button {
	flex-shrink: 0;
	font-size: 1.5rem;
	width: 1.125rem;
	height: 1.125rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--current-color);
	border: 1px solid var(--current-color);
	border-radius: 50%;
	cursor: pointer;
	transition: 0.5s;
	margin: 0;
	margin-left: auto;
	margin-right: -8px;
}

.pop-up-menu-close-button:hover {
	background-color: var(--current-color);
	border-color: var(--current-color);
	color: var(--contrast-color);
}

.pop-up-menu-content {
	position: relative;
	z-index: 1;
}

#language-currency-options {
	padding-bottom: 6px;
}

#language-currency-options .pop-up-menu-content {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	line-height: initial;
}

#language-currency-options .language-menu {
	flex-grow: 1;
}

#language-currency-options ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#language-currency-options li {
	position: relative;
	margin: 0;
	padding: 0;
}

#language-currency-options li::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	opacity: 0.75;
}

#language-currency-options li::after {
	content: "";
	position: absolute;
	width: calc(100% + 0.5 * var(--pop-up-space));
	height: calc(100% - 8px);
	top: 4px;
	left: calc(-0.5 * var(--pop-up-space));
	border-radius: calc(var(--main-border-radius) - 2px);
	background-color: var(--text-color-extrasoft);
	box-shadow: inset 0 1px 3px var(--black-extrasoft);
	z-index: -1;
	opacity: 0;
	transition: 0.3s;
}

#language-currency-options li:hover::after {
	opacity: 0.75;
}

#language-currency-options .language-menu li::before {
	background: linear-gradient(to right, var(--text-color-transparent), var(--text-color-soft) 1.5rem, var(--text-color-extrasoft));
}

#language-currency-options .currency-menu li::before {
	background: linear-gradient(to right, var(--text-color-extrasoft), var(--text-color-transparent));
}

#language-currency-options .currency-menu li::after {
	width: calc(100% + 0.25 * var(--pop-up-space));
	left: auto;
	right: calc(-0.5 * var(--pop-up-space));
}

#language-currency-options a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0 calc(-1 * var(--pop-up-space));
	padding: calc(0.9 * var(--pop-up-space)) var(--pop-up-space);
	cursor: pointer;
	opacity: 0.85;
	transition: 0.3s;
}

#language-currency-options a:hover {
	opacity: 1;
}

#language-currency-options a::before {
	content: "";
	width: var(--main-icon-size);
	height: var(--main-icon-size);
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 0 0 3px var(--black-soft), inset 1px 1px 3px var(--black-extrasoft);
}

#language-currency-options a::after,
#language-currency-options a::after {
	content: "";
	position: absolute;
	width: calc(100% + 0.5 * var(--pop-up-space));
	height: 0;
	bottom: -1px;
	left: calc(-0.5 * var(--pop-up-space));
	background: linear-gradient(to right, var(--text-color-transparent), var(--text-color) 1.5rem, var(--text-color-transparent));
	opacity: 0.25;
}

#language-currency-options .language-menu a {
	margin-right: 0;
	padding-right: calc(0.5 * var(--pop-up-space));
}

#language-currency-options .currency-menu a {
	margin-left: 0;
	padding-left: calc(0.75 * var(--pop-up-space));
}

#language-currency-options .currency-menu a::after {
	width: calc(100% + 1.5 * var(--pop-up-space));
	left: auto;
	right: calc(-0.5 * var(--pop-up-space));
	background: linear-gradient(to left, var(--text-color-transparent), var(--text-color) 1.5rem, var(--text-color-transparent));
}

#language-currency-options li:not(:last-child) a:hover::after,
#language-currency-options li:not(:last-child) a:hover::after {
	height: 1px;
}

#language-currency-options a span {
	margin-left: 0.75rem;
}

.wpml-ls-item {
	display: none;
}

.wpml-ls-item-en,
.wpml-ls-item-id,
.wpml-ls-item-nl,
.wpml-ls-item-de,
.wpml-ls-item-fr,
.wpml-ls-item-bg,
.wpml-ls-item-pl,
.wpml-ls-item-es,
.wpml-ls-item-zh-hans,
.wpml-ls-item-ru {
	display: block;
}

body.page-welcome-to-biokissed .wpml-ls-item {
	display: flex;
}

.wpml-ls-item-en a::before {
	background-image: url(assets/icon/languages/english.svg);
}

.wpml-ls-item-id a::before {
	background-image: url(assets/icon/languages/indonesia.svg);
}

.wpml-ls-item-nl a::before {
	background-image: url(assets/icon/languages/netherlands.svg);
}

.wpml-ls-item-es a::before {
	background-image: url(assets/icon/languages/spain.svg);
}

.wpml-ls-item-it a::before {
	background-image: url(assets/icon/languages/italy.svg);
}

.wpml-ls-item-fr a::before {
	background-image: url(assets/icon/languages/france.svg);
}

.wpml-ls-item-de a::before {
	background-image: url(assets/icon/languages/germany.svg);
}

.wpml-ls-item-bg a::before {
	background-image: url(assets/icon/languages/bulgaria.svg);
}

.wpml-ls-item-pl a::before {
	background-image: url(assets/icon/languages/poland.svg);
}

.wpml-ls-item-zh-hans a::before {
	background-image: url(assets/icon/languages/china.svg);
}

.wpml-ls-item-ru a::before {
	background-image: url(assets/icon/languages/russia.svg);
}

.currency-menu a[rel="USD"]::before {
	background-image: url(assets/icon/currencies/usd.svg);
}

.currency-menu a[rel="EUR"]::before {
	background-image: url(assets/icon/currencies/eur.svg);
}

.currency-menu a[rel="IDR"]::before {
	background-image: url(assets/icon/currencies/idr.svg);
}

#language-currency-options .wpml-ls-current-language,
#language-currency-options .wcml-cs-active-currency {
	font-weight: 600;
	color: var(--current-color);
}

#language-currency-options .wpml-ls-current-language a,
#language-currency-options .wcml-cs-active-currency a {
	opacity: 1;
}

#language-currency-options .wpml-ls-current-language a::before,
#language-currency-options .wcml-cs-active-currency a::before {
	border: var(--main-border-size) solid transparent;
	box-shadow: 0 0 0 var(--main-border-size) var(--current-color);
}

.wcml-spinner {
	display: none;
}

.account-menu .account-name {
	display: none;
}

.account-menu .account-avatar {
	position: relative;
	border-radius: 50%;
}

.account-menu .account-avatar::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: inherit;
	z-index: 0;
	border: var(--main-border-size) solid var(--terracotta);
	border-top-color: var(--blue);
	border-right-color: var(--blue);
	transform: rotate(45deg);
	-webkit-animation: rotate 1s;
	animation: rotate 1s;
	transition: border-color 0.5s, transform 1s;
}

body.has-white-header-color .account-menu .account-avatar::before {
	border-color: var(--white);
}

body.has-white-header-color .site-header:hover .account-menu .account-avatar::before,
body.has-white-header-color.scrolled .account-menu .account-avatar::before,
body.has-white-header-color.pop-up-active .account-menu .account-avatar::before,
body.has-white-header-color.search-active .account-menu .account-avatar::before,
body.has-white-header-color.menu-open .account-menu .account-avatar::before {
	border-color: var(--terracotta);
	border-top-color: var(--blue);
	border-right-color: var(--blue);
}

.account-menu .account-link:focus .account-avatar::before {
	transform: rotate(765deg);
}

.account-menu .account-avatar img {
	position: relative;
	display: block;
	width: var(--avatar-menu-size);
	height: var(--avatar-menu-size);
	border: calc(2 * var(--main-border-size)) solid transparent;
	border-radius: inherit;
	z-index: 1;
}

@-webkit-keyframes rotate {
	0% {
		transform: rotate(45deg);
	}

	100% {
		transform: rotate(765deg);
	}
}

@keyframes rotate {
	0% {
		transform: rotate(45deg);
	}

	100% {
		transform: rotate(765deg);
	}
}

.pop-up-menu.contrast {
	background-color: var(--current-color);
	color: var(--contrast-color);
}

.pop-up-menu.contrast .pop-up-menu-close-button {
	border-color: var(--contrast-color);
	color: var(--contrast-color);
}

.pop-up-menu.contrast .pop-up-menu-close-button:hover {
	background-color: var(--contrast-color);
	color: var(--current-color);
}

#account-menu-options {
	padding-bottom: 6px;
}

.account-menu-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.account-menu-list li {
	position: relative;
	margin: 0;
	padding: 0;
}

.account-menu-list li::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background: linear-gradient(to right, var(--contrast-color-transparent), var(--contrast-color) 1.5rem, var(--contrast-color-transparent));
	opacity: 0.1;
}

.account-menu-list a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: calc(0.75 * var(--pop-up-space)) var(--pop-up-space);
	font-weight: 500;
	margin: 0 calc(-1 * var(--pop-up-space));
	opacity: 0.85;
}

.account-menu-list a::before {
	content: "";
	position: absolute;
	width: calc(100% - var(--pop-up-space));
	height: calc(100% - 8px);
	top: 4px;
	left: calc(0.5 * var(--pop-up-space));
	border-radius: calc(var(--main-border-radius) - 2px);
	background-color: var(--text-color-extrasoft);
	box-shadow: inset 0 1px 3px var(--black-extrasoft);
	z-index: -1;
	opacity: 0;
	transition: 0.3s;
}

.account-menu-list a:hover {
	opacity: 1;
}

.account-menu-list a:hover::before {
	opacity: 0.75;
}

#shipping-country-menu-options label {
	display: none;
}

#shipping-country-menu-options .form-row {
	margin-top: 0;
}

#shipping-country-menu-options .select2-container {
	width: 100% !important;
}

#shipping-country-menu-options button {
	width: 100%;
	margin-top: 10px;
}

.search-form {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	margin-top: var(--element-space);
}

.search-form label,
.search-form .search-field {
	width: 100%;
}

.search-form .search-field {
	padding-right: var(--button-height);
}

.search-form .search-submit {
	position: absolute;
	top: 0;
	right: 0;
}

.search-form .search-submit.button-icon-only {
	width: var(--field-height);
	height: var(--field-height);
}

.search-form .search-submit .button-icon {
	margin-top: -4px;
}

#search-form {
	position: absolute;
	width: calc(var(--menu-width) - var(--main-icon-size) - 2 * var(--page-space));
	height: var(--header-height);
	top: 0;
	left: 100%;
	padding: calc(0.5 * (var(--header-height) - var(--field-height)));
	padding-left: 0;
	z-index: 3;
	transition: 0.5s;
}

#search-form .search-form {
	margin: 0;
}

.search-active #search-form {
	transform: translate3d(-100%, 0, 0);
}

#search-form label {
	position: relative;
}

#search-form label::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: var(--main-border-radius);
	background-color: var(--white);
	z-index: -1;
}

.search-active #top-right-icon-navigation,
.search-active #language-options {
	transform: translate3d(100%, 0, 0);
	opacity: 0;
}

.site-branding a,
#top-right-icon-navigation a,
#language-options a:first-child,
#menu-button,
#menu-close-button,
#menu-back-button {
	-webkit-tap-highlight-color: transparent;
}

#footer-navigation {
	background-color: var(--current-color);
	color: var(--contrast-color);
	padding: var(--section-space) var(--page-space);
}

body.darker-site-footer #footer-navigation {
	position: relative;
	background-color: var(--black-extrasoft);
}

body.darker-site-footer #footer-navigation::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--current-color);
	z-index: -1;
}

#footer-navigation .menu-item-icon {
	fill: var(--contrast-color);
}

#footer-navigation a:not(.button) {
	padding: 0.5em var(--page-space);
	transition: 0.3s;
}

#footer-navigation a:not(.button):hover {
	opacity: 0.75;
}

#footer-navigation a[href="#"]:not(.button) {
	pointer-events: none;
}

#footer-navigation .menu {
	margin: -1.5em calc(-1 * var(--page-space));
	margin-bottom: -0.5em;
}

#footer-navigation .menu > .menu-item {
	margin-top: 1em;
}

#footer-navigation .menu > .menu-item > a {
	font-size: 0.625em;
	text-transform: uppercase;
	white-space: nowrap;
	opacity: 0.75;
	letter-spacing: 0.6px;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	min-height: 40px;
}

#footer-navigation .sub-menu a:not(.button) {
	font-weight: 500;
}

#footer-navigation .sub-menu .menu-item.menu-label a {
	font-weight: 400;
}

#footer-navigation .menu-item.has-button {
	padding-left: var(--page-space);
	padding-right: var(--page-space);
}

#footer-navigation .menu-item.has-button > .button {
	display: inline-flex;
	width: auto;
	margin-top: 0.25rem;
}

#footer-navigation .socmed-links .sub-menu {
	display: flex;
	align-items: center;
	padding: 0.5em var(--page-space);
	margin-left: calc(-2 * var(--menu-item-space));
}

#footer-navigation .socmed-links .sub-menu a {
	display: flex;
	align-items: center;
	padding: 0;
	height: var(--main-icon-size);
	margin-left: calc(2 * var(--menu-item-space));
	opacity: 0.95;
}

#footer-navigation .socmed-links .sub-menu a:hover {
	opacity: 0.75;
}

#footer-navigation .socmed-links .sub-menu .menu-item-icon {
	width: 100%;
	height: 100%;
}

#footer-navigation .menu > .menu-item.trademark {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--page-space);
	margin-top: calc(var(--section-space) - 0.5em);
	margin-bottom: calc(-1 * var(--section-space));
	background-color: var(--black-extrasoft);
	box-shadow: inset 0 1px 2px var(--black-supersoft);
}

#footer-navigation .menu-item.trademark > a {
	flex-basis: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin-left: 0;
	margin-right: var(--page-space);
	padding: 0;
	opacity: 1;
	position: relative;
	top: 2px;
}

#footer-navigation .trademark > a .menu-item-icon {
	height: 20px;
	width: 152px; /* Hack Chrome 92 bugs. */
}

#footer-navigation .trademark > a .menu-item-text {
	margin: 6px 0 0 -0.1em;
	font-size: 0.75em;
	font-weight: 400;
	letter-spacing: 0.6px;
	line-height: 1.25;
}

#footer-navigation .trademark .sub-menu {
	padding: 0;
	overflow: hidden;
}

#footer-navigation .trademark .sub-menu svg {
	width: auto;
	height: 100%;
}

/* Comments
----------------------------------------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
----------------------------------------------------------------------------- */
.widget-area {
	position: relative;
	padding: var(--section-space) var(--container-space);
}

.widget-area::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background: linear-gradient(to right, var(--current-color-transparent), var(--current-color), var(--current-color-transparent));
	opacity: 0.5;
}

.widget {
	margin: 0;
	margin-top: var(--section-space);
}

.widget:first-child {
	margin-top: 0;
}

.widget-title {
	font-size: 1.5em;
}

.widget:first-child > .widget-title {
	margin-top: 0;
}

.widget select {
	max-width: 100%;
}

.product_list_widget {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: flex-start;
	list-style-type: none;
	margin: 0 calc(-0.5 * var(--product-space));
	padding: 0;
}

.product_list_widget li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: calc(100% / var(--product-per-row));
	text-align: center;
	margin-top: var(--section-space);
	padding: 0 calc(0.5 * var(--product-space));
}

.product_list_widget li img {
	display: block;
	width: 100%;
	height: auto;
}

.product_list_widget .product-title {
	display: block;
	font-size: 1.5em;
	font-weight: 500;
	line-height: 1.15;
	margin-top: 0.5rem;
}

.widget_media_image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--main-border-radius);
}

/* Media
----------------------------------------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
----------------------------------------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
----------------------------------------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

:root {
	--gallery-item-space: 8px;
	--gallery-column: 1;
}

.wp-block-gallery {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: var(--gallery-item-space);
	list-style-type: none;
	margin-top: var(--section-space);
	padding: 0;
	overflow: hidden;
}

.wp-block-gallery.is-cropped {
	align-items: stretch;
}

.wp-block-gallery + * {
	margin-top: var(--section-space);
}

.wp-block-gallery.columns-2 {
	--gallery-column: 2;
}

.wp-block-gallery.columns-3 {
	--gallery-column: 3;
}

.wp-block-gallery.columns-4 {
	--gallery-column: 4;
}

.wp-block-gallery.columns-5 {
	--gallery-column: 5;
}

.wp-block-gallery.columns-6 {
	--gallery-column: 6;
}

.wp-block-gallery .wp-block-image {
	flex-grow: 1;
	flex-shrink: 0;
	position: relative;
	width: calc((100% - (var(--gallery-column) - 1) * var(--gallery-item-space)) / var(--gallery-column));
	margin: 0;
}

.wp-block-gallery .wp-block-image.grow-width-2 {
	width: calc(2 * (100% - (var(--gallery-column) - 1) * var(--gallery-item-space)) / var(--gallery-column) + var(--gallery-item-space));
}

.wp-block-gallery img {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	border-radius: var(--small-border-radius);
}

.wp-block-gallery.is-cropped img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.wp-block-gallery.is-cropped .wp-block-image figcaption {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 30px 10% 10px;
	opacity: 1;
	background:  linear-gradient(to top, var(--black-thick), var(--black-transparent));
	color: var(--white);
	border-radius: 0;
	border-bottom-left-radius: var(--small-border-radius);
	border-bottom-right-radius: var(--small-border-radius);
}

.blocks-gallery-caption {
	display: block;
	width: 100%;
	font-size: 0.75rem;
	margin-top: 0.5rem;
	opacity: 0.75;
}

/* WordPress Blocks
----------------------------------------------------------------------------- */
.has-small-font-size {
	font-size: 0.75rem;
}

.has-medium-font-size {
	font-size: 1.25rem;
}

.has-large-font-size {
	font-size: 2rem;
	line-height: 1.375;
}

.has-x-large-font-size {
	font-size: 3rem;
	line-height: 1.25;
}

.has-text-color.has-black-color {
	color: var(--black);
}

.has-text-color.has-white-color {
	color: var(--white);
}

.has-text-color.has-grey-color {
	color: var(--grey);
}

.has-text-color.has-terracotta-color {
	color: var(--terracotta);
}

.has-text-color.has-green-color {
	color: var(--green);
}

.has-text-color.has-blue-color {
	color: var(--blue);
}

.has-text-color.has-brown-color {
	color: var(--brown);
}

.has-text-color.has-off-white-color {
	color: var(--off-white);
}

.has-text-color.has-off-white-yellowish-color {
	color: var(--off-white-yellowish);
}

body.has-color-variation .has-text-color {
	color: var(--current-color);
}

.has-section-space {
	margin-top: var(--section-space);
}

.has-section-space + * {
	margin-top: var(--section-space);
}

.has-background {
/*	padding: var(--section-space) var(--container-space);*/
	padding: var(--container-space);
}

.has-background.alignfull {
	padding: var(--section-space) var(--container-space);
}

.has-black-background-color {
	background-color: var(--black);
}

.has-white-background-color {
	background-color: var(--white);
}

.has-green-background-color {
	background-color: var(--green);
}

.has-terracotta-background-color {
	background-color: var(--terracotta);
}

.has-brown-background-color {
	background-color: var(--brown);
}

.has-grey-background-color {
	background-color: var(--grey);
}

.has-blue-background-color {
	background-color: var(--blue);
}

.has-off-white-background-color {
	background-color: var(--off-white);
}

.has-off-white-yellowish-background-color {
	background-color: var(--off-white-yellowish);
}

.wp-block-buttons {
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	margin: calc(-1 * var(--button-gap));
	margin-top: var(--element-space);
}

.wp-block-buttons.is-content-justification-center {
	justify-content: center;
}

.wp-block-buttons.is-content-justification-right {
	justify-content: flex-end;
}

.wp-block-buttons.is-content-justification-space-between {
	justify-content: space-between;
}

.wp-block-buttons.alignfull {
	width: calc(100% + 2 * var(--button-gap));
	margin: calc(-1 * var(--button-gap));
	margin-top: var(--element-space);
}

.wp-block-button {
	padding: var(--button-gap);
}

.wp-block-buttons.alignfull .wp-block-button {
	flex-grow: 1;
}

.wp-block-button.full-width-medium {
	width: 100%;
}

.wp-block-button__link {
	width: 100%;
}

.wp-block-cover {
	display: flex;
	position: relative;
	padding: var(--section-space) var(--container-space);
	color: var(--contrast-color);
	margin-top: var(--section-space);
	border-radius: var(--main-border-radius);
	z-index: 1;
	overflow: hidden;
}

@media screen and (min-width: 960px) {
	.wp-block-cover.padding-bottom-small {
		padding-bottom: calc(var(--section-space) - 20px);
	}
}

.wp-block-cover + * {
	margin-top: var(--section-space);
}

.wp-block-cover.alignfull {
	padding-top: var(--section-space);
	padding-bottom: var(--section-space);
	border-radius: 0;
}

.wp-block-cover.large-border-radius {
	border-radius: var(--large-border-radius);
}

.wp-block-cover.no-border-radius {
	border-radius: 0;
}

.wp-block-cover.hero-element {
	margin-top: 0;
	min-height: 100vh;
}

.wp-block-cover.hero-element.half-height {
	height: 50vh;
	min-height: 0;
}

.wp-block-cover.hero-element.alignfull {
	padding-top: calc(var(--header-height) + var(--section-space));
}

.wp-block-cover.hero-element.alignfull.shorter-top-space {
	padding-top: calc(var(--header-height) + 20px);
}

.hero-element .wp-block-cover {
	border-radius: 0;
}

.wp-block-cover .has-background-dim::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: inherit;
	opacity: 0.5;
	z-index: -1;
}

.wp-block-cover .has-background-dim-0::before {
	opacity: 0;
}

.wp-block-cover .has-background-dim-10::before {
	opacity: 0.1;
}

.wp-block-cover .has-background-dim-20::before {
	opacity: 0.2;
}

.wp-block-cover .has-background-dim-30::before {
	opacity: 0.3;
}

.wp-block-cover .has-background-dim-40::before {
	opacity: 0.4;
}

.wp-block-cover .has-background-dim-50::before {
	opacity: 0.5;
}

.wp-block-cover .has-background-dim-60::before {
	opacity: 0.6;
}

.wp-block-cover .has-background-dim-70::before {
	opacity: 0.7;
}

.wp-block-cover .has-background-dim-80::before {
	opacity: 0.8;
}

.wp-block-cover .has-background-dim-90::before {
	opacity: 0.9;
}

.wp-block-cover .has-background-dim-100::before {
	opacity: 1;
}

.wp-block-cover .has-black-background-color::before {
	--current-color: var(--black);
}

.wp-block-cover .has-white-background-color::before {
	--current-color: var(--white);
}

.wp-block-cover .has-white-terracotta-color::before {
	--current-color: var(--terracotta);
}

.wp-block-cover .has-grey-background-color::before {
	--current-color: var(--grey);
}

.wp-block-cover .has-green-background-color::before {
	--current-color: var(--green);
}

.wp-block-cover .has-blue-background-color::before {
	--current-color: var(--blue);
}

.wp-block-cover .has-brown-background-color::before {
	--current-color: var(--brown);
}

.wp-block-cover__image-background,
.wp-block-cover__video-background {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -2;
	-o-object-fit: cover;
	object-fit: cover;
}

.wp-block-cover.saturated > .wp-block-cover__image-background,
.wp-block-cover.saturated > .wp-block-cover__video-background {
	filter: saturate(0.65);
}

.wp-block-cover__inner-container {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	width: 100%;
}

.is-position-bottom-center .wp-block-cover__inner-container {
	align-content: flex-end;
}

.is-position-top-center .wp-block-cover__inner-container {
	align-content: flex-start;
}

.is-position-center-left .wp-block-cover__inner-container {
	align-content: center;
	justify-content: flex-start;
	margin-left: 0;
}

.is-position-bottom-left .wp-block-cover__inner-container {
	align-content: flex-end;
	justify-content: flex-start;
	margin-left: 0;
}

.is-position-top-left .wp-block-cover__inner-container {
	align-content: flex-start;
	justify-content: flex-start;
	margin-left: 0;
}
	
.is-position-center-right .wp-block-cover__inner-container {
	align-content: center;
	justify-content: flex-end;
	margin-right: 0;
}

.is-position-bottom-right .wp-block-cover__inner-container {
	align-content: flex-end;
	justify-content: flex-end;
	margin-right: 0;
}

.is-position-top-right .wp-block-cover__inner-container {
	align-content: flex-start;
	justify-content: flex-end;
	margin-right: 0;
}

.wp-block-cover__inner-container > *:first-child {
	margin-top: 0;
}

.wp-block-cover__inner-container > * {
	flex-basis: 100%;
}

.wp-block-cover.square-adaptive {
	height: calc(var(--viewport-width) - 2 * var(--container-space));
}

.wp-block-group.rounded,
.wp-block-cover.rounded {
	border-radius: var(--main-border-radius);
}

.wp-block-group.large-rounded,
.wp-block-cover.large-rounded {
	border-radius: var(--large-border-radius);
}

.wp-block-cover.cover-link a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: -9999px;
	color: transparent;
}

.wp-block-media-text {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--section-space) 0;
	margin-top: var(--section-space);
}

.wp-block-media-text.is-vertically-aligned-top {
	align-items: flex-start;
}

.wp-block-media-text.is-vertically-aligned-bottom {
	align-items: flex-end;
}

.wp-block-media-text + * {
	margin-top: var(--section-space);
}

.entry-content > .wp-block-media-text.fixed-media:first-child > .wp-block-media-text__content > *:first-child {
	margin-top: 0;
}

.stretch-height .wp-block-media-text {
	height: 100%;
}

.wp-block-media-text.has-background:not(.alignfull) {
	border-radius: var(--main-border-radius);
	overflow: hidden;
}

.wp-block-media-text.has-background.large-rounded:not(.alignfull) {
	border-radius: var(--large-border-radius);
}

.wp-block-media-text.has-background.super-large-rounded:not(.alignfull) {
	border-radius: var(--super-large-border-radius);
}

.wp-block-media-text.has-black-background-color {
	background-color: var(--black);
}

.wp-block-media-text.has-white-background-color {
	background-color: var(--white);
}

.wp-block-media-text.has-grey-background-color {
	background-color: var(--grey);
}

.wp-block-media-text.has-terracotta-background-color {
	background-color: var(--terracotta);
}

.wp-block-media-text.has-green-background-color {
	background-color: var(--green);
}

.wp-block-media-text.has-blue-background-color {
	background-color: var(--blue);
}

.wp-block-media-text.has-brown-background-color {
	background-color: var(--brown);
}

.wp-block-media-text.has-terracotta-background-color.supersoft {
	background-color: var(--terracotta-supersoft);
}

.wp-block-media-text.has-green-background-color.supersoft {
	background-color: var(--green-supersoft);
}

.wp-block-media-text.has-blue-background-color.supersoft {
	background-color: var(--blue-supersoft);
}

.wp-block-media-text.has-grey-background-color.supersoft {
	background-color: var(--grey-supersoft);
}

.wp-block-media-text.has-brown-background-color.supersoft {
	background-color: var(--brown-supersoft);
}

.wp-block-media-text.has-black-background-color.supersoft {
	background-color: var(--black-supersoft);
}

.wp-block-media-text__media {
	flex-grow: 1;
	position: relative;
	width: 100%;
	margin: 0;
	z-index: 2;
}

.wp-block-media-text__media img,
.wp-block-media-text__media video {
	display: block;
	width: 100%;
}

.wp-block-media-text:not(.alignfull) .wp-block-media-text__media {
	border-radius: var(--main-border-radius);
	overflow: hidden;
}

.wp-block-media-text.super-large-rounded:not(.alignfull) .wp-block-media-text__media {
	border-radius: var(--super-large-border-radius);
}

.wp-block-media-text.has-background:not(.alignfull) .wp-block-media-text__media {
	border-radius: 0;
}

.wp-block-media-text.has-background.media-rounded:not(.alignfull) .wp-block-media-text__media {
	border-radius: inherit;
}

.wp-block-media-text:not(.alignfull) .wp-block-media-text__media img,
.wp-block-media-text:not(.alignfull) .wp-block-media-text__media video {
	/* border-radius: var(--main-border-radius); */
}

.wp-block-media-text__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	width: 100%;
	margin: 0;
}

.wp-block-media-text.full-width-text .wp-block-media-text__content {
	align-items: stretch;
}

.wp-block-media-text__content > *:first-child {
	margin-top: 0;
}

/*.wp-block-media-text.has-background .wp-block-media-text__content,
.wp-block-media-text.alignfull .wp-block-media-text__content {
	padding: var(--section-space) var(--container-space);
}*/

.wp-block-media-text.alignfull .wp-block-media-text__content {
	padding: var(--section-space) var(--container-space);
}

.wp-block-media-text.has-background .wp-block-media-text__content > *:first-child,
.wp-block-media-text.alignfull .wp-block-media-text__content > *:first-child {
	margin-top: 0;
	margin-bottom: 0;
}

.wp-block-media-text__content ul > li:first-child {
	margin-top: 0;
}

.wp-block-media-text .wp-block-buttons {
	margin-top: var(--element-space);
}

.wp-block-media-text .wp-block-buttons.full-width-until-medium .wp-block-button {
	flex-grow: 1;
}

.has-underline-title  {
	display: inline-block;
	padding-bottom: calc(var(--element-space) - 0.05em);
	border-bottom: var(--main-border-size) solid;
}

.has-underline-title.has-text-align-center {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.wp-block-pullquote {
	position: relative;
	font-weight: 500;
	font-size: 2em;
	line-height: 1.25;
	margin-top: var(--section-space);
	padding-top: calc(var(--section-space) - 0.25em);
	padding-bottom: calc(var(--section-space) - 0.1em);
	color: var(--current-color);
	border-width: var(--main-border-size);
	border-left-width: 0;
	border-right-width: 0;
}

.wp-block-pullquote.has-green-color {
	--current-color: var(--green);
	--current-color-transparent:  var(--green-transparent);
}

.wp-block-pullquote.has-blue-color {
	--current-color: var(--blue);
	--current-color-transparent:  var(--blue-transparent);
}

.wp-block-pullquote.has-brown-color {
	--current-color: var(--brown);
	--current-color-transparent:  var(--brown-transparent);
}

.wp-block-pullquote.has-grey-color {
	--current-color: var(--grey);
	--current-color-transparent:  var(--grey-transparent);
}

.wp-block-pullquote.has-white-color {
	--current-color: var(--white);
	--current-color-transparent:  var(--white-transparent);
}

.wp-block-pullquote.has-black-color {
	--current-color: var(--black);
	--current-color-transparent:  var(--black-transparent);
}

.wp-block-pullquote::before,
.wp-block-pullquote::after {
	content: "";
	position: absolute;
	width: 240px;
	height: 2px;
	top: -2px;
	left: var(--container-space);
	background: linear-gradient(to right, var(--current-color-transparent), var(--current-color) 2rem, var(--current-color-transparent));
	opacity: 0.5;
}

.wp-block-pullquote::after {
	top: auto;
	bottom: -2px;
}

.wp-block-pullquote.has-text-align-center::before,
.wp-block-pullquote.has-text-align-center::after {
	left: 50%;
	transform: translateX(-50%);
	background: linear-gradient(to right, var(--current-color-transparent), var(--current-color), var(--current-color-transparent));
}

.wp-block-pullquote.sans-serif-text {
	font-family: var(--main-font-family);
	font-size: 1.25em;
	line-height: 1.5;
}

.wp-block-pullquote.has-background {
	padding-left: var(--container-space);
	padding-right: var(--container-space);
	border-radius: var(--main-border-radius);
	border-width: 0;
}

.wp-block-pullquote.has-background::before,
.wp-block-pullquote.has-background::after {
	display: none;
}

.wp-block-pullquote.has-terracotta-background-color {
	background-color: var(--terracotta);
}

.wp-block-pullquote.has-green-background-color {
	background-color: var(--green);
}

.wp-block-pullquote.has-blue-background-color {
	background-color: var(--blue);
}

.wp-block-pullquote.has-brown-background-color {
	background-color: var(--brown);
}

.wp-block-pullquote.has-grey-background-color {
	background-color: var(--grey);
}

.wp-block-pullquote.has-white-background-color {
	background-color: var(--white);
}

.wp-block-pullquote.has-black-background-color {
	background-color: var(--black);
}

.wp-block-pullquote.alignfull {
	padding: var(--section-space) var(--container-space);
	border-radius: 0;
	border-width: 0;
}

.wp-block-pullquote.is-style-solid-color {
	padding: var(--section-space) var(--container-space);
	background-color: var(--current-color-supersoft);
}

.wp-block-pullquote.no-border {
	padding-top: 0;
	padding-bottom: 0;
}

.wp-block-pullquote.no-border::before,
.wp-block-pullquote.no-border::after {
	display: none;
}

.wp-block-pullquote blockquote {
	margin-top: 0;
}

.wp-block-pullquote cite {
	display: block;
	font-size: 0.625rem;
	line-height: 1.25;
	margin-top: 2rem;
	font-style: normal;
	font-family: var(--main-font-family);
	text-transform: uppercase;
	letter-spacing: 0.8px;
	opacity: 0.75;
}

.wp-block-pullquote cite::before {
	content: "...";
	margin-right: 0.25rem;
}

blockquote > p:first-child {
	margin-top: 0;
}

.wp-block-quote {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.375;
	margin-top: var(--element-space);
	color: var(--current-color);
}

body.has-custom-text-color .wp-block-quote {
	color: inherit;
}

.has-text-color .wp-block-quote {
	color: inherit;
}

.wp-block-quote cite {
	display: block;
	font-size: 0.625rem;
	line-height: 1.25;
	margin-top: 1rem;
	font-style: normal;
	font-family: var(--main-font-family);
	text-transform: uppercase;
	letter-spacing: 0.8px;
	opacity: 0.75;
}

.wp-block-quote cite::before {
	content: "...";
	margin-right: 0.25rem;
}

.small-text-after-quote {
	font-size: 0.75em;
	max-width: 480px;
	margin-top: 0.625rem;
	margin-left: auto;
	margin-right: auto;
}

.wp-block-separator {
	display: block;
	position: relative;
	height: 2px;
	z-index: 1;
	padding: 0;
}

.wp-block-separator.has-white-background-color {
	--current-color: var(--white);
	--current-color-soft: var(--white-soft);
	--current-color-transparent: var(--white-transparent);
}

.wp-block-separator.has-black-background-color {
	--current-color: var(--black);
	--current-color-soft: var(--black-soft);
	--current-color-transparent: var(--black-transparent);
}

.wp-block-separator.has-blue-background-color {
	--current-color: var(--blue);
	--current-color-soft: var(--blue-soft);
	--current-color-transparent: var(--blue-transparent);
}

.wp-block-separator.has-green-background-color {
	--current-color: var(--green);
	--current-color-soft: var(--green-soft);
	--current-color-transparent: var(--green-transparent);
}

.wp-block-separator.has-grey-background-color {
	--current-color: var(--grey);
	--current-color-soft: var(--grey-soft);
	--current-color-transparent: var(--grey-transparent);
}

.wp-block-separator.has-brown-background-color {
	--current-color: var(--brown);
	--current-color-soft: var(--brown-soft);
	--current-color-transparent: var(--brown-transparent);
}

.wp-block-media-text .wp-block-separator {
	width: 100%;
	margin-top: var(--element-space);
	margin-bottom: 0;
}

.wp-block-separator.not-full {
	width: 40%;
}

.wp-block-separator.is-style-wide {
	background-color: transparent;
	max-width: none;
}

.wp-block-separator.is-style-wide::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background: linear-gradient(to right, var(--current-color-transparent), var(--current-color) 2em, var(--current-color-transparent));
	opacity: 0.25;
}

.wp-block-separator.thick-line::before {
	height: 4px;
}

.wp-block-separator.vertical {
	width: calc(2 * var(--section-space));
	margin: calc(2 * var(--section-space)) 0;
	transform: rotate(90deg);
	left: calc(50% - var(--section-space));
}

.wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--main-border-radius);
}

.wp-block-columns {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--section-space) var(--element-space);
	margin-top: var(--section-space);
}

/*.wp-block-columns + .wp-block-columns {
	margin-top: var(--element-space);
}*/

.wp-block-columns.column-gap-section-space {
	column-gap: var(--section-space);
}

.wp-block-columns.is-not-stacked-on-mobile {
	flex-wrap: nowrap;
}

.wp-block-columns.are-vertically-aligned-center {
	align-items: center;
}

.wp-block-columns.are-vertically-aligned-bottom {
	align-items: flex-end;
}

.wp-block-columns.media-and-text {
	align-items: flex-start;
	gap: var(--section-space) var(--container-space);
}

.wp-block-columns.media-and-text.small-gap {
	gap: 40px;
}

.wp-block-column {
	flex-basis: 100%;
	flex-grow: 1;
	flex-shrink: 1;
}

.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
	flex-basis: 0;
}

.wp-block-columns.equal-width > .wp-block-column {
	flex-basis: 50%;
}

.wp-block-column.is-vertically-aligned-top {
	align-self: flex-start;
}

.wp-block-column.is-vertically-aligned-center {
	align-self: center;
}

.wp-block-column.is-vertically-aligned-bottom {
	align-self: flex-end;
}

.wp-block-column.rounded {
	border-radius: var(--main-border-radius);
}

.wp-block-column.large-rounded {
	border-radius: var(--large-border-radius);
}

.wp-block-column.small-padding {
	padding: 20px;
}

.wp-block-column.column-media {
	--gallery-item-space: 12px;
}

.wp-block-column > *:first-child {
	margin-top: 0;
}

.wp-block-column > .wp-block-group > .wp-block-group__inner-container > *:first-child {
	margin-top: 0;
}

.wp-block-column.column-media > *:not(:first-child) {
	margin-top: var(--gallery-item-space);
}

.wp-block-column.column-media .wp-block-gallery img {
	border-radius: var(--main-border-radius);
}

.wp-block-group {
	position: relative;
	z-index: 1;
}

.wp-block-group.has-background {
	padding: var(--section-space) var(--container-space);
}

.wp-block-group.has-background.small-padding {
	padding: var(--element-space);
}

.wp-block-group.has-background > .wp-block-group__inner-container > *:first-child {
	margin-top: 0;
}

.wp-block-group.has-background > .wp-block-group__inner-container > h2:first-child {
	margin-top: -0.25em;
	margin-bottom: -0.25em;
}

.wp-block-group.unite-with-previous {
	padding-top: 0;
	margin-top: 0;
}

.has-background.expanded-background::before {
	content: "";
	position: absolute;
	width: calc(var(--viewport-width) - 2 * var(--container-space));
	height: 100%;
	top: 0;
	left: 0;
	background-color: inherit;
	z-index: -1;
}

.has-background.lighter,
.has-background.darker {
	z-index: 1;
}

.wp-block-group.has-background.lighter::before,
.wp-block-group.has-background.darker::before,
.wp-block-media-text.has-background.lighter::before,
.wp-block-media-text.has-background.darker::before,
.wp-block-cover.lighter::before,
.wp-block-cover.darker::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--white);
	border-radius: inherit;
	opacity: 0.5;
	z-index: -1;
}

.wp-block-cover.lighter::before,
.wp-block-cover.darker::before,
.wp-block-cover.lighter .wp-block-cover__inner-container,
.wp-block-cover.darker .wp-block-cover__inner-container {
	z-index: 1;
}

.wp-block-group.has-background.darker::before,
.wp-block-media-text.has-background.darker::before,
.wp-block-cover.darker::before {
	background-color: var(--black);
}

.wp-block-group.has-background.lighter-75::before,
.wp-block-group.has-background.darker-75::before,
.wp-block-media-text.has-background.lighter-75::before,
.wp-block-media-text.has-background.darker-75::before,
.wp-block-cover.lighter-75::before,
.wp-block-cover.darker-75::before {
	opacity: 0.75;
}

.wp-block-group.has-background.lighter-65::before,
.wp-block-group.has-background.darker-65::before,
.wp-block-media-text.has-background.lighter-65::before,
.wp-block-media-text.has-background.darker-65::before,
.wp-block-cover.lighter-65::before,
.wp-block-cover.darker-65::before {
	opacity: 0.65;
}

.wp-block-group.has-background.lighter-25::before,
.wp-block-group.has-background.darker-25::before,
.wp-block-media-text.has-background.lighter-25::before,
.wp-block-media-text.has-background.darker-25::before,
.wp-block-cover.lighter-25::before,
.wp-block-cover.darker-25::before {
	opacity: 0.25;
}

.wp-block-group.has-background.lighter-20::before,
.wp-block-group.has-background.darker-20::before,
.wp-block-media-text.has-background.lighter-20::before,
.wp-block-media-text.has-background.darker-20::before,
.wp-block-cover.lighter-20::before,
.wp-block-cover.darker-20::before {
	opacity: 0.2;
}

.wp-block-group.has-background.lighter-15::before,
.wp-block-group.has-background.darker-15::before,
.wp-block-media-text.has-background.lighter-15::before,
.wp-block-media-text.has-background.darker-15::before,
.wp-block-cover.lighter-15::before,
.wp-block-cover.darker-15::before {
	opacity: 0.15;
}

.wp-block-group.has-background.lighter-10::before,
.wp-block-group.has-background.darker-10::before,
.wp-block-media-text.has-background.lighter-10::before,
.wp-block-media-text.has-background.darker-10::before,
.wp-block-cover.lighter-10::before,
.wp-block-cover.darker-10::before {
	opacity: 0.1;
}

.wp-block-group.has-terracotta-background-color {
	background-color: var(--terracotta);
}

.wp-block-group.has-green-background-color {
	background-color: var(--green);
}

.wp-block-group.has-blue-background-color {
	background-color: var(--blue);
}

.wp-block-group.has-grey-background-color {
	background-color: var(--grey);
}

.wp-block-group.has-brown-background-color {
	background-color: var(--brown);
}

.wp-block-group.has-white-background-color {
	background-color: var(--white);
}

.wp-block-group.has-black-background-color {
	background-color: var(--black);
}

.wp-block-group.has-terracotta-background-color.supersoft {
	background-color: var(--terracotta-supersoft);
}

.wp-block-group.has-terracotta-background-color.extrasoft {
	background-color: var(--terracotta-extrasoft);
}

.wp-block-group__inner-container > .alignfull:first-child {
	margin-top: 0;
}

.wp-block-group.wide-content > .wp-block-group__inner-container {
	max-width: var(--container-wide-width);
	margin-left: auto;
	margin-right: auto;
}

.wp-block-preformatted {
	white-space: pre-wrap;
}

* + .wp-block-spacer {
	margin-top: 0;
}

/* Custom Blocks
----------------------------------------------------------------------------- */
.bigger-text p,
.bigger-text ul,
.bigger-text ol {
	font-size: 1.25em;
}

.compact-list li {
	margin-top: 0;
}

.has-background .has-background.merged-space {
	margin-top: var(--section-space);
	margin-left: calc(-1 * var(--container-space));
	margin-right: calc(-1 * var(--container-space));
}

.hero-element > .wp-block-group__inner-container {
	display: flex;
	position: relative;
	width: 100%;
	/*height: var(--viewport-height);*/
	height: 100vh;
}

.hero-element .hero-content {
	width: 100%;
	padding-top: calc(var(--header-height) + var(--container-space));
	padding-bottom: var(--section-space);
	margin: 0;
	z-index: inherit;
}

.hero-element .hero-content .wp-block-cover__inner-container {
	width: 100%;
	height: 100%;
}

.hero-element.side-by-side .hero-content.model-media {
	padding-bottom: calc(var(--section-space) + var(--button-height) + 1rem);
}

.hero-element.side-by-side .hero-content.product-media {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
}

.hero-element h1 {
	margin-top: var(--element-space);
}

.hero-element .hero-title {
	text-shadow: 0 1px 3px var(--black-soft)
}

.hero-element.side-by-side .hero-title {
	font-size: 3em;
	font-weight: 500;
	line-height: 1.15;
	margin: 0;
	position: relative;
	z-index: 1;
	text-align: center;
}

.hero-element .wp-block-cover__inner-container > p {
	margin-top: 1rem;
}

.hero-element .wp-block-cover__inner-container > p.no-space {
	margin-top: 0;
}

.hero-element .hero-cta {
	justify-content: center;
}

.hero-element .hero-cta .wp-block-button__link {
	width: 100%;
}

.auto-height-hero-background .hero-element > .wp-block-group__inner-container {
	height: auto;
}

.auto-height-hero-background .hero-element .hero-content {
	padding-top: calc(var(--header-height) + var(--section-space));
}

.hero-element .slideshow {
	flex-basis: auto;
	margin: 0;
}

.hero-element .slideshow .wp-block-image {
	position: static;
}

.hero-element .slideshow img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	border-radius: 0;
	z-index: -3;
	opacity: 1;
}

.wp-block-columns.columns-media-text {
	display: flex;
	flex-wrap: wrap;
	gap: var(--element-space);
}

.column-media.carousel {
	position: relative;
	margin-bottom: 12px;
}

.column-media.carousel .wp-block-image {
	width: 100%;
	margin: 0;
}

.column-media.carousel .wp-block-image img {
	border-radius: 0;
}

.column-media.carousel .owl-stage-outer {
	border-radius: var(--main-border-radius);
}

.column-media.carousel .owl-prev::before,
.column-media.carousel .owl-next::before {
	border-color: var(--white);
}

.column-media.carousel .owl-prev {
	left: 10px;
}

.column-media.carousel .owl-next {
	right: 10px;
}

.column-media.carousel .owl-dots {
	--current-color: var(--white);
	--current-color-thick: var(--white-thick);
	margin-bottom: 0;
}

/* Carousel */
.carousel > .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.carousel.overflow-visible > .wp-block-group__inner-container {
	overflow: visible;
}

.owl-loaded {
	overflow: hidden;
}

.owl-stage-outer {
	flex-basis: 100%;
	overflow: hidden;
	transition: height 0.5s;
}

.owl-stage {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	overflow: hidden;
	/*margin: 0 auto;*/
}

.owl-item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative;
	touch-action: pan-y;
}

.owl-item > * {
	margin-top: 0;
}

.owl-nav.disabled {
	display: none;
}

body.touch-device .owl-nav {
	display: none;
}

.owl-prev,
.owl-next {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 4em;
	height: 4em;
	top: 50%;
	left: 40px;
	transform: translateY(-50%);
	border-radius: 50%;
	border-color: var(--current-color-extrasoft);
	background-color: transparent;
	padding: 0;
}

.owl-next {
	left: auto;
	right: 40px;
}

/*.owl-prev:focus,
.owl-next:focus {
	background-color: transparent;
}*/

.owl-prev::before,
.owl-next::before {
	content: "";
	position: relative;
	width: 1em;
	height: 1em;
	border: var(--main-border-size) solid var(--current-color);
	border-top-width: 0;
	z-index: 1;
}

.owl-prev:hover::before,
.owl-prev:focus::before,
.owl-next:hover::before,
.owl-next:focus::before {
	border-color: var(--white);
}

.owl-prev::before {
	border-right-width: 0;
	transform: rotate(45deg);
	left: 0.2em;
}

.owl-next::before {
	border-left-width: 0;
	transform: rotate(-45deg);
	right: 0.2em;
}

.owl-prev::after,
.owl-next::after {
	content: "";
	position: absolute;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	top: 4px;
	left: 4px;
	border-radius: inherit;
	background-color: var(--white-thick);
	box-shadow: 2px 1px 6px var(--black-extrasoft);
}

.owl-next::after {
	box-shadow: -2px 1px 6px var(--black-extrasoft);
}

.owl-prev:hover::after,
.owl-prev:focus::after,
.owl-next:hover::after,
.owl-next:focus::after {
	background-color: var(--current-color);
}

.owl-nav button.disabled {
	opacity: 0;
	visibility: hidden;
}

.owl-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: var(--section-space) auto;
	margin-top: 0;
}

.owl-dots.disabled {
	display: none;
}

.owl-dot {
	width: 10px;
	height: 10px;
	min-height: 0;
	margin: 0 4px;
	border-radius: 5px;
	padding: 0;
	background-color: var(--current-color-thick);
	opacity: 0.25;
}

.owl-dot.active {
	width: 80px;
	height: 6px;
	border-radius: 3px;
	background-color: var(--current-color);
	opacity: 1;
}

.owl-dot:first-child:last-child {
	width: 80px;
	height: 2px;
	border-width: 0;
	border-radius: 1px;
}

.heading-separator {
	margin-top: var(--section-space);
	margin-bottom: var(--section-space);
}

.heading-section {
	width: 100%;
	margin-top: 0;
}

/* Products list */
.products-list {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	margin: 0 calc(-1 * var(--container-space));
}

.products-list + .alignfull {
	margin-top: 0;
}

.products-list .owl-stage {
	align-items: stretch;
}

.products-list .owl-item {
	align-items: stretch;
}

.products-list-title {
	text-align: center;
}

.product-item-wrapper {
	margin-top: var(--section-space);
}

.product-item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
	width: calc(1 / var(--product-item-carousel) * 100%);
	padding-bottom: 0.5rem;
}

.carousel .product-item {
	width: calc(1 / var(--product-item-carousel) * var(--viewport-width));
	padding: var(--section-space) var(--container-space);
	padding-top: 0;
}

.product-item.enlarge {
	width: 100%;
}

.carousel .product-item.enlarge {
	width: var(--viewport-width);
	padding: var(--section-space) var(--container-space);
	/*background-color: var(--product-bg-color);*/
}

.has-type-variation .product-item:not(.selected),
.has-color-variation .product-item:not(.selected) {
	display: none;
}

.product-item .product-item-image {
	flex-shrink: 0;
	position: relative;
	border-radius: var(--main-border-radius);
	overflow: hidden;
	transition: 0.5s;
}

#nomad-starter-packs-list .product-item .product-item-image,
#nomad-product-range-list .product-item .product-item-image {
	transform: scale3d(0.8, 0.8, 0.8) translate3d(60px, 0, 0);
}

#nomad-starter-packs-list .owl-item.active .product-item.enlarge .product-item-image,
#nomad-product-range-list .owl-item.active .product-item.enlarge .product-item-image {
	transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
	transition-delay: 0.5s;
}

#nomad-product-range-list .owl-item.center .product-item .product-item-image {
	transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

#nomad-product-range-list .owl-item.center + .owl-item .product-item-image {
	transform: scale3d(0.8, 0.8, 0.8) translate3d(-60px, 0, 0);
}

@keyframes carousel-slide-left {
	0% {
		opacity: 0;
		transform: translate3d(80px, 0, 0);
	}

	67% {
		opacity: 0;
		transform: translate3d(80px, 0, 0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@media screen and (min-width: 768px) {
	#nomad-product-range-list.carousel .product-item .product-item-image {
		transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
	}

	#nomad-product-range-list.carousel .owl-item.center + .owl-item .product-item-image {
		transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		animation: carousel-slide-left 1.5s;
	}
}

@media screen and (min-width: 960px) {
	.carousel .owl-item.center + .owl-item + .owl-item .product-item-image {
		opacity: 0;
	}

	.carousel .owl-item.center + .owl-item .product-item-image {
		opacity: 1;
		transition-delay: 1s;
	}
}

.product-item .product-item-image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--main-border-radius);
	transition: 0.75s;
}

.product-item .product-item-image:hover img {
	transform: scale3d(1.08, 1.08, 1.08);
}

.product-item .primary-image {
	height: 100%;
}

.product-item .primary-image img {
	height: 100%;
	object-fit: cover;
}

.product-item .primary-image,
.product-item .hover-image {
	margin: 0;
	transition: 0.5s;
}

.product-item .hover-image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
}

.product-item .hover-image img {
	/*width: calc(100% - 20px);*/
	width: 100%;
	height: 100%;
	/*margin-left: 10px;*/
	object-fit: cover;
	border-radius: var(--main-border-radius);
}

.product-item.has-hover-image:hover .primary-image {
	opacity: 0;
}

.product-item:hover .hover-image {
	opacity: 1;
}

.product-item .product-item-content {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
	margin-top: 40px;
	transition: 0.5s;
}

.products-list .product-item .product-item-content {
	justify-content: flex-start;
}

.carousel .product-item .product-item-content {
	opacity: 0;
	transform: translate3d(60px, 0, 0);
}

.carousel .owl-item.active .product-item .product-item-content {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition-delay: 0.6s;
}

.product-item.enlarge .product-item-content {
	margin-top: 30px;
}

.product-item .product-title {
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5em;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 4px;
	width: 100%;
	line-height: 1.35;
	margin: 0;
	margin-bottom: auto;
}

.product-item.enlarge .product-title {
	position: relative;
	font-size: 2.5em;
	line-height: 1.35;
	letter-spacing: normal;
	color: var(--text-color);
	margin-top: -0.25em;
	padding-bottom: 20px;
	width: calc(100% - 40px);
}

.product-item.enlarge .product-title::after {
	content: "";
	position: absolute;
	width: 60%;
	height: 1px;
	bottom: 0;
	left: 0;
	background: linear-gradient(to right, var(--text-color-transparent), var(--text-color) 40px, var(--text-color-transparent));
	opacity: 0.5;
}

.has-dark-background .product-item .product-title {
	color: var(--white);
}

.product-item.enlarge .product-title .small-title {
	display: block;
	font-size: 1.25rem;
	font-weight: 500;
	letter-spacing: normal;
}

.product-item .product-title a {
	display: block;
	text-decoration: none;
}

.product-item .product-title a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	display: none;
}

.product-item.enlarge .product-title a::before {
	display: none;
}

.product-item .product-description {
	--description-width: 240px;
	--max-line: 3;
	flex-basis: 100%;
	flex-grow: 1;
	position: relative;
	font-size: 0.875em;
	width: 100%;
	margin-top: 20px;
	padding: 0 calc(0.5 * (100% - var(--description-width)));
	max-height: calc(var(--max-line) * 1.6em);
	overflow: hidden;
	text-overflow: ellipsis;
	display: webkit-box;
	-webkit-line-clamp: var(--max-line);
	-webkit-box-orient: vertical;
}

.product-item.enlarge .product-description {
	max-height: none;
	padding: 0;
}

.product-item .product-price-info .biokissed-price-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0 20px;
	margin-top: 12px;
	margin-bottom: 0;
}

.product-item .price-text {
	display: none;
}

.product-item .price-text.on-sale {
	display: flex;
	margin-top: 8px;
}

.product-item.enlarge .price-text.on-sale {
	flex-wrap: wrap;
	position: absolute;
	top: -0.625em;
	left: auto;
	right: 0;
	margin: 0;
	font-style: italic;
	max-width: 120px;
	padding-left: 20px;
	border-left: 2px solid var(--green-soft);
	transition: 0.5s;
}

.product-item.enlarge .biokissed-price-wrapper.has-countdown .price-text.on-sale {
	padding-bottom: 0.5rem;
}

.product-item.enlarge .price-text.on-sale::after {
	width: 48px;
	height: 2px;
	bottom: 0;
	left: 0;
	background: var(--current-color);
	opacity: 1;
	display: none;
}

.carousel .product-item.enlarge .price-text.on-sale {
	opacity: 0;
	transform: translate3d(-20px, 0, 0);
}

.carousel .owl-item.active .product-item.enlarge .price-text.on-sale {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition-delay: 1s;
}

.product-item.enlarge .price-text.on-sale .discount-info {
	font-size: 2rem;
	font-weight: 600;
	width: auto;
	height: auto;
	background-color: transparent;
	color: var(--green);
}

.product-item.enlarge .price-text.on-sale .discount-info::before {
	display: none;
}

.product-item.enlarge .price-text.on-sale .discount-info-percentage {
	font-size: 2rem;
	font-weight: 700;
	color: var(--green);
	margin-left: 0;
}

.product-item.enlarge .price-text.on-sale .price-text-info {
	margin-left: 0;
	margin-right: 0;
	text-align: left;
	opacity: 1;
}

.product-item.enlarge .countdown.on-single-price {
	display: flex;
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
	padding: 6px 0;
	border: 1px solid var(--text-color-soft);
	border-left-width: 0;
	border-right-width: 0;
}

.product-item.enlarge .countdown.on-single-price .countdown-time {
	font-size: 1.25rem;
}

.product-item .biokissed-price.primary {
	flex-basis: auto;
}

.product-item .biokissed-price.secondary {
	margin-right: 0;
}

.product-item .biokissed-points {
	flex-basis: auto;
	flex-grow: 0;
}

.has-dark-background .product-item .biokissed-price.primary {
	color: var(--white);
}

.has-dark-background .product-item .biokissed-price .regular-price,
.has-dark-background .product-item .biokissed-point .regular-point {
	color: var(--white-half);
}

.has-dark-background .product-item .biokissed-price .regular-price::before,
.has-dark-background .product-item .biokissed-point .regular-point::before {
	background: linear-gradient(to right, var(--white-transparent), var(--white), var(--white-transparent));
}

.product-item .product-button {
	margin-top: 26px;
}

.product-item.enlarge .product-button {
	width: 100%;
	margin-top: 30px;
}

.product-item.enlarge .product-button .button {
	display: inline-flex;
}

.cover-info {
	display: flex;
}

.cover-info .wp-block-cover__inner-container {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	justify-content: center;
	width: 100%;
}

.cover-info .wp-block-cover__inner-container > * {
	flex-basis: auto;
}

.product-philosophy {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: var(--section-space) var(--container-space);
	background-color: var(--current-color);
	color: var(--contrast-color);
	fill: var(--contrast-color);
	border-radius: var(--main-border-radius);
}

.product-philosophy-list.alignfull .product-philosophy {
	border-radius: 0;
}

.product-philosophy:not(.selected) {
	display: none;
}

.product-philosophy.terracotta {
	--current-color: var(--terracotta);
}

.product-philosophy.grey {
	--current-color: var(--grey);
}

.product-philosophy.green {
	--current-color: var(--green);
}

.product-philosophy.blue {
	--current-color: var(--blue);
}

.product-philosophy.brown {
	--current-color: var(--brown);
}

.philosophy-media {
	width: 6.25rem;
	height: 6.25rem;
	opacity: 0.8;
}

.philosophy-media svg {
	display: block;
	width: 100%;
	height: auto;
}

.philosophy-title {
	font-family: var(--main-font-family);
	font-size: 1.25em;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	margin-top: calc(var(--section-space) - 0.5em);
}

body.single-product .entry-content .philosophy-title {
	color: inherit !important;
}

.philosophy-description {
	text-align: center;
	opacity: 0.9;
}

.single-product .products-list h2 {
	color: var(--current-color);
	margin-top: 0;
}

.single-product .wp-block-media-text__content h2 {
	color: var(--current-color);
}

.single-product .has-sticky-rounded-background .wp-block-media-text__content h2:not(.has-text-color) {
	color: inherit;
}

body.page-faq {
	background-color: var(--info-color-supersoft);
}

.faq-container {
	margin: calc(-1 * var(--section-space)) calc(-1 * var(--container-space)) 0;
	padding: var(--section-space) var(--container-space);
	background-color: var(--current-color);
	color: var(--contrast-color);
}

.faq-container h2 {
	margin-top: 0;
}

.faq-container .member-question {
	margin-top: var(--section-space);
}

.faq-item {
	padding: var(--element-space);
	margin-top: var(--element-space);
	border-radius: var(--main-border-radius);
	background-color: var(--contrast-color-thick);
	color: var(--text-color);
	box-shadow: 0 4px 8px 4px var(--black-transparent);
	transition: 0.5s;
}

.faq-item:hover {
	background-color: var(--contrast-color);
}

.faq-item.active {
	background-color: var(--contrast-color);
	box-shadow: 0 8px 16px 8px var(--black-supersoft);
}

.faq-question {
	position: relative;
	font-size: 1.5rem;
	margin-top: 0;
	padding-right: 2.5rem;
	cursor: pointer;
}

.faq-question::before,
.faq-question::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 16px;
	height: 2px;
	background-color: var(--text-color);
	transform: translateY(-50%);
	transition: 0.5s;
}

.faq-question::after {
	transform: translateY(-50%) rotate(90deg);
}

.faq-item.active .faq-question::before {
	transform: translateY(-50%) rotate(135deg);
}

.faq-item.active .faq-question::after {
	transform: translateY(-50%) rotate(225deg);
}

.faq-answer {
	position: relative;
	height: 0;
	margin-top: var(--element-space);
	margin-bottom: calc(-1 * var(--element-space));
	overflow: hidden;
	transition: 0.5s;
	width: calc(100% + 2 * var(--element-space));
	left: calc(-1 * var(--element-space));
	padding-left: var(--element-space);
	padding-right: var(--element-space);
}

ul.faq-answer,
ol.faq-answer {
	padding-left: calc(var(--element-space) + 1.25em);
}

ul.faq-answer li:first-child,
ol.faq-answer li:first-child {
	margin-top: 0;
}

.faq-answer::before {
	content: "";
	position: absolute;
	width: 0;
	height: 1px;
	top: 0;
	left: 0;
	background: linear-gradient(to right, var(--text-color-transparent), var(--text-color) 3em, var(--text-color-transparent));
}

.faq-item.active .faq-answer {
	height: auto;
	margin-top: var(--element-space);
	padding-top: var(--element-space);
	padding-bottom: var(--element-space);
	background-color: var(--info-color-supersoft);
}

.faq-item.active .faq-answer::before {
	width: 100%;
	transition: 0.5s;
	transition-delay: 0.25s;
}

.faq-answer .wp-block-group__inner-container > *:first-child {
	margin-top: 0;
}

.page-index-list {
	display: none;
}

.earth-values {
	margin-top: var(--section-space);
}

.earth-values p {
	position: relative;
	padding: 1rem;
	padding-left: 106px;
	border: 2px solid transparent;
	border-radius: var(--main-border-radius);
	background-color: var(--white);
	overflow: hidden;
	min-height: calc(2 * 1.6rem + 2rem);
}

.earth-values p::before {
	content: "";
	display: flex;
	align-items: flex-start;
	justify-content: center;
	position: absolute;
	width: 80px;
	height: 100%;
	top: 0;
	left: 0;
	font-size: 3rem;
	font-weight: 500;
	background-color: var(--current-color);
	color: var(--white);
	text-transform: uppercase;
	box-shadow: 2px 0 8px var(--black-extrasoft);
	border-right: 1px solid var(--black-supersoft);
}

.earth-values p:nth-child(1) {
	--current-color: var(--blue);
	--current-color-supersoft: var(--blue-supersoft);
	--current-color-extrasoft: var(--blue-extrasoft);
}

.earth-values p:nth-child(1)::before {
	content: "E";
}

.earth-values p:nth-child(2) {
	--current-color: var(--terracotta);
	--current-color-supersoft: var(--terracotta-supersoft);
	--current-color-extrasoft: var(--terracotta-extrasoft);
}

.earth-values p:nth-child(2)::before {
	content: "A";
}

.earth-values p:nth-child(3) {
	--current-color: var(--brown);
	--current-color-supersoft: var(--brown-supersoft);
	--current-color-extrasoft: var(--brown-extrasoft);
}

.earth-values p:nth-child(3)::before {
	content: "R";
}

.earth-values p:nth-child(4) {
	--current-color: var(--grey);
	--current-color-supersoft: var(--grey-supersoft);
	--current-color-extrasoft: var(--grey-extrasoft);
}

.earth-values p:nth-child(4)::before {
	content: "T";
}

.earth-values p:nth-child(5) {
	--current-color: var(--green);
	--current-color-supersoft: var(--green-supersoft);
	--current-color-extrasoft: var(--green-extrasoft);
}

.earth-values p:nth-child(5)::before {
	content: "H";
}

.hero-description {
	max-width: 720px;
	margin-top: 1rem;
}

.hero-description.has-text-align-center {
	margin-left: auto;
	margin-right: auto;
}

.hero-description.has-text-align-right {
	margin-left: auto;
	margin-right: 0;
}

.wp-block-group.hero-description {
	max-width: none;
}

.wp-block-group.hero-description .wp-block-group__inner-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.wp-block-group.hero-description.compact .wp-block-group__inner-container {
	flex-wrap: wrap;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	justify-content: center;
}

.wp-block-group.hero-description.align-bottom .wp-block-group__inner-container {
	align-items: flex-end;
}

.wp-block-cover.justified .wp-block-group.hero-description > .wp-block-group__inner-container > * {
	max-width: var(--container-small-width);
}

.wp-block-group.hero-description .wp-block-group__inner-container > * {
	margin-top: 0;
}

.video-link-icon {
	font-size: 0.75rem;
	letter-spacing: 0.6px;
	flex-shrink: 0;
}

.video-link-icon.merger {
	margin-left: 30px;
	text-align: right;
}

.video-link-icon a {
	position: relative;
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	padding-right: 64px;
	min-height: 48px;
	text-underline-offset: 4px;
}

.video-link-icon.icon-only a,
.video-link-icon.icon-only-on-mobile a {
	color: transparent;
	width: 48px;
	height: 48px;
	padding: 0;
	padding-left: 48px;
	overflow: hidden;
}

.video-link-icon a::before {
	content: "";
	position: absolute;
	width: 48px;
	height: 48px;
	top: 0;
	right: 0;
	border: var(--main-border-size) solid var(--white);
	border-radius: 50%;
	transition: 0.5s;
}

.video-link-icon a::after {
	content: "";
	position: absolute;
	top: 14px;
	right: 13px;
	border-left: 16px solid var(--white);
	border-top: 10px solid transparent;
	border-right: 0;
	border-bottom: 10px solid transparent;
	transition: 0.5s;
}

.video-link-icon.big-icon a {
	min-height: 80px;
	padding-right: 96px;
}

.video-link-icon.big-icon.icon-only a {
	padding: 0;
	padding-left: 80px;
}

.video-link-icon.big-icon a::before {
	width: 80px;
	height: 80px;
}

.video-link-icon.big-icon a::after {
	top: 24px;
	right: 22px;
	border-left-width: 24px;
	border-top-width: 16px;
	border-bottom-width: 16px;
}

.video-link-icon a:active::before {
	background-color: var(--white-half);
}

.video-link-icon a:hover::after {
	border-left-color: var(--current-color);
}

.video-link-icon a:hover::before {
	background-color: var(--white);
}

.tcm-element p:not(:first-child) {
	margin-top: 0.5rem;
}

/* Another Custom Blocks */
.small-width-container {
	max-width: var(--container-small-width);
}

.small-width-container.align-center {
	margin-left: auto;
	margin-right: auto;
}

.small-width-container.has-text-align-center {
	margin-left: auto;
	margin-right: auto;
}

.small-width-container.has-text-align-right {
	margin-left: auto;
}

.default-width-container {
	max-width: var(--container-default-width);
}

.default-width-container.align-center {
	margin-left: auto;
	margin-right: auto;
}

.default-width-container.has-text-align-center {
	margin-left: auto;
	margin-right: auto;
}

.default-width-container.has-text-align-right {
	margin-left: auto;
}

.wide-width-container {
	max-width: var(--container-wide-width);
}

.wide-width-container.align-center {
	margin-left: auto;
	margin-right: auto;
}

.wide-width-container.has-text-align-center {
	margin-left: auto;
	margin-right: auto;
}

.wide-width-container.has-text-align-right {
	margin-left: auto;
}

.section-space {
	margin-top: var(--section-space);
}

.element-space {
	margin-top: var(--element-space);
}

.break-space {
	margin-top: 0.5em;
}

.no-space {
	margin-top: 0;
}

.extra-minimal-space {
	margin-top: 0.875em;
}

.super-extra-minimal-space {
	margin-top: 8px;
}

.super-extra-minimal-space.has-gradient-line {
	position: relative;
	padding-top: 8px;
}

.super-extra-minimal-space.has-gradient-line::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background: linear-gradient(to right, var(--current-color-transparent), var(--current-color) 2em, var(--current-color-transparent));
	opacity: 0.25;
}

.wp-block-separator.minimal-space {
	margin-top: 20px;
	margin-bottom: 20px;
}

.wp-block-separator.extra-minimal-space {
	margin-top: 0.75em;
	margin-bottom: 0.875em;
}

.wp-block-separator.super-extra-minimal-space {
	margin-top: 8px;
	margin-bottom: 8px;
}

.has-large-border-radius {
	border-radius: var(--large-border-radius);
}

.has-large-border-radius.alignfull {
	border-radius: 0;
}

.wp-block-columns.text-gallery-columns {
	display: flex;
	flex-wrap: wrap;
}

.wp-block-gallery.merged-with-previous {
	margin-top: var(--gallery-item-space);
}

.wp-block-columns.feedback-columns {
	flex-wrap: wrap;
	gap: var(--section-space) var(--element-space);
	width: 100%;
}

.wp-block-columns.feedback-columns p {
	margin-top: var(--element-space);
}

.wp-block-columns.feedback-columns .wp-block-column {
	width: 100%;
}

.wp-block-columns.feedback-columns .wp-block-column.feedback-form {
	padding: var(--element-space);
	color: var(--text-color);
	background-color: var(--white);
	border-radius: var(--large-border-radius);
}

.minimal-height {
	min-height: calc(100vh - 2 * var(--section-space));
}

.optimal-height {
	min-height: calc(100vh - var(--section-space));
}

/* Homepage - BioKissed 5 Pillars */
:root {
	--carousel-items: 1;
	--carousel-gap: 20px;
	--carousel-width: var(--viewport-width);
	--topic-block-gap: 0.625rem;
}

.countdown {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 20px 40px;
	font-size: 1.25rem;
	text-align: center;
}

.countdown-time {
	display: block;
	font-family: "Bebas Neue";
	font-weight: 400;
	font-size: 5rem;
	line-height: 1;
	margin-bottom: -4px;
	text-shadow: 2px 2px 8px var(--black-supersoft);
	color: var(--white-half);
}

@media screen and (min-width: 960px) {
	.countdown {
		flex-wrap: nowrap;
	}

	.countdown-time {
		font-size: 7rem;
		margin-bottom: -6px;
	}
}

.countdown-label {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.75rem;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	line-height: 1;
	border-radius: var(--main-border-radius);
	height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: var(--white-half);
	color: var(--text-color);
}

.countdown-description {
	position: relative;
	margin-top: 30px;
	padding-top: 20px;
	max-width: var(--container-small-width);
	margin-left: auto;
	margin-right: auto;
}

.countdown-description::before {
	content: "";
	position: absolute;
	width: 80%;
	height: 1px;
	top: 0;
	left: 10%;
	background: linear-gradient(to right, var(--white-transparent), var(--white), var(--white-transparent));
	opacity: 0.5;
}

.countdown-description .wp-block-group__inner-container > *:first-child {
	margin-top: 0;
}

.countdown-description .text-info {
	margin-left: auto;
	margin-right: auto;
}

.countdown-description .wp-block-buttons {
	margin-top: 1rem;
}

.biokissed-5-pillars {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-top: 0;
	padding: var(--section-space) 0;
	min-height: 100vh;
	overflow: hidden;
}

.biokissed-5-pillars::before {
	content: "";
	position: absolute;
	width: 300%;
	height: 110%;
	top: -5%;
	left: -120%;
	background-image: url(assets/icon/bk-icon-dark.svg);
	background-repeat: no-repeat;
	background-size: contain;
	transform: rotate(-15deg);
	opacity: 0.05;
	z-index: -1;
}

.biokissed-5-pillars > .wp-block-group__inner-container {
	width: 100%;
}

.biokissed-5-pillars > .wp-block-group__inner-container > *:first-child {
	margin-top: 0;
}

.biokissed-5-pillars h1 {
	font-size: 3em;
	color: var(--brown);
}

.biokissed-5-pillars h2 {
	font-size: 1.5em;
	font-weight: 400;
	color: var(--brown-half);
}

.biokissed-5-pillars h1 + h2 {
	margin-top: 1rem;
}

.biokissed-5-pillars > .wp-block-group__inner-container > p {
	padding: 0 30px;
}

.biokissed-5-pillars-list + * {
	margin-top: 36px;
}

.biokissed-5-pillars-list.wp-block-columns {
	justify-content: center;
	align-items: center;
/*	gap: var(--carousel-gap);*/
	gap: 0;
	min-height: 380px;
	margin-top: var(--element-space);
	margin-bottom: var(--element-space);
}

.biokissed-5-pillars-list.owl-loaded {
	display: block;
	position: relative;
	overflow: visible;
}

.biokissed-5-pillars-list .owl-stage {
	justify-content: center;
	min-width: 100%;
	min-height: 380px;
	padding-top: 20px;
	padding-bottom: 64px;
	overflow: visible;
}

.biokissed-5-pillars-item {
	position: relative;
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	min-width: 200px;
	min-height: 200px;
	padding: 20px;
	border-radius: var(--main-border-radius);
	background-color: var(--current-color);
	color: var(--white);
	text-align: center;
	margin: 0 10px;
	cursor: pointer;
	transition: 0.3s;
}

.biokissed-5-pillars-item::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 50px;
	top: 100%;
	left: 0;
	display: none;
}

.biokissed-5-pillars-item:hover::before {
	display: block;
}

/*.biokissed-5-pillars-item:hover {
	min-width: calc(0.75 * var(--carousel-width));
	min-height: 240px;
}

.biokissed-5-pillars-list:not(:hover) .biokissed-5-pillars-item:nth-child(3):not(:hover),
.owl-stage:not(:hover) .owl-item.center .biokissed-5-pillars-item:not(:hover) {
	min-width: calc(0.75 * var(--carousel-width));
}*/

.biokissed-5-pillars-item.hovering {
	width: calc(0.75 * var(--carousel-width));
	min-height: 240px;
}

.biokissed-5-pillars-list:not(.hovering) .biokissed-5-pillars-item:nth-child(3):not(.hovering),
.biokissed-5-pillars-list:not(.hovering) .owl-item.center .biokissed-5-pillars-item:not(.hovering) {
	width: calc(0.75 * var(--carousel-width));
}

.biokissed-5-pillars-item.wood-element {
	--current-color: var(--green);
}

.biokissed-5-pillars-item.earth-element {
	--current-color: var(--brown);
}

.biokissed-5-pillars-item.metal-element {
	--current-color: var(--grey);
}

.biokissed-5-pillars-item.water-element {
	--current-color: var(--blue);
}

.biokissed-5-pillars-item img {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 0;
	object-fit: cover;
	z-index: -2;
}

.biokissed-5-pillars-item svg {
	fill: var(--white);
	width: auto;
	height: 120px;
}

.biokissed-5-pillars-item:hover svg {
	height: 120px;
}

/*.biokissed-5-pillars-list:not(:hover) .biokissed-5-pillars-item:nth-child(3):not(:hover) svg,
.owl-stage:not(:hover) .owl-item.center .biokissed-5-pillars-item:not(:hover) svg {
	height: 120px;
}*/

.biokissed-5-pillars-list:not(.hovering) .biokissed-5-pillars-item:nth-child(3):not(.hovering) svg,
.biokissed-5-pillars-list:not(.hovering) .owl-item.center .biokissed-5-pillars-item:not(.hovering) svg {
	height: 120px;
}

.biokissed-5-pillars-item .pillar-name {
	font-size: 1.5rem;
	font-weight: 500;
	width: 100%;
	margin-top: 10px;
	display: none;
}

.biokissed-5-pillars-item:hover .pillar-name {
	display: block;
}

/*.biokissed-5-pillars-list:not(:hover) .biokissed-5-pillars-item:nth-child(3):not(:hover) .pillar-name,
.owl-stage:not(:hover) .owl-item.center .biokissed-5-pillars-item:not(:hover) .pillar-name {
	display: block;
}*/

.biokissed-5-pillars-list:not(.hovering) .biokissed-5-pillars-item:nth-child(3):not(.hovering) .pillar-name,
.biokissed-5-pillars-list:not(.hovering) .owl-item.center .biokissed-5-pillars-item:not(.hovering) .pillar-name {
	display: block;
}

.biokissed-5-pillars-item .pillar-description {
	font-size: 0.75rem;
	width: 100%;
	margin-top: 10px;
	display: none;
}

.biokissed-5-pillars-item:hover .pillar-description {
	display: block;
}

/*.biokissed-5-pillars-list:not(:hover) .biokissed-5-pillars-item:nth-child(3):not(:hover) .pillar-description,
.owl-stage:not(:hover) .owl-item.center .biokissed-5-pillars-item:not(:hover) .pillar-description {
	display: block;
}*/

.biokissed-5-pillars-list:not(.hovering) .biokissed-5-pillars-item:nth-child(3):not(.hovering) .pillar-description,
.biokissed-5-pillars-list:not(.hovering) .owl-item.center .biokissed-5-pillars-item:not(.hovering) .pillar-description {
	display: block;
}

.biokissed-5-pillars-item .pillar-link {
	position: absolute;
	bottom: -16px;
	left: 50%;
	opacity: 0;
	visibility: hidden;
	transform: translate3d(-50%, 80%, 0);
	transition: 0.3s;
}

/*.biokissed-5-pillars-item:hover .pillar-link,
.owl-stage:not(:hover) .owl-item.center .biokissed-5-pillars-item:not(:hover) .pillar-link {
	opacity: 1;
	visibility: visible;
	transform: translate3d(-50%, 100%, 0);
	transition-delay: 0.3s;
}*/

.biokissed-5-pillars-item.hovering .pillar-link,
.biokissed-5-pillars-list:not(.hovering) .owl-item.center .biokissed-5-pillars-item:not(.hovering) .pillar-link {
	opacity: 1;
	visibility: visible;
	transform: translate3d(-50%, 100%, 0);
	transition-delay: 0.1s;
}

.biokissed-5-pillars-item .pillar-link a {
	position: relative;
	display: block;
	padding: 0.25em 1em;
	border-radius: var(--small-border-radius);
	background-color: var(--current-color);
	text-decoration: none;
	white-space: nowrap;
}

.biokissed-5-pillars-item .pillar-link a::before {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	top: -4px;
	left: 50%;
	background-color: var(--current-color);
	transform: translateX(-50%) rotate(45deg);
	z-index: -1;
}

.biokissed-5-pillars-list + .text-info {
	font-size: 1em;
	max-width: var(--container-default-width);
	margin-left: auto;
	margin-right: auto;
}

.biokissed-5-pillars .owl-dots {
	margin-top: var(--section-space);
}

.carousel.force-navigation .owl-nav.disabled {
	display: block;
}

body.touch-device .biokissed-5-pillars .owl-nav {
	display: none;
}

.biokissed-5-pillars .owl-prev,
.biokissed-5-pillars .owl-next {
	top: calc(50% - 40px);
}

.biokissed-5-pillars .owl-prev {
	left: 10px;
}

.biokissed-5-pillars .owl-next {
	right: 10px;
}

.wp-block-columns.biokissed-5-pillars-list.sticky {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap: 16px;
	position: fixed;
	width: 100%;
	height: 80px;
	min-height: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0 var(--page-space);
	background-color: var(--white);
	background-image: linear-gradient(to bottom, var(--off-white-soft), var(--off-white));
	box-shadow: 0 -1px 12px var(--black-supersoft);
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	transition: 0.5s;
}

body.show-sticky-element .wp-block-columns.biokissed-5-pillars-list.sticky {
	visibility: visible;
	opacity: 1;
}

.biokissed-5-pillars-list.sticky .biokissed-5-pillars-item {
	position: relative;
	min-width: 0 !important;
	max-width: 48px;
	min-height: 0 !important;
	height: 48px;
	margin: 0;
	padding: 10px;
	transition: 0.3s;
}

.biokissed-5-pillars-list.sticky .biokissed-5-pillars-item.active {
	max-width: 54px;
	height: 54px;
	border: 3px solid var(--white);
	box-shadow: 0 0 0 4px var(--current-color);
	border-radius: 6px;
	padding: 6px;
	margin: 4px 0;
}

.biokissed-5-pillars-list.sticky .biokissed-5-pillars-item:hover {
	max-width: 54px;
	height: 54px;
}

.biokissed-5-pillars-list.sticky .biokissed-5-pillars-item.fire-element {
	order: -1;
}

.biokissed-5-pillars-list.sticky .biokissed-5-pillars-item.wood-element {
	order: -1;
}

.biokissed-5-pillars-list.sticky .biokissed-5-pillars-item.earth-element {
	order: -1;
}

.biokissed-5-pillars-list.sticky svg {
	height: 100% !important;
}

.biokissed-5-pillars-list.sticky .pillar-name {
	position: absolute;
	font-size: 0.75rem;
	padding: 8px 12px;
	background: var(--current-color);
	border-radius: 5px;
	top: -18px;
	left: 50%;
	width: auto;
	margin: 0;
	transform: translate3d(-50%, -100%, 0);
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	box-shadow: 0 -2px 3px var(--black-extrasoft);
}

.biokissed-5-pillars-list.sticky .biokissed-5-pillars-item:hover .pillar-name {
	opacity: 1;
	visibility: visible;
}

.biokissed-5-pillars-list.sticky .pillar-name::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: calc(100% - 6px);
	right: calc(50% - 10px);
	transform: translateX(-50%) rotate(45deg);
	background-color: var(--current-color);
}

.biokissed-5-pillars-list.sticky .pillar-description {
	display: none !important;
}

.biokissed-5-pillars-list.sticky .pillar-link {
	display: none;
}

/*body.home .entry-content > :not(.alignfull),
body.page-homepage-02 .entry-content > :not(.alignfull) {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

body.home .entry-content > p:not(.alignfull),
body.page-homepage-02 .entry-content > p:not(.alignfull),
.topic-section .wp-block-group__inner-container > p,
.subtopic-section .wp-block-group__inner-container > p {
	max-width: var(--container-default-width);
	margin-left: auto;
	margin-right: auto;
}*/

.topic-section,
.subtopic-section {
	margin-top: calc(var(--section-space) - var(--element-space));
	padding-top: var(--element-space);
	/*min-height: calc(100vh - var(--section-space));*/
	min-height: 100vh;
	transition: 0.5s;
}

.topic-section > .wp-block-group__inner-container > *:first-child {
	margin-top: 0;
}

/*.topic-section:target {
	transform: translate3d(0, var(--element-space), 0);
}

.topic-section:target .sticky-subtopic-link {
	top: calc(-1 * var(--element-space));
}*/

.wp-block-cover.title-block {
	text-transform: uppercase;
	padding-top: var(--element-space);
	padding-bottom: var(--element-space);
	min-height: 100px;
}

.wp-block-cover.title-block .wp-block-cover__inner-container {
	width: 100%;
}

.wp-block-cover.title-block h2,
.wp-block-cover.title-block h3 {
	font-size: 1.5em;
	font-weight: 500;
}

.wp-block-cover.title-block .title-parent {
	font-size: 1rem;
	letter-spacing: 0.4px;
	margin-top: 0.25rem;
}

.wp-block-cover.title-block .title-main {
	margin-top: 0.5rem;
}

.wp-block-cover.title-block + * {
	margin-top: var(--element-space);
}

.wp-block-columns.subtitle-columns {
	--button-height: 2.25rem;
	--button-padding: 0.25em 0.875em;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 30px;
	margin-top: calc(var(--element-space) + 0.75rem);
}

.subtitle-columns .wp-block-column {
	display: flex;
	flex-direction: column;
}

.subtitle-block {
	font-size: 0.875em;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	line-height: initial;
	padding: 0.625rem 1rem;
	color: var(--white);
	background-color: var(--current-color-thick);
	border-radius: var(--main-border-radius);
	transition: 0.3s;
}

.subtitle-block.full-solid-bg {
	background-color: var(--current-color);
}

.wp-block-column:hover > .subtitle-block {
	background-color: var(--current-color);
}

.subtitle-block + * {
	margin-top: var(--topic-block-gap);
}

.subtitle-block + * :first-child {
	margin-top: 0;
}

.subtitle-columns .show-link-on-hover.link-after-image .wp-block-image {
	position: relative;
	z-index: 2;
}

.subtitle-columns .wp-block-image a {
	position: relative;
	display: block;
	border-radius: var(--main-border-radius);
	overflow: hidden;
}

.subtitle-columns .wp-block-image a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 60%;
	bottom: 0;
	left: 0;
	background: linear-gradient(to top, var(--black), var(--black-transparent));
	opacity: 0;
	z-index: 1;
	transition: 0.5s;
}

.subtitle-columns .wp-block-column:hover .wp-block-image a {
	box-shadow: 0 2px 8px var(--black-extrasoft);
}

.subtitle-columns .wp-block-column:hover .wp-block-image a::before {
	opacity: 0.6;
}

.subtitle-columns .wp-block-column.show-link-on-hover.link-at-the-end:hover .wp-block-image a::before,
.subtitle-columns .wp-block-column.show-link-on-hover.link-after-image:hover .wp-block-image a::before {
	opacity: 0;
}

.subtitle-columns .wp-block-image img {
	transition: 0.75s;
}

.subtitle-columns .wp-block-column:hover .wp-block-image a img {
	transform: scale3d(1.08, 1.08, 1.08);
}

.subtitle-columns .wp-block-buttons {
	flex-grow: 0;
	margin-top: calc(var(--topic-block-gap) - var(--button-gap));
}

body.touch-device .subtitle-columns .wp-block-buttons .wp-block-button {
	width: 100%;
}

.subtitle-columns .wp-block-buttons a {
	font-size: 1rem;
	font-weight: 500;
	border-radius: var(--small-border-radius);
}

body:not(.touch-device) .subtitle-columns .show-link-on-hover {
	position: relative;
}

body:not(.touch-device) .subtitle-columns .show-link-on-hover .wp-block-buttons {
	position: absolute;
	width: 100%;
	bottom: 20px;
	left: 50%;
	transform: translate3d(-50%, 20px, 0);
	margin-left: 0;
	margin-right: 0;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
}

body:not(.touch-device) .subtitle-columns .show-link-on-hover:hover .wp-block-buttons {
	opacity: 1;
	visibility: visible;
	transform: translate3d(-50%, 0, 0);
}

body:not(.touch-device) .subtitle-columns .show-link-on-hover:hover .wp-block-button__link {
	box-shadow: 0 2px 8px var(--black-soft);
}

body:not(.touch-device) .subtitle-columns .show-link-on-hover .wp-block-button__link {
	background-color: var(--current-color-thick);
	color: var(--contrast-color);
	fill: var(--contrast-color);
}

body:not(.touch-device) .subtitle-columns .show-link-on-hover .wp-block-button__link:hover,
body:not(.touch-device) .subtitle-columns .show-link-on-hover .wp-block-button__link:focus {
	background-color: var(--current-color);
	box-shadow: 0 4px 16px var(--black-half);
	transform: translate3d(0, -2px, 0);
	transition: 0.3s;
}

body:not(.touch-device) .subtitle-columns .show-link-on-hover .wp-block-button__link:active {
	color: var(--contrast-color-half);
	fill: var(--contrast-color-half);
}

body:not(.touch-device) .subtitle-columns .show-link-on-hover.link-at-the-end .wp-block-buttons {
	width: 100%;
	margin: 0;
	padding-top: var(--topic-block-gap);
	bottom: 0;
	transform: translate3d(-50%, 0, 0);
}

body:not(.touch-device) .subtitle-columns .show-link-on-hover.link-at-the-end:hover .wp-block-buttons {
	transform: translate3d(-50%, 100%, 0);
}

body:not(.touch-device) .subtitle-columns .show-link-on-hover.link-at-the-end .wp-block-button {
	width: 100%;
	padding: 0;
}

body:not(.touch-device) .subtitle-columns .show-link-on-hover.link-at-the-end .wp-block-button__link {
	border-radius: var(--main-border-radius);
	color: var(--current-color);
	fill: var(--current-color);
	background-color: var(--current-color-extrasoft);
	box-shadow: none;
}

body:not(.touch-device) .subtitle-columns .show-link-on-hover.link-at-the-end .solid-color .wp-block-button__link {
	background-color: var(--current-color);
	color: var(--white);
	fill: var(--white);
}

body:not(.touch-device) .subtitle-columns .show-link-on-hover.link-at-the-end .wp-block-button__link:hover,
body:not(.touch-device) .subtitle-columns .show-link-on-hover.link-at-the-end .wp-block-button__link:focus {
	color: var(--contrast-color);
	fill: var(--contrast-color);
	background-color: var(--current-color);
	transform: translate3d(0, 0, 0);
}

body:not(.touch-device) .subtitle-columns .show-link-on-hover.link-at-the-end .solid-color .wp-block-button__link:hover,
body:not(.touch-device) .subtitle-columns .show-link-on-hover.link-at-the-end .solid-color .wp-block-button__link:focus {
	background-color: var(--current-color-thick);
}

body:not(.touch-device) .subtitle-columns .show-link-on-hover.link-at-the-end .wp-block-button__link:active {
	color: var(--contrast-color-half);
	fill: var(--contrast-color-half);
}

body:not(.touch-device) .subtitle-columns .show-link-on-hover.link-after-image .wp-block-buttons {
	position: relative;
	width: 100%;
	bottom: 0;
	margin: 0;
	margin-bottom: calc(-1 * (var(--button-height) + var(--topic-block-gap)));
	padding-top: var(--topic-block-gap);
	transform: translate3d(-50%, -100%, 0);
	transition: 0.4s;
}

body:not(.touch-device) .subtitle-columns .show-link-on-hover.link-after-image:hover .wp-block-buttons {
	bottom: 0;
	transform: translate3d(-50%, 0, 0);
}

body:not(.touch-device) .subtitle-columns .show-link-on-hover.link-after-image .wp-block-buttons + * {
	transition: 0.3s;
}

body:not(.touch-device) .subtitle-columns .show-link-on-hover.link-after-image:hover .wp-block-buttons + * {
	transform: translate3d(0, calc(var(--button-height) + var(--topic-block-gap)), 0);
}

body:not(.touch-device) .subtitle-columns .show-link-on-hover.link-after-image .wp-block-button {
	width: 100%;
	padding: 0;
}

body:not(.touch-device) .subtitle-columns .show-link-on-hover.link-after-image .wp-block-button__link {
	width: 100%;
	border-radius: var(--main-border-radius);
	box-shadow: none;
}

body:not(.touch-device) .subtitle-columns .show-link-on-hover.link-after-image .wp-block-button__link:hover,
body:not(.touch-device) .subtitle-columns .show-link-on-hover.link-after-image .wp-block-button__link:focus {
	transform: translate3d(0, 0, 0);
}

.sticky-subtopic-link {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.625em;
	text-align: center;
	text-transform: uppercase;
	list-style-type: none;
	width: calc(100% + 2 * var(--container-space));
	margin: 0;
	margin-left: calc(-1 * var(--container-space));
	padding: 0;
	letter-spacing: 0.4px;
	position: sticky;
	top: 0;
	color: var(--text-color-half);
	background-color: var(--page-background);
	z-index: 9;
	transition: 0.3s;
	transform-style: preserve-3d;
	will-change: top;
}

body.scroll-up .sticky-subtopic-link {
	top: var(--header-height);
	transition: 0.4s;
	transition-delay: 1.1s;
}

/*.sticky-subtopic-link::before,
.sticky-subtopic-link::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background: linear-gradient(to right, var(--text-color-transparent), var(--text-color), var(--text-color-transparent));
	opacity: 0.25;
}

.sticky-subtopic-link::after {
	top: auto;
	bottom: 0;
}*/

.title-block + .sticky-subtopic-link {
	margin-top: 0;
}

.sticky-subtopic-link + * {
	margin-top: var(--element-space);
}

.sticky-subtopic-link li {
	position: relative;
	margin: 0;
	padding: 0;
}

.sticky-subtopic-link li.active {
	font-weight: 500;
	color: var(--current-color);
}

.sticky-subtopic-link li::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 60%;
	top: 20%;
	right: 0;
	background: linear-gradient(to bottom, var(--text-color-transparent), var(--text-color), var(--text-color-transparent));
	opacity: 0.25;
}

.sticky-subtopic-link li:last-child::after {
	display: none;
}

.sticky-subtopic-link a {
	display: block;
	padding: 1em 1.25em;
	text-decoration: none;
}

.sticky-subtopic-link a:hover {
	color: var(--current-color);
}

.color-theme.green {
	--current-color: var(--green);
	--current-extrathick: var(--green-extrathick);
	--current-color-thick: var(--green-thick);
	--current-color-half: var(--green-half);
	--current-color-soft: var(--green-soft);
	--current-color-extrasoft: var(--green-extrasoft);
	--current-color-supersoft: var(--green-supersoft);
	--current-color-transparent: var(--green-transparent);
}

.color-theme.terracotta {
	--current-color: var(--terracotta);
	--current-extrathick: var(--terracotta-extrathick);
	--current-color-thick: var(--terracotta-thick);
	--current-color-half: var(--terracotta-half);
	--current-color-soft: var(--terracotta-soft);
	--current-color-extrasoft: var(--terracotta-extrasoft);
	--current-color-supersoft: var(--terracotta-supersoft);
	--current-color-transparent: var(--terracotta-transparent);
}

.color-theme.brown {
	--current-color: var(--brown);
	--current-extrathick: var(--brown-extrathick);
	--current-color-thick: var(--brown-thick);
	--current-color-half: var(--brown-half);
	--current-color-soft: var(--brown-soft);
	--current-color-extrasoft: var(--brown-extrasoft);
	--current-color-supersoft: var(--brown-supersoft);
	--current-color-transparent: var(--brown-transparent);
}

.color-theme.grey {
	--current-color: var(--grey);
	--current-extrathick: var(--grey-extrathick);
	--current-color-thick: var(--grey-thick);
	--current-color-half: var(--grey-half);
	--current-color-soft: var(--grey-soft);
	--current-color-extrasoft: var(--grey-extrasoft);
	--current-color-supersoft: var(--grey-supersoft);
	--current-color-transparent: var(--grey-transparent);
}

.color-theme.blue {
	--current-color: var(--blue);
	--current-extrathick: var(--blue-extrathick);
	--current-color-thick: var(--blue-thick);
	--current-color-half: var(--blue-half);
	--current-color-soft: var(--blue-soft);
	--current-color-extrasoft: var(--blue-extrasoft);
	--current-color-supersoft: var(--blue-supersoft);
	--current-color-transparent: var(--blue-transparent);
}

.color-theme.white {
	--current-color: var(--white);
	--current-extrathick: var(--white-extrathick);
	--current-color-thick: var(--white-thick);
	--current-color-half: var(--white-half);
	--current-color-soft: var(--white-soft);
	--current-color-extrasoft: var(--white-extrasoft);
	--current-color-supersoft: var(--white-supersoft);
	--current-color-transparent: var(--white-transparent);
}

.color-theme.black {
	--current-color: var(--black);
	--current-extrathick: var(--black-extrathick);
	--current-color-thick: var(--black-thick);
	--current-color-half: var(--black-half);
	--current-color-soft: var(--black-soft);
	--current-color-extrasoft: var(--black-extrasoft);
	--current-color-supersoft: var(--black-supersoft);
	--current-color-transparent: var(--black-transparent);
}

.pack-info {
	--pack-info-gap: 10px;
	flex-grow: 1;
	padding: 16px;
	padding-top: 12px;
	margin-top: var(--topic-block-gap);
	color: var(--white);
	background-color: var(--current-color);
	border-radius: var(--main-border-radius);
	text-align: center;
	z-index: 2;
}

.pack-info .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.pack-info p {
	font-size: 0.75rem;
	margin-top: 0;
}

.pack-info ul {
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	gap: var(--pack-info-gap);
	font-size: 0.625rem;
	list-style-type: none;
	margin: 0;
	margin-top: 10px;
	padding: 0;
}

.pack-info li {
	flex-basis: calc((100% - 2 * var(--pack-info-gap)) / 3);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 6px var(--pack-info-gap);
	background-color: var(--black-soft);
	border-radius: var(--small-border-radius);
	margin: 0;
}

.pack-info li:first-child {
	flex-basis: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	font-weight: 600;
}

.pack-info li strong {
	display: block;
	font-size: 1.25rem;
	line-height: 1.4;
}

.wp-block-gallery.loose-gap {
	--gallery-item-space: 30px;
}

#nomad-product-range-list {
/*	--viewport-width: calc(100vw - 2 * var(--container-space));*/
	--product-item-carousel: 1;
	/*margin: 0;*/
	margin-top: var(--section-space);
}

#nomad-product-range-list .owl-stage {
	align-items: flex-start;
	justify-content: center;
}

#nomad-product-range-list .owl-item.center .product-item {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	/*width: calc(3 / var(--product-item-carousel) * var(--viewport-width));*/
}

#nomad-product-range-list .owl-item.center .product-item-image {
	/*width: 40%;*/
	width: 100%;
}

#nomad-product-range-list .product-item-content {
	/*display: none;*/
	align-items: flex-start;
	margin-top: 0;
}

#nomad-product-range-list .owl-item.center .product-item-content {
	display: flex;
}

#nomad-product-range-list .product-images-list {
	margin: 0;
	/*display: none;*/
}

#nomad-product-range-list .product-title {
	flex-grow: 0;
	justify-content: center;
	margin-top: auto;
	margin-bottom: 0;
	padding-top: 16px;
	letter-spacing: 2px;
}

#nomad-product-range-list .product-description {
	flex-basis: auto;
	flex-grow: 0;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
	margin-top: 8px;
}

#nomad-product-range-list .product-price-info .biokissed-price-wrapper {
	justify-content: center;
	margin-top: 0;
	/*margin-bottom: auto;*/
}

#nomad-product-range-list .product-button {
	margin-top: var(--element-space);
	margin-bottom: auto;
}

#nomad-product-range-list .owl-loaded {
	overflow: visible;
}

#nomad-product-range-list .owl-prev,
#nomad-product-range-list .owl-next {
	top: calc(50% - var(--section-space));
}

#nomad-product-range-list .owl-prev {
	left: -40px;
}

#nomad-product-range-list .owl-next {
	right: -40px;
}

.product-item .product-images-list {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 10px;
	width: 100%;
	margin: 0;
	margin-left: -30px;
	padding: 0;
	list-style-type: none;
}

.product-item .product-images-list .product-images-item {
	flex-basis: 100%;
	margin: 0;
	padding: 0;
	border-radius: var(--main-border-radius);
	overflow: hidden;
	transition: 0.5s;
	opacity: 0;
}

.carousel .product-item .product-images-list .product-images-item:nth-child(1) {
	transform: translate3d(10px, 0, 0);
}

.carousel .product-item .product-images-list .product-images-item:nth-child(2) {
	transform: translate3d(20px, 0, 0);
}

.carousel .product-item .product-images-list .product-images-item:nth-child(3) {
	transform: translate3d(30px, 0, 0);
}

.carousel .owl-item.center .product-item .product-images-list .product-images-item:nth-child(n) {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.carousel .owl-item.center .product-item .product-images-list .product-images-item:nth-child(1) {
	transition-delay: 0.5s;
}

.carousel .owl-item.center .product-item .product-images-list .product-images-item:nth-child(2) {
	transition-delay: 0.6s;
}

.carousel .owl-item.center .product-item .product-images-list .product-images-item:nth-child(3) {
	transition-delay: 0.7s;
}

.product-item .product-images-list img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--small-border-radius);
	transition: 0.75s;
}

.product-item .product-images-list .product-images-item:hover img {
	transform: scale3d(1.08, 1.08, 1.08);
}

/* Visi, Mission, Values */
.bk-5-elements-wheel-image {
	position: relative;
	width: 300px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: var(--section-space);
	border-radius: 50%;
	background-color: var(--white);
	padding: 30px;
}

.bk-5-elements-wheel-image::before {
	content: "";
	position: absolute;
	width: calc(100% + 16px);
	height: calc(100% + 16px);
	top: -8px;
	left: -8px;
	border-radius: 50%;
	border: 1px dashed var(--white);
}

.bk-5-elements-wheel-image::after {
	content: "";
	position: absolute;
	width: 1px;
	height: var(--element-space);
	border-right: 1px dashed var(--white);
	top: 100%;
	left: calc(50% - 1px);
}

.bk-5-elements-wheel-image img {
	position: relative;
	top: -4px;
}

.earth-values {
	position: relative;
	margin-top: var(--element-space);
}

.earth-values::before {
	content: "";
	position: absolute;
	width: calc(80% + 20px);
	height: 1px;
	top: 0;
	left: calc(10% - 10px);
	border-top: 1px dashed var(--white);
}

.earth-values p {
	overflow: visible;
}

.earth-values p::before {
	border-radius: calc(var(--main-border-radius) - 1px);
}

.earth-values p::after {
	content: "";
	position: absolute;
	width: 1px;
	height: var(--element-space);
	top: calc(-1 * var(--element-space));
	left: calc(50% - 1px);
	border-right: 1px dashed var(--white);
}

/* CEO Page */
.wp-block-group.has-sticky-rounded-background {
	margin-top: var(--section-space);
	padding: 0;
	background-color: transparent;
	z-index: -1;
}

.alignfull.has-background + .wp-block-group.has-sticky-rounded-background {
	margin-top: 0;
}

.wp-block-group.has-sticky-rounded-background::before {
	display: none;
}

.wp-block-group.sticky-rounded-background {
	position: sticky;
	top: var(--element-space);
	z-index: -1;
	height: calc(100vh - 2 * var(--element-space));
}

body.single-product .wp-block-group.sticky-rounded-background {
	height: calc(100vh - 2 * var(--element-space) - var(--header-height));
	top: calc(var(--element-space) + var(--header-height));
}

.wp-block-group.sticky-rounded-background::before,
.wp-block-group.sticky-rounded-background::after {
	content: "";
	position: absolute;
	width: 100%;
	height: calc(100vh - 2 * var(--element-space));
	top: 0;
	left: 0;
	background-color: var(--current-color);
	border-radius: var(--large-border-radius);
}

body.single-product .wp-block-group.sticky-rounded-background::before,
body.single-product .wp-block-group.sticky-rounded-background::after {
	height: calc(100vh - 2 * var(--element-space) - var(--header-height));
}

.wp-block-group.sticky-rounded-background::after {
	display: none;
	opacity: 0.5;
}

.has-sticky-rounded-background.has-black-background-color .wp-block-group.sticky-rounded-background::before {
	background-color: var(--black);
}

.has-sticky-rounded-background.has-white-background-color .wp-block-group.sticky-rounded-background::before {
	background-color: var(--white);
}

.has-sticky-rounded-background.has-terracotta-background-color .wp-block-group.sticky-rounded-background::before {
	background-color: var(--terracotta);
}

.has-sticky-rounded-background.has-green-background-color .wp-block-group.sticky-rounded-background::before {
	background-color: var(--green);
}

.has-sticky-rounded-background.has-blue-background-color .wp-block-group.sticky-rounded-background::before {
	background-color: var(--blue);
}

.has-sticky-rounded-background.has-brown-background-color .wp-block-group.sticky-rounded-background::before {
	background-color: var(--brown);
}

.has-sticky-rounded-background.has-grey-background-color .wp-block-group.sticky-rounded-background::before {
	background-color: var(--grey);
}

.has-sticky-rounded-background.darker .wp-block-group.sticky-rounded-background::after,
.has-sticky-rounded-background.lighter .wp-block-group.sticky-rounded-background::after {
	display: block;
}

.has-sticky-rounded-background.darker .wp-block-group.sticky-rounded-background::after {
	background-color: var(--black);
}

.has-sticky-rounded-background.lighter .wp-block-group.sticky-rounded-background::after {
	background-color: var(--white);
}

.has-sticky-rounded-background.darker-10 .wp-block-group.sticky-rounded-background::after,
.has-sticky-rounded-background.lighter-10 .wp-block-group.sticky-rounded-background::after {
	opacity: 0.1;
}

.has-sticky-rounded-background.darker-15 .wp-block-group.sticky-rounded-background::after,
.has-sticky-rounded-background.lighter-15 .wp-block-group.sticky-rounded-background::after {
	opacity: 0.15;
}

.has-sticky-rounded-background.darker-20 .wp-block-group.sticky-rounded-background::after,
.has-sticky-rounded-background.lighter-20 .wp-block-group.sticky-rounded-background::after {
	opacity: 0.2;
}

.has-sticky-rounded-background.darker-25 .wp-block-group.sticky-rounded-background::after,
.has-sticky-rounded-background.lighter-25 .wp-block-group.sticky-rounded-background::after {
	opacity: 0.25;
}

.has-sticky-rounded-background.darker-65 .wp-block-group.sticky-rounded-background::after,
.has-sticky-rounded-background.lighter-65 .wp-block-group.sticky-rounded-background::after {
	opacity: 0.65;
}

.has-sticky-rounded-background.darker-75 .wp-block-group.sticky-rounded-background::after,
.has-sticky-rounded-background.lighter-75 .wp-block-group.sticky-rounded-background::after {
	opacity: 0.75;
}

.wp-block-group.sticky-rounded-foreground {
	position: sticky;
	top: var(--element-space);
	background: var(--page-background-half);
	margin-top: calc(2 * var(--element-space) - 100vh);
	z-index: 2;
}

.wp-block-group.sticky-rounded-foreground::before {
	content: "";
	position: absolute;
	width: 100%;
	height: var(--element-space);
	top: calc(-1 * var(--element-space));
	left: 0;
	background-color: var(--page-background);
}

body.single-product .wp-block-group.sticky-rounded-foreground::before {
	height: calc(var(--element-space) + var(--header-height));
}

.wp-block-group.sticky-rounded-foreground::after {
	content: "";
	position: absolute;
	width: 100%;
	height: var(--element-space);
	left: 0;
	top: 0;
	background-color: var(--page-background);
	transform: translateY(calc(100vh - 2 * var(--element-space)));
}

.wp-block-group.sticky-rounded-content {
	padding: var(--container-space);
}

.wp-block-group.sticky-rounded-content > .wp-block-group__inner-container > *:first-child {
	margin-top: 0;
}

.wp-block-group.sticky-rounded-content > .wp-block-group__inner-container > .wp-block-media-text {
	padding: 0;
}

body.single-product .wp-block-group.sticky-rounded-content > .wp-block-group__inner-container > .wp-block-media-text {
	padding-top: var(--section-space);
}

.wp-block-group.sticky-rounded-content > .wp-block-group__inner-container > .wp-block-media-text.has-background {
	background-color: transparent;
}

.wp-block-group.sticky-rounded-content > .wp-block-group__inner-container > .wp-block-media-text.darker::before,
.wp-block-group.sticky-rounded-content > .wp-block-group__inner-container > .wp-block-media-text.lighter::before {
	display: none;
}

.wp-block-group.sticky-rounded-content > .wp-block-group__inner-container > .wp-block-media-text.sticky-media.is-image-fill .wp-block-media-text__media,
.wp-block-group.sticky-rounded-content > .wp-block-group__inner-container > .wp-block-media-text.sticky-media.is-image-fill-element .wp-block-media-text__media {
	position: sticky;
	height: calc(100vh - 2 * var(--element-space) - 2 * var(--media-sticky-space));
	top: calc(var(--element-space) + var(--media-sticky-space));
	bottom: auto;
	left: auto;
	right: auto;
	margin: calc(-1 * (var(--section-space) - var(--media-sticky-space))) calc(-1 * (var(--container-space) - var(--media-sticky-space)));
	margin-right: 0;
	border-radius: calc(var(--large-border-radius) - var(--media-sticky-space));
}

body.single-product .wp-block-group.sticky-rounded-content > .wp-block-group__inner-container > .wp-block-media-text.sticky-media.is-image-fill .wp-block-media-text__media,
body.single-product .wp-block-group.sticky-rounded-content > .wp-block-group__inner-container > .wp-block-media-text.sticky-media.is-image-fill-element .wp-block-media-text__media {
	height: calc(100vh - 2 * var(--element-space) - 2 * var(--media-sticky-space) - var(--header-height));
	top: calc(var(--element-space) + var(--media-sticky-space) + var(--header-height));
}

.wp-block-group.sticky-rounded-content > .wp-block-group__inner-container > .wp-block-media-text.sticky-media.is-image-fill.has-media-on-the-right .wp-block-media-text__media,
.wp-block-group.sticky-rounded-content > .wp-block-group__inner-container > .wp-block-media-text.sticky-media.is-image-fill-element.has-media-on-the-right .wp-block-media-text__media {
	margin-right: calc(-1 * (var(--container-space) - var(--media-sticky-space)));
	margin-left: 0;
}

.has-background.gradation {
	background: linear-gradient(to right, var(--current-color-transparent), var(--current-color), var(--current-color-transparent));
}

.wp-block-group.sticky-rounded-content .wp-block-columns.has-sticky-position .column-media {
	top: calc(var(--element-space) + var(--section-space));
}

.wp-block-group.ceo-letter {
	--letter-space: 120px;
	border-radius: var(--large-border-radius);
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
}

.wp-block-group.ceo-letter-02 {
	--letter-space: var(--container-space);
	max-width: none;
}

.wp-block-group.ceo-letter .wp-block-group__inner-container {
	position: relative;
	padding-left: var(--letter-space);
	padding-right: var(--letter-space);
}

.wp-block-group.ceo-letter .wp-block-group__inner-container::before,
.wp-block-group.ceo-letter .wp-block-group__inner-container::after {
	content: "";
	position: absolute;
	width: 2px;
	height: 100%;
	top: 0;
	left: calc(var(--letter-space) - var(--container-space));
	background: linear-gradient(to bottom, var(--white-transparent), var(--white), var(--white-transparent));
	opacity: 0.25;
	z-index: 1;
}

.wp-block-group.ceo-letter .wp-block-group__inner-container::after {
	left: auto;
	right: calc(var(--letter-space) - var(--container-space));
}

.wp-block-image.vertical-caption-on-the-right {
	display: flex;
	align-items: flex-end;
	padding-right: 44px;
}

.wp-block-image.vertical-caption-on-the-right figcaption {
	font-size: 0.75rem;
	text-align: left;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	width: auto;
	margin: 0;
	margin-left: 10px;
	opacity: 0.75;
}

.wp-block-image.signature-image img {
	max-width: 240px;
}

.wp-block-image.signature-image figcaption {
	font-size: 1rem;
	font-style: italic;
	text-align: left;
	margin: 0;
	margin-top: 0.5rem;
	opacity: 1;
}

.wp-block-media-text.fixed-media.covered {
	position: relative;
}

.wp-block-media-text.fixed-media.covered::before,
.wp-block-media-text.fixed-media.covered::after {
	content: "";
	position: absolute;
	width: var(--viewport-width);
	height: calc(2 * var(--viewport-height));
	top: 0;
	left: calc(-1 * var(--container-space));
	transform: translateY(-100%);
	background-color: var(--page-background);
	z-index: -1;
}

.wp-block-media-text.fixed-media.covered::after {
	top: auto;
	bottom: 0;
	transform: translateY(100%);
}

.ceo-media-loop .wp-block-media-text__media video {
	object-position: center 20%;
}

.block-list-item {
	padding: 0;
	list-style-type: none;
}

.block-list-item li {
	padding: 1em;
	padding-left: 60px;
	color: var(--white);
	background-color: var(--current-color);
	border-radius: var(--main-border-radius);
}

.wp-block-media-text.block-text-content .wp-block-media-text__content {
	padding: 50px 60px 30px;
	color: var(--white);
	background-color: var(--current-color);
	border-radius: var(--main-border-radius);
}

.counter-list-items {
	counter-reset: numbered-list-items;
	padding-left: 0;
	list-style-type: none;
}

.counter-list-items li {
	position: relative;
	counter-increment: numbered-list-items;
	padding-left: 40px;
	padding-bottom: 0.625em;
}

.counter-list-items li:last-child {
	padding-bottom: 0;
}

.counter-list-items.rounded li {
	padding-left: 60px;
}

.counter-list-items li::before {
	content: counter(numbered-list-items);
	position: absolute;
	width: 20px;
	height: 1.6rem;
	top: 0;
	left: 0;
	font-size: 1.125em;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.counter-list-items.rounded li::before {
	width: 30px;
	height: 30px;
	font-weight: 500;
	font-style: italic;
	border-radius: 50%;
	border: 2px solid var(--white-extrasoft);
	box-shadow: 2px 2px 6px var(--black-soft);
}

.box-rounded .wp-block-group__inner-container {
	max-height: calc(100vh - 3 * var(--section-space));
	overflow-y: auto;
}

@media screen and (max-width: 1199px) {
	.wp-block-group.ceo-letter {
		--letter-space: 2px;
	}

	.wp-block-image.vertical-caption-on-the-right {
		flex-wrap: wrap;
		padding-right: 0;
	}

	.wp-block-image.vertical-caption-on-the-right figcaption {
		font-size: 0.625rem;
		writing-mode: initial;
		margin-left: 0;
		margin-top: 10px;
		transform: none;
	}
}

@media screen and (max-width: 959px) {
	.wp-block-group.sticky-rounded-content > .wp-block-group__inner-container > .wp-block-media-text {
		overflow: visible;
	}

	.wp-block-group.sticky-rounded-content > .wp-block-group__inner-container > .wp-block-media-text.sticky-media.is-image-fill .wp-block-media-text__media,
	.wp-block-group.sticky-rounded-content > .wp-block-group__inner-container > .wp-block-media-text.sticky-media.is-image-fill.has-media-on-the-right .wp-block-media-text__media,
	.wp-block-group.sticky-rounded-content > .wp-block-group__inner-container > .wp-block-media-text.sticky-media.is-image-fill-element .wp-block-media-text__media,
	.wp-block-group.sticky-rounded-content > .wp-block-group__inner-container > .wp-block-media-text.sticky-media.is-image-fill-element.has-media-on-the-right .wp-block-media-text__media {
		margin: calc(-1 * var(--container-space));
		margin-bottom: 0;
		border-radius: var(--large-border-radius);
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	/*.wp-block-group.sticky-rounded-content > .wp-block-group__inner-container > .wp-block-media-text.sticky-media.is-image-fill.has-media-on-the-right .wp-block-media-text__media,
	.wp-block-group.sticky-rounded-content > .wp-block-group__inner-container > .wp-block-media-text.sticky-media.is-image-fill-element.has-media-on-the-right .wp-block-media-text__media {
		margin: calc(-1 * var(--container-space));
		margin-top: 0;
		border-radius: var(--large-border-radius);
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}*/
}

/* Join Us */
.is-layout-flex.wp-block-columns.usp-topic-columns,
.wp-block-columns.usp-topic-columns {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
	gap: var(--container-space);
	min-height: calc(100vh - 2 * var(--section-space));
}

.usp-topic-columns .usp-topic {
	position: relative;
	flex-basis: 25%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 40px;
	color: var(--white);
	fill: var(--white);
	background-color: var(--current-color);
	border-radius: var(--main-border-radius);
	transition: 0.5s;
}

.usp-topic-columns .usp-topic:not(.usp-topic-title)::before {
	content: "";
	position: absolute;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	top: -5px;
	left: -5px;
	border-radius: calc(var(--main-border-radius) + 5px);
	border: var(--main-border-size) solid var(--current-color);
	opacity: 0;
	z-index: -1;
	transition: 0.3s;
}

.usp-topic-columns .usp-topic:not(.usp-topic-title):hover {
	/*background-color: var(--current-color-thick);*/
}

.usp-topic-columns .usp-topic:not(.usp-topic-title):hover::before {
	/*width: calc(100% - 8px);
	height: calc(100% - 8px);
	top: 4px;
	left: 4px;
	border-radius: calc(var(--main-border-radius) - 4px);*/
	opacity: 1;
}

.usp-topic-columns .usp-topic.usp-topic-title {
	align-items: flex-start;
	padding: 20px;
	background-color: transparent;
	color: var(--text-color);
	border-radius: 0;
}

.usp-topic-title h2 {
	font-size: 3.5em;
	line-height: 1.1;
	margin-left: -0.05em;
}

.usp-topic svg {
	width: auto;
	height: 80px;
	transition: 0.3s;
}

.usp-topic:hover svg {
	transform: scale3d(1.1, 1.1, 1.1);
}

.usp-topic .usp-topic-name {
	font-size: 1.25em;
	font-weight: 600;
	text-align: center;
	margin-top: 16px;
}

.usp-topic .usp-topic-name a {
	text-decoration: none;
}

.usp-topic .usp-topic-name a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.usp-topic .usp-topic-description {
	font-size: 0.75em;
	margin-top: 10px;
	margin-bottom: -2px;
}

#extra-income .owl-stage {
	min-height: 100vh;
	padding-bottom: 20px;
}

#extra-income .owl-next {
	right: 50px;
	bottom: 50px;
}

#extra-income .owl-prev {
	right: 120px;
	bottom: 50px;
}

#extra-income .owl-dots {
	left: 40px;
	bottom: 25px;
}

.wp-block-columns.topic-explanation {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: flex-start;
	gap: 0;
	position: relative;
	z-index: 1;
	width: calc(100% - var(--container-space));
	min-height: calc(100vh - var(--container-space));
	padding: 0;
	border-radius: var(--large-border-radius);
	box-shadow: 2px 2px 8px var(--black-extrasoft);
	overflow: hidden;
}

.wp-block-column.explanation-text {
	flex-basis: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 50%;
	padding: calc(0.5 * var(--container-space));
	max-height: calc(100vh - var(--container-space));
	overflow-y: auto;
}

.wp-block-column.explanation-visual {
	flex-basis: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 50%;
	padding: calc(0.5 * var(--container-space)) var(--container-space);
	background-color: var(--white-extrasoft);
	max-height: calc(100vh - var(--container-space));
	overflow-y: auto;
}

.wp-block-column.explanation-visual.as-explanation-text {
	padding-left: calc(0.5 * var(--container-space));
	padding-right: calc(0.5 * var(--container-space));
}

.wp-block-column.explanation-text.more-vertical-space,
.wp-block-column.explanation-visual.more-vertical-space {
	padding-top: calc(0.5 * var(--section-space));
	padding-bottom: calc(0.5 * var(--section-space));
}

.wp-block-column.explanation-text.align-center {
	justify-content: center;
}

.wp-block-column.explanation-visual.align-top {
	justify-content: flex-start;
}

.wp-block-column.explanation-text.align-bottom,
.wp-block-column.explanation-visual.align-bottom {
	justify-content: flex-end;
}

.wp-block-column.explanation-text::-webkit-scrollbar,
.wp-block-column.explanation-visual::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.wp-block-column.explanation-text::-webkit-scrollbar-thumb,
.wp-block-column.explanation-visual::-webkit-scrollbar-thumb {
	border-right: 2px solid transparent;
	border-bottom: 2px solid transparent;
	background-color: var(--white-soft);
	background-clip: content-box;
}

.wp-block-column.explanation-text::-webkit-scrollbar-thumb:hover,
.wp-block-column.explanation-visual::-webkit-scrollbar-thumb:hover {
	background-color: var(--white-half);
}

.wp-block-columns.topic-explanation.less-width-text .wp-block-column.explanation-text {
	width: 40%;
}

.wp-block-columns.topic-explanation.less-width-text .wp-block-column.explanation-visual {
	width: 60%;
}

.wp-block-column.explanation-text > .align-bottom {
	margin-top: auto;
	padding-top: var(--element-space);
}

.wp-block-column.explanation-text > .align-bottom.section-space {
	padding-top: var(--section-space);
}

.wp-block-column.explanation-text .explanation-title {
	font-size: 3.5em;
	line-height: 1;
	margin-left: -0.05em;
}

.wp-block-column.explanation-text .explanation-subtitle {
	font-size: 1.75em;
	line-height: 1.5;
	margin-top: 0;
}

.wp-block-column.explanation-visual .explanation-subtitle {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 2.5em;
	line-height: 1.25;
	width: 100%;
	min-height: calc(2 * 3.5rem);
}

.wp-block-group.topic-icon-overlay {
	position: absolute;
	width: 100%;
	max-width: 400px;
	bottom: 0;
	left: 20px;
	z-index: -1;
}

.topic-icon-overlay svg {
	display: block;
	fill: var(--white);
	opacity: 0.05;
}

.topic-icon-overlay.dark svg {
	fill: var(--black);
	opacity: 0.03;
}

.topic-explanation.topic-cover > .wp-block-column.explanation-text {
	align-items: center;
	justify-content: center;
}

.topic-explanation.topic-cover .explanation-title {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.topic-explanation.topic-cover .wp-block-gallery {
	--gallery-item-space: 40px;
	width: 100%; /* Fix for Firefox */
	max-width: var(--container-wide-width);
	margin-left: auto;
	margin-right: auto;
	margin-top: 48px;
}

@media screen and (max-width: 1400px) {
	.topic-explanation.topic-cover .wp-block-gallery {
		--gallery-item-space: 30px;
		max-width: 60%;
	}
}

.topic-explanation.topic-cover .wp-block-gallery {
	overflow: visible;
}

.topic-explanation.topic-cover .wp-block-gallery .wp-block-image {
	padding: 16px;
	background-color: var(--off-white-soft);
	border-radius: var(--main-border-radius);
	box-shadow: 2px 4px 6px var(--black-extrasoft);
}

.topic-explanation.topic-cover .topic-cover-introduction {
	margin-top: 48px;
}

.wp-block-column.explanation-visual svg {
	width: 100%;
	height: auto;
}

.wp-block-columns.explanation-visual-row {
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 40px;
	max-height: 100%;
	width: 100%; /* Fix for Firefox */
}

.wp-block-columns.explanation-visual-row.grow-height {
	flex-grow: 1;
}

.wp-block-columns.explanation-visual-row.full-width {
	width: 100%;
}

.explanation-visual-row > .wp-block-column {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 40px;
	position: relative;
}

.explanation-visual-row.small-gap > .wp-block-column {
	gap: 10px 40px;
}

.explanation-visual-row .wp-block-image {
	max-width: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}

.wp-block-columns.plan-ab {
	flex-direction: column;
}

.wp-block-columns.plan-ab .wp-block-column {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 30px;
}

.plan-ab .plan-name {
	font-size: 1.5em;
}

.plan-ab .wp-block-image {
	width: 200px;
}

.topic-explanation ul > li:first-child,
.topic-explanation ol > li:first-child {
	margin-top: 0;
}

.list-definition {
	font-size: 0.875em;
}

.list-definition strong {
	font-size: 1.25em;
}

.list-definition li {
	margin-top: 0.5em;
}

.list-definition li:not(:last-child) {
	padding-bottom: 0.75em;
	border-bottom: 1px solid var(--white-soft);
}

.has-small-paragraph p:not(.explanation-subtitle) {
	font-size: 0.875em;
	margin-top: 1.25em;
}

.explanation-bonuses .wp-block-column.explanation-visual {
	background-color: var(--off-white);
	color: var(--text-color);
}

.explanation-bonuses .wp-block-column.explanation-visual .plan-bonus-name {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.375em;
	width: 100%;
	font-size: 1.25em;
	line-height: 1;
	color: var(--current-color);
}

.explanation-bonuses .wp-block-column.explanation-visual .plan-bonus-name::after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background-color: var(--current-color-half);
	margin-left: 10px;
}

.explanation-bonuses .wp-block-column.explanation-visual .wp-block-gallery + .plan-bonus-name {
	margin-top: 60px;
}

.explanation-bonuses .wp-block-column.explanation-visual .wp-block-gallery {
	--gallery-item-space: 40px;
	row-gap: 20px;
	align-items: stretch;
	width: 100%;
	margin-top: 20px;
}

.explanation-bonuses .wp-block-column.explanation-visual .wp-block-gallery:first-child {
	margin-top: 0;
}

.explanation-bonuses .wp-block-column.explanation-visual .wp-block-gallery .wp-block-image {
	flex-grow: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.explanation-bonuses .wp-block-column.explanation-visual .wp-block-gallery figcaption {
	font-size: 0.75em;
	line-height: 1.25;
	text-transform: uppercase;
	width: 80%;
	margin: auto;
	opacity: 1;
}

.explanation-title-header {
	width: 100%;
}

.explanation-title-header + * {
	margin-top: 24px;
}

.explanation-title-header > .wp-block-group__inner-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 80px;
}

.explanation-title-description {
	flex-basis: 100%;
	margin-top: 0;
	padding: 10px 16px;
	border: 1px solid var(--white-half);
	border-radius: var(--main-border-radius);
	text-align: center;
}

.explanation-bonus-title + .explanation-title-description {
	margin-top: -24px;
}

.explanation-bonus-title {
	position: relative;
	width: 100%;
	min-height: 144px;
	padding-left: 144px;
	padding-bottom: 24px;
}

.explanation-bonus-title::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background: linear-gradient(to right, var(--white-transparent), var(--white) 60px, var(--white-transparent));
	opacity: 0.5;
}

.explanation-bonus-title .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	min-height: 100%;
}

.explanation-bonus-title .wp-block-image {
	position: absolute;
	width: 120px;
	height: 120px;
	top: 0;
	left: 0;
	padding: 8px;
	margin: 0;
	background-color: var(--off-white-yellowish);
	border-radius: var(--main-border-radius);
}

.explanation-bonus-title .wp-block-image img {
	width: 100% !important;
	height: auto !important;
}

.wp-block-column.explanation-text .explanation-bonus-title .explanation-title {
	font-size: 2.5em;
	line-height: 1.1;
	margin-top: 0;
}

.wp-block-column.explanation-text .explanation-bonus-title .explanation-subtitle {
	font-size: 1.375em;
}

.retail-profit-illustration.wp-block-columns.explanation-visual-row {
	width: auto; /* Fix for Firefox */
}

.retail-profit-illustration > .wp-block-column {
	height: 100%;
}

.explanation-visual-row .avatar {
	position: relative;
	width: 100%; /* Fix for Firefox */
}

.retail-profit-illustration .avatar {
	flex-grow: 1;
}

.retail-profit-illustration .avatar .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: stretch;
	height: 100%;
}

.retail-profit-illustration .avatar .wp-block-image {
	position: relative;
	/*width: auto;*/
	width: 100%; /* Fix for Firefox */
	height: 100%;
	max-width: none;
	max-height: none;
}

.retail-profit-illustration .avatar .wp-block-image img {
	width: auto;
	height: 100%;
}

.avatar-with-caption .avatar-caption {
	font-size: 0.625rem;
	font-weight: 500;
	margin-top: 0.5rem;
	line-height: 1.25;
	text-align: center;
	text-transform: uppercase;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

.retail-profit-illustration .avatar:nth-child(1)::before {
	content: "";
	position: absolute;
	width: 60px;
	height: calc(100% + 40px);
	top: calc(50% - 20px);
	left: calc(100% + 40px);
	border: 2px dashed var(--off-white-yellowish);
	border-left-width: 0;
	border-radius: 0 var(--large-border-radius) var(--large-border-radius) 0;
}

.retail-profit-illustration .avatar:nth-child(1)::after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	top: calc(150% + 20px);
	left: calc(100% + 20px);
	transform: translateY(-50%) rotate(-45deg);
	border: 6px solid var(--off-white-yellowish);
	border-right-width: 0;
	border-bottom-width: 0;
}

.retail-profit-illustration .avatar:nth-child(1) .wp-block-image::after {
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	left: calc(100% + 20px);
	transform: translateY(-50%);
	background-image: url(assets/illustration/link-icon-01.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.retail-profit-illustration .avatar:nth-child(2)::before {
	content: "";
	position: absolute;
	width: 60px;
	height: calc(100% + 40px);
	top: calc(50% - 4px);
	right: calc(100% + 40px);
	border: 2px dashed var(--off-white-yellowish);
	border-right-width: 0;
	border-radius: var(--large-border-radius) 0 0 var(--large-border-radius);
}

.retail-profit-illustration .avatar:nth-child(2)::after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	top: calc(150% + 35px);
	right: calc(100% + 20px);
	transform: translateY(-50%) rotate(135deg);
	border: 6px solid var(--off-white-yellowish);
	border-right-width: 0;
	border-bottom-width: 0;
}

.retail-profit-illustration .avatar:nth-child(2) .wp-block-image::before {
	content: "";
	position: absolute;
	width: 56px;
	height: 56px;
	top: 50%;
	right: calc(100% + 20px);
	transform: translateY(-50%);
	background-image: url(assets/illustration/box-product-01.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.retail-profit-illustration .avatar:nth-child(2) .retail-price {
	position: absolute;
	font-weight: 500;
	line-height: 1.25;
	margin: 0;
	top: calc(100% - 32px);
	right: calc(100% + 100px);
	white-space: nowrap;
	transform: translateX(50%);
	background-color: var(--terracotta);
	background-image: linear-gradient(to right, var(--black-extrasoft), var(--black-extrasoft));
	padding: 8px 12px;
	border-radius: var(--main-border-radius);
}

.retail-profit-illustration .avatar:nth-child(2) .retail-price::after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	right: -40px;
	transform: translateY(-50%) rotate(135deg);
	border: 6px solid var(--off-white-yellowish);
	border-right-width: 0;
	border-bottom-width: 0;
}

.avatar .avatar-bubble {
	position: absolute;
	width: 60px;
	height: 60px;
	top: -10px;
	right: -10px;
	font-size: 0.625rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.25;
	margin-top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: var(--brown);
}

.avatar .avatar-bubble.smaller {
	width: 40px;
	height: 40px;
	padding: 0 4px;
	top: -4px;
	right: -4px;
}

.avatar .avatar-bubble.tiny-font {
	font-size: 0.5em;
	top: -6px;
	right: -12px;
}

.avatar .avatar-bubble.smaller.left {
	top: -30px;
	right: auto;
	left: -16px;
}

.avatar .avatar-bubble.smaller.center {
	top: -40px;
	right: 50%;
	transform: translateX(50%);
}

.avatar .avatar-bubble.smaller.right {
	top: -30px;
	right: -16px;
}

.avatar .avatar-bubble.column-direction {
	flex-direction: column;
}

.avatar .avatar-bubble.column-direction.smaller {
	font-size: 0.4375rem;
	letter-spacing: 0.2px;
}

.avatar .avatar-bubble.column-direction strong {
	font-size: 0.75rem;
}

.avatar .avatar-bubble.percentage-bubble {
	font-size: 0.875rem;
	width: 48px;
	height: 48px;
}

.avatar .avatar-bubble.percentage-bubble.smaller {
	width: 40px;
	height: 40px;
}

.avatar .avatar-bubble.percentage-bubble.smaller::before {
	top: -10px;
	right: -10px;
}

.avatar .avatar-bubble.percentage-bubble.smallest {
	font-size: 0.75rem;
	width: 32px;
	height: 32px;
	top: -6px;
	right: -6px;
}

.avatar .avatar-bubble.percentage-bubble.smallest::before {
	top: -12px;
	right: -12px;
}

.avatar-bubble.has-star::after {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	top: -6px;
	right: -2px;
	background-image: url(assets/illustration/twingkle-single-light-01.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.avatar-bubble.has-star.smaller::after {
	width: 16px;
	height: 16px;
}

.avatar-bubble.has-bubble::before {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	top: -6px;
	right: -6px;
	border-radius: 50%;
	background: linear-gradient(to right, var(--brown-half), var(--brown-half));
	background-color: var(--black);
	color: var(--white);
	font-size: 0.625rem;
	font-weight: 500;
	line-height: 1.25;
	display: flex;
	align-items: center;
	justify-content: center;
}

.avatar-bubble.has-bubble.has-bubble-cp::before {
	content: "CP";
}

.minimal-space {
	margin-top: 20px;
}

.wp-block-image.avatar {
	margin-top: 0;
}

.wp-block-image.avatar.has-star::before {
	content: "";
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	right: -24px;
	transform: translateY(-50%);
	background: url(assets/illustration/twingkle-single-light-yellow-01.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.wp-block-image.avatar.has-star.double::before {
	background: url(assets/illustration/twingkle-double-light-yellow-01.svg);
}

.fab-illustration .wp-block-column:nth-child(1) {
	flex-basis: 175%;
}

.fab-illustration .wp-block-column:nth-child(2) {
	flex-basis: 150%;
}

.fab-illustration .wp-block-column:nth-child(3) {
	flex-basis: 125%;
}

.fab-illustration .wp-block-image {
	max-width: none;
}

.fab-path-illustration .wp-block-columns {
	flex-wrap: nowrap;
	align-items: center;
	gap: 0;
	margin-top: 20px;
	position: relative;
}

.fab-path-illustration .level-1::before,
.fab-path-illustration .level-2::before,
.fab-path-illustration .level-3::before {
	content: "";
	position: absolute;
	width: 80px;
	height: 100%;
	bottom: 50%;
	left: 60px;
	border: 2px solid var(--current-color);
	border-right-width: 0;
	border-bottom-width: 0;
	border-radius: 16px 0 0 16px;
	z-index: -1;
}

.fab-path-illustration .level-1::after,
.fab-path-illustration .level-2::after,
.fab-path-illustration .level-3::after {
	content: "";
	position: absolute;
	top: calc(-50% - 6px);
	left: calc(140px - 8px);
	transform: rotate(45deg);
	border: 8px solid var(--current-color);
	border-left-color: transparent;
	border-bottom-color: transparent;
}

.fab-path-illustration .level-2::before {
	width: calc(100px + 20px);
	height: calc(200% + 60px);
	left: 20px;
}

.fab-path-illustration .level-2::after {
	top: calc(-150% - 66px);
}

.fab-path-illustration .level-3::before {
	width: calc(100px + 60px);
	height: calc(300% + 120px);
	left: -20px;
}

.fab-path-illustration .level-3::after {
	top: calc(-250% - 126px);
}

.fab-path-illustration .fab-level-percentage {
	font-size: 2em;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	padding-left: 60px;
}

.fab-path-illustration .fab-level-avatar {
	position: relative;
}

.fab-path-illustration .level-1 .fab-level-avatar::before,
.fab-path-illustration .level-2 .fab-level-avatar::before,
.fab-path-illustration .level-3 .fab-level-avatar::before {
	content: "";
	position: absolute;
	width: 30px;
	height: 100%;
	top: 25%;
	left: 100%;
	border: 2px solid var(--current-color);
	border-left-width: 0;
	border-radius: 0 8px 8px 0;
}

.fab-path-illustration .fab-level-info {
	line-height: 1.25;
	text-transform: uppercase;
	padding-left: 48px;
}

.fab-path-illustration .level-upline .fab-level-info strong {
	font-size: 2em;
}

.fab-path-illustration .fab-bonus-info {
	font-size: 0.625em;
	text-transform: uppercase;
}

.fab-path-illustration .fab-bonus-amount {
	margin-top: 0;
}

.fab-path-illustration .avatar {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

.fab-path-illustration .level-upline .avatar {
	width: 100%;
}

.explanation-visual .wp-block-table {
	width: 100%;
}

.wp-block-table table {
	margin-top: 0;
}

.fab-table {
	line-height: 1.25;
}

.fab-table tr {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}

.fab-table tr:nth-child(1),
.fab-table tr:nth-child(2),
.fab-table tr:nth-child(3) {
	font-size: 0.625rem;
}

.fab-table tr > td {
	flex-basis: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 6px 8px;
	margin: 2px;
	border-radius: var(--small-border-radius);
	background-color: var(--blue);
	color: var(--white);
}

.fab-table tr:nth-child(1) td {
	background-image: linear-gradient(to right, var(--black-soft), var(--black-soft));
}

.fab-table tr:nth-child(1) td:first-child,
.fab-table tr:nth-child(2) td:first-child,
.fab-table tr:nth-child(3) td:first-child {
	background: transparent;
}

.fab-table td > strong {
	font-size: 0.875rem;
	text-align: right;
}

.fab-table tr:nth-child(2) strong {
	font-size: 1.125rem;
	min-width: 40px;
	text-align: right;
}

.fab-table tr:nth-child(n+4) {
	margin: 4px 2px;
}

.fab-table tr:nth-child(4) {
	font-weight: 600;
	margin-top: 2px;
}

.fab-table tr:last-child {
	margin-bottom: 0;
}

.fab-table tr:nth-child(n+4) td {
	justify-content: center;
	font-size: 1.125rem;
	margin: 0;
	border-radius: 0;
	background-image: linear-gradient(to right, var(--black-extrasoft), var(--black-extrasoft));
	background-color: var(--blue);
}

.fab-table tr:nth-child(n+4) td:first-child {
	background-image: linear-gradient(to right, var(--black-half), var(--black-half));
	border-radius: var(--main-border-radius);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.fab-table tr:nth-child(n+4) td:last-child {
	border-radius: var(--main-border-radius);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.fab-table tr:nth-child(4) td:not(:nth-child(1)) {
	background-image: linear-gradient(to right, var(--black-soft), var(--black-soft));
}

.fab-table tr:nth-child(6) td:nth-last-child(1),
.fab-table tr:nth-child(7) td:nth-last-child(1),
.fab-table tr:nth-child(8) td:nth-last-child(1),
.fab-table tr:nth-child(8) td:nth-last-child(2) {
	background: transparent;
}

.fab-table tr:nth-child(6) td:nth-last-child(2),
.fab-table tr:nth-child(7) td:nth-last-child(2),
.fab-table tr:nth-child(8) td:nth-last-child(3) {
	margin-right: 2px;
	border-radius: var(--main-border-radius);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.explanation-visual-row .avatar.has-leg-line {
	/*margin-right: 20px;*/ /* Fix for Firefox */
}

.explanation-visual-row .avatar.has-leg-line::after {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	top: 50%;
	/*left: calc(100% + 24px);*/
	left: calc(100% + 14px); /* Fix for Firefox */
	border: 6px solid var(--off-white-yellowish);
	border-right-width: 0;
	border-bottom-width: 0;
	transform: translateY(-50%) rotate(-45deg);
}

.hbb-illustration > .wp-block-column {
	justify-content: space-around;
	position: relative;
	height: 100%;
}

.hbb-illustration > .wp-block-column:nth-child(1) {
	flex-basis: 200%;
}

.hbb-illustration > .wp-block-column:nth-child(2) {
	flex-basis: 150%;
}

.hbb-illustration > .wp-block-column:nth-child(3) {
	flex-basis: 125%;
}

.hbb-illustration > .wp-block-column:nth-child(4) {
	flex-basis: 75%;
}

.hbb-illustration.has-bubble-info > .wp-block-column:nth-child(1)::before,
.hbb-illustration.has-bubble-info > .wp-block-column:nth-child(2)::before,
.hbb-illustration.has-bubble-info > .wp-block-column:nth-child(3)::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 30px;
	bottom: calc(100% + 72px);
	left: 50%;
	border: 2px dashed var(--off-white);
	border-bottom-width: 0;
	border-radius: var(--main-border-radius);
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.hbb-illustration.has-bubble-info > .wp-block-column:nth-child(1)::after,
.hbb-illustration.has-bubble-info > .wp-block-column:nth-child(2)::after,
.hbb-illustration.has-bubble-info > .wp-block-column:nth-child(3)::after {
	content: "";
	position: absolute;
	top: -68px;
	right: calc(-50% - 7px);
	border: 8px solid transparent;
	border-top-color: var(--off-white);
}

.wp-block-columns.has-bubble-info {
	margin-top: 100px;
}

.wp-block-columns.has-bubble-info > .wp-block-column {
	position: relative;
	height: 100%;
}

.bubble-info {
	font-size: 0.75em;
	font-weight: 500;
	line-height: 1.25;
	text-transform: uppercase;
	white-space: nowrap;
	text-align: center;
	padding: 4px 8px;
	background-color: var(--off-white);
	color: var(--current-color);
	border-radius: var(--small-border-radius);
	margin-top: 0;
	position: absolute;
	left: 50%;
	top: -30px;
	transform: translate(-50%, -100%);
	min-width: 80px;
}

.bubble-info.has-leg-line {
	left: calc(50% - 10px);
}

.hbb-illustration.hbb1 > .wp-block-column:nth-child(3) {
	flex-basis: 100%;
}

.hbb-illustration.hbb2 > .wp-block-column:nth-child(2),
.hbb-illustration.hbb3 > .wp-block-column:nth-child(2) {
	margin-right: 20px;
}

.hbb-illustration.hbb2 > .wp-block-column:nth-child(2) .avatar-bubble,
.hbb-illustration.hbb3 > .wp-block-column:nth-child(2) .avatar-bubble {
	top: -24px;
	right: -24px;
}

.hbb-illustration.hbb2 > .wp-block-column:nth-child(2) .avatar.has-leg-line::after,
.hbb-illustration.hbb3 > .wp-block-column:nth-child(2) .avatar.has-leg-line::after {
	left: calc(100% + 34px);
}

.hbb-illustration.hbb3 .bubble-long-info {
	font-size: 0.75em;
	text-align: center;
	margin-top: 0;
	padding: 8px 12px 40px;
	background-color: var(--brown);
	margin-bottom: -30px;
	border-radius: var(--large-border-radius);
	line-height: 1.4;
}

.hbb-illustration.hbb3 .total-bonus-rectangle {
	position: relative;
	font-size: 0.625em;
	margin-top: -8px;
	padding: 6px 8px 4px;
	line-height: 1.25;
	text-transform: uppercase;
	border-radius: var(--main-border-radius);
	text-align: center;
	background-color: var(--green);
}

.hbb-illustration.hbb3 .total-bonus-rectangle + .total-bonus-rectangle {
	margin-top: 8px;
}

.hbb-illustration.hbb3 .total-bonus-rectangle.blue {
	background-color: var(--blue);
}

.hbb-illustration.hbb3 .total-bonus-rectangle strong {
	font-size: 0.75rem;
}

.hbb-illustration.hbb3 .total-bonus-rectangle.larger strong {
	font-size: 1rem;
}

.hbb-illustration.hbb3 > .wp-block-column:nth-child(3) .avatar-bubble {
	font-size: 0.5em;
	padding-bottom: 4px;
}

.hbb-illustration.hbb3 > .wp-block-column:nth-child(4) .avatar-bubble {
	top: -60px;
}

.hbb-illustration.hbb2,
.hbb-illustration.hbb3 {
	margin-top: 80px;
}

.image-text-info {
	margin-top: var(--element-space);
}

.image-text-info .wp-block-group__inner-container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
}

.image-text-info .wp-block-image {
	max-width: 80px;
}

.image-text-info p {
	margin-top: 0;
}

.hbb-table {
	display: block;
	line-height: 1.25;
}

.hbb-table table {
	margin-top: 0;
	border-spacing: 0;
	border-radius: var(--main-border-radius);
	box-shadow: 0px 2px 6px var(--black-extrasoft);
}

.hbb-table tr {
	display: flex;
}

.hbb-table tr:last-child {
	border-bottom-width: 0;
}

.hbb-table td {
	flex-basis: 100%;
	padding: 8px 10px;
	margin: 0;
	min-width: 200px;
	background-color: var(--blue);
	background-image: linear-gradient(to top, var(--black-supersoft), transparent);
}

.hbb-table td:first-child {
	flex-basis: 50%;
}

.hbb-table tr:first-child td:first-child {
	border-top-left-radius: var(--main-border-radius);
}

.hbb-table tr:first-child td:last-child {
	border-top-right-radius: var(--main-border-radius);
}

.hbb-table tr:last-child td:first-child {
	border-bottom-left-radius: var(--main-border-radius);
}

.hbb-table tr:last-child td:last-child {
	border-bottom-right-radius: var(--main-border-radius);
}

.hbb-table tr:last-child td {
	background-image: linear-gradient(to right, var(--black-soft), var(--black-soft));
}

.wp-block-columns.explanation-visual-row .wp-block-image.map-image {
	width: 80%;
	max-width: none;
}

.bubble-rectangle {
	position: relative;
	font-size: 0.75em;
	line-height: 1.25;
	text-align: center;
	padding: 6px 12px;
	margin-top: 0;
	border-radius: var(--main-border-radius);
	background-color: var(--green);
	z-index: 1;
}

.avatar + .bubble-rectangle {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: -16px;
}

.bubble-rectangle.smaller {
	font-size: 0.625em;
}

.bubble-rectangle.bigger {
	font-size: 1em;
}

.bubble-rectangle.has-star::after {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	top: -2px;
	right: 4px;
	transform: translateY(-50%);
	background-image: url(assets/illustration/twingkle-single-light-01.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.bubble-rectangle.align-left {
	align-self: flex-start;
}

.bubble-rectangle.top-right {
	position: absolute;
	top: 0;
	right: 20px;
	transform: translateY(-50%);
}

.bubble-rectangle.blue {
	background-color: var(--blue);
}

.bubble-rectangle.darker {
	background-image: linear-gradient(to right, var(--black-half), var(--black-half));
}

.bubble-rectangle.gradation,
.has-gradation-bubble-rectangle .bubble-rectangle {
	background-image: linear-gradient(45deg, var(--black-extrasoft), var(--black-soft));
}

.bubble-percentage {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5em;
	font-weight: 500;
	line-height: 1;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: var(--brown);
	box-shadow: 4px -2px 16px var(--black-soft);
	margin-top: -20px;
	margin-bottom: -30px;
	margin-right: auto;
	margin-left: 20%;
	transform: translateY(-50%);
}

.bubble-info-drip {
	position: relative;
	margin-left: calc(20% + 15px);
	margin-right: auto;
}

.bubble-info-drip .wp-block-group__inner-container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
}

.bubble-info-drip .wp-block-image {
	max-width: 30px;
	margin-left: 0;
	margin-right: 0;
}

.wp-block-columns.avatar-shares {
	margin-top: 40px;
}

.wp-block-columns.avatar-shares > .wp-block-column {
	position: relative;
	height: 100%;
}

.avatar-shares > .wp-block-column:nth-child(1)::before {
	content: "";
	position: absolute;
	width: 30%;
	height: 50px;
	bottom: calc(100% - 12px);
	left: calc(50% + 30px);
	border: 8px solid var(--blue);
	border-top-width: 0;
	border-left-width: 0;
	border-bottom-right-radius: 16px;
}

.avatar-shares > .wp-block-column:nth-child(1)::after {
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
	top: -20px;
	left: calc(50% - 6px);
	background-image: url(assets/illustration/water-tap-blue-02.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.avatar-shares > .wp-block-column:nth-child(2)::before {
	content: "";
	position: absolute;
	width: 60%;
	height: 25px;
	bottom: calc(100% + 13px);
	right: calc(50% + 30px);
	border: 8px solid var(--blue);
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-left-radius: 12px;
}

.avatar-shares > .wp-block-column:nth-child(2)::after {
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
	top: -44px;
	right: calc(50% - 6px);
	background-image: url(assets/illustration/water-tap-blue-01.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.avatar-shares > .wp-block-column:nth-child(1)::before,
.avatar-shares > .wp-block-column:nth-child(1)::after,
.avatar-shares > .wp-block-column:nth-child(2)::before,
.avatar-shares > .wp-block-column:nth-child(2)::after {
	filter: brightness(0.75);
}

.avatar-shares.one-pipe > .wp-block-column:nth-child(1)::before {
	width: 11%;
	height: 32px;
	bottom: calc(100% + 7px);
	left: auto;
	right: calc(50% + 30px);
	border-right-width: 0;
	border-left-width: 8px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 16px;
}

.avatar-shares.one-pipe > .wp-block-column:nth-child(1)::after {
	top: -38px;
	left: calc(50% - 32px);
	background-image: url(assets/illustration/water-tap-blue-01.svg);
}

.drips-group {
	display: flex;
	align-items: center;
	justify-content: center;
}

.drips-group.single-bubble {
	position: absolute;
	top: 2px;
	left: 2px;
}

.avatar + .drips-group,
.bubble-rectangle + .drips-group {
	margin-top: 10px;
}

.avatar + .drips-group.single-bubble {
	margin-top: 0;
}

.drips-group + .drips-group {
	margin-top: 4px;
}

.drips-group .wp-block-group__inner-container {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 4px;
}

.drips-group.smaller .wp-block-group__inner-container {
	gap: 2px;
}

.drips-group .wp-block-image {
	/*max-width: 24px;*/
	width: 24px; /*Fix for Firefox*/
	margin-top: 0;
}

.drips-group.smaller .wp-block-image {
	max-width: 14px;
}

.wp-block-columns.avatars-group {
	align-items: stretch;
	justify-content: center;
	gap: 16px;
	margin-top: 16px;
}

.wp-block-columns.avatars-group.loose-gap {
	gap: 16px 40px;
}

.wp-block-columns.avatars-group img {
	width: 100px; /* Fix for Firefox */
}

.avatars-group + .avatars-group {
	margin-top: 6px;
}

.avatars-group > .wp-block-column {
	flex-basis: 30%;
	flex-grow: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.wp-block-image.full-width {
	width: 100%;
	height: auto;
}

.wp-block-columns.plan-a-simulation-table,
.plan-a-simulation-table .wp-block-columns {
	align-items: flex-start;
	gap: 20px;
	margin-top: 0;
}

.wp-block-columns.plan-a-simulation-table {
	width: 100%;
	margin-top: var(--element-space);
}

.plan-a-simulation-table .wp-block-columns:not(:first-child) {
	margin-top: 20px;
}

.plan-a-simulation-table .wp-block-table,
.plan-a-simulation-table table {
	margin-top: 0;
}

.wp-block-column.bonuses-table {
	flex-basis: 75%;
}

.wp-block-column.total-bonuses-table {
	flex-basis: 25%;
}

.wp-block-column.retail-table-column {
	flex-basis: 25%;
}

.wp-block-column.fab-table-column {
	flex-basis: 75%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
}

.fab-table-column > .wp-block-table {
	flex-basis: 30%;
	flex-grow: 1;
}

.fab-table-column > .wp-block-table.total-bonus {
	flex-basis: 100%;
}

.wp-block-columns.table-default-theme {
	width: 100%;
}

.wp-block-table.table-default-theme {
	font-size: 0.8125em;
	line-height: 1.4;
}

.table-default-theme.white-color {
	color: var(--white);
}

.table-default-theme table {
	font-size: 0.8125em;
	line-height: 1.4;
	border-spacing: 0;
	border-radius: var(--main-border-radius);
	overflow: hidden;
	box-shadow: 0 1px 3px var(--black-extrasoft);
}

.wp-block-table.table-default-theme table {
	font-size: inherit;
}

.table-default-theme tr {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	width: 100%;
	margin: 0;
	box-shadow: 0px 0px 8px var(--black-extrasoft);
}

.table-default-theme td {
	flex-basis: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 4px 8px;
	margin: 0;
	background-color: var(--blue);
	background-image: linear-gradient(to right, var(--white-extrasoft), var(--white-extrasoft));
}

.loose-padding td {
	padding-top: 8px;
	padding-bottom: 8px;
}

.table-default-theme .wp-block-table.green td,
.wp-block-table.table-default-theme.green td {
	background-color: var(--green);
}

.table-default-theme .wp-block-table.terracotta td,
.wp-block-table.table-default-theme.terracotta td {
	background-color: var(--terracotta);
}

.table-default-theme .wp-block-table.brown td,
.wp-block-table.table-default-theme.brown td {
	background-color: var(--brown);
}

.table-default-theme .wp-block-table.grey td,
.wp-block-table.table-default-theme.grey td {
	background-color: var(--grey);
}

.table-default-theme td:first-child {
	background-image: linear-gradient(30deg, var(--black-transparent), var(--black-extrasoft));
}

.table-default-theme td:last-child {
	font-weight: 500;
	background-image: linear-gradient(to right, var(--white-extrasoft), var(--white-extrasoft));
}

.table-default-theme tr:first-child td {
	position: relative;
	font-weight: 600;
	background-image: linear-gradient(to right, var(--white-supersoft), var(--black-extrasoft));
	box-shadow: 0 -2px 6px var(--black-extrasoft);
	text-shadow: 0 1px 3px var(--black-extrasoft);
	z-index: 1;
}

.table-default-theme tr:last-child td {
	font-weight: 600;
	background-image: linear-gradient(45deg, var(--black-extrasoft), var(--black-soft));
	box-shadow: 0 0px 8px var(--black-extrasoft);
	text-shadow: 0 1px 3px var(--black-extrasoft);
}

.table-default-theme.highlight-header-only tr:last-child td {
	font-weight: 400;
	background-image: none;
	box-shadow: none;
	text-shadow: none;
}

.table-default-theme.highlight-header-only tr:first-child td {
	min-height: 48px;
}

.table-default-theme.highlight-header-only tr:last-child td:first-child {
	background-image: linear-gradient(30deg, var(--black-transparent), var(--black-extrasoft));
}

.table-default-theme.highlight-header-only tr:last-child td:last-child {
	font-weight: 500;
	background-image: linear-gradient(to right, var(--white-extrasoft), var(--white-extrasoft));
}

.table-default-theme.alternate-color tr:nth-child(odd) td,
.table-default-theme.highlight-header-only.alternate-color tr:nth-child(odd) td {
	background-image: linear-gradient(to right, var(--black-extrasoft), var(--black-extrasoft));
	box-shadow: 1px 0 6px var(--black-extrasoft);
}

.table-default-theme.alternate-color tr:nth-child(even) td,
.table-default-theme.highlight-header-only.alternate-color tr:nth-child(even) td {
	background-image: linear-gradient(to right, var(--white-extrasoft), var(--white-extrasoft));
	box-shadow: 1px 0 6px var(--black-extrasoft);
}

.table-default-theme.highlight-header-only.alternate-color tr:first-child td {
	background-image: linear-gradient(to right, var(--black-extrasoft), var(--black-soft));
}

.plan-a-simulation-table .retail-table-column td {
	background-color: var(--green);
}

.plan-a-simulation-table .hbb-table-column td {
	background-color: var(--brown);
}

.plan-a-simulation-table .hbb-pro-table-column td {
	background-color: var(--grey);
}

.hbb-table-column td:last-child {
	font-weight: 400;
}

.hbb-table-column tr:nth-child(2) {
	min-height: calc(2 * 1.4em + 8px);
}

.hbb-table-column tr:nth-child(2) td:not(:first-child),
.hbb-table-column tr:nth-child(3) td:not(:first-child) {
	background-image: linear-gradient(to right, var(--white-extrasoft), var(--white-soft));
}

.hbb-table-column .wp-block-table.total-bonus {
	margin-top: 10px;
}

.hbb-pro-table-column td:nth-child(2) {
	font-weight: 500;
}

.hbb-pro-table-column td:nth-child(3) {
	background-image: linear-gradient(to right, var(--black-extrasoft), var(--black-extrasoft));
}

.hbb-pro-table-column .wp-block-table.total-bonus {
	margin-top: 10px;
}

.hbb-pro-table-column .wp-block-table:first-child tr:last-child td {
	font-weight: 500;
	background-image: none;
}

.hbb-pro-table-column .wp-block-table:first-child tr:last-child td:nth-child(1) {
	font-weight: 400;
	background-image: linear-gradient(to right, var(--black-soft), var(--black-soft));
}

.hbb-pro-table-column .wp-block-table:first-child tr:last-child td:nth-child(3) {
	font-weight: 400;
	background-image: linear-gradient(to right, var(--black-soft), var(--black-soft));
}

.total-bonus tr {
	min-height: calc(1.4 * (1em + 1rem) + 8px);
}

.total-bonus td {
	flex-wrap: wrap;
}

.total-bonus tr:last-child td {
	background-image: linear-gradient(to right, var(--black-extrasoft), var(--black-extrasoft));
}

.total-bonus table .big {
	font-size: 1rem;
	margin-left: 4px;
}

.total-bonus table .small {
	font-size: 0.625rem;
}

.hbb-pro-table-column .total-bonus td:first-child {
	flex-direction: column;
	font-weight: 400;
	background-image: none;
}

.hbb-pro-table-column .total-bonus td:last-child {
	flex-wrap: wrap;
}

.table-block-title {
	font-weight: 500;
	text-align: center;
	width: 100%;
	padding: 10px 16px;
	line-height: 1;
	border-radius: var(--main-border-radius);
	background-color: var(--off-white-yellowish);
	color: var(--grey);
}

.table-block-title.terracotta-bg {
	background-color: var(--terracotta);
}

.table-block-title + .wp-block-table {
	margin-top: 10px;
}

.explanation-visual-row > .wp-block-column > .table-block-title + .wp-block-table {
	margin-top: 0;
}

.plan-a-simulation-table .total-bonuses-table .wp-block-table {
	margin-top: 10px;
}

.plan-a-simulation-table .total-bonuses-table td {
	font-size: 0.875rem;
	padding: 12px;
	box-shadow: 0 0 6px var(--black-extrasoft);
	text-shadow: 0 1px 3px var(--black-extrasoft);
	position: relative;
	z-index: 1;
}

.plan-a-simulation-table .total-bonuses-table td:first-child {
	font-weight: 400;
	background-image: linear-gradient(30deg, var(--black-transparent), var(--black-extrasoft));
}

.plan-a-simulation-table .total-bonuses-table td:last-child {
	font-size: 1rem;
	font-weight: 600;
	background-image: linear-gradient(to right, var(--white-extrasoft), var(--white-extrasoft));
}

.plan-a-simulation-table .total-bonuses-table tr:nth-child(1) td {
	background-color: var(--green);
}

.plan-a-simulation-table .total-bonuses-table tr:nth-child(3) td {
	background-color: var(--brown);
}

.plan-a-simulation-table .total-bonuses-table tr:nth-child(4) td {
	background-color: var(--grey);
}

.plan-a-simulation-table .total-bonuses-table .total-bonus td {
	font-size: 0.75rem;
	font-weight: 600;
}

.plan-a-simulation-table .total-bonuses-table .total-bonus .big {
	font-size: 1.25rem;
}

.plan-a-simulation-table .total-bonuses-table .total-bonus tr:nth-child(1) td {
	background-color: var(--green);
	background-image: linear-gradient(to right, var(--black-soft), var(--black-soft));
}

.tlb-illustration {
	width: 100%;
}

.tlb-illustration .wp-block-table {
	width: 100%;
	padding: 8px;
	border-radius: var(--large-border-radius);
	background-color: var(--green);
}

.tlb-illustration table {
	font-size: 1.25rem;
	font-weight: 600;
	text-align: center;
	border-spacing: 0;
	background-color: var(--green);
	border-radius: var(--main-border-radius);
	overflow: hidden;
}

.tlb-illustration tr {
	box-shadow: 0 2px 1px var(--black-supersoft);
}

.tlb-illustration tr:nth-child(1) {
	font-size: 0.875rem;
	font-weight: 600;
	background-color: transparent;
}

.tlb-illustration td {
	padding: 12px;
}

.tlb-illustration td:nth-child(odd) {
	background-color: var(--black-extrasoft);
}

.tlb-illustration td:nth-child(1) {
	font-size: 0.875rem;
	min-width: 160px;
	background-color: var(--black-soft);
}

.tlb-illustration tr:first-child td:nth-child(odd) {
	border-radius: var(--main-border-radius);
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.tlb-illustration tr:last-child td:nth-child(odd) {
	border-radius: var(--main-border-radius);
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.tlb-simulation td:nth-child(1) {
	min-width: 160px;
}

.tlb-simulation td:nth-child(2) {
	font-size: 1rem;
	font-weight: 600;
	background-image: linear-gradient(45deg, var(--white-extrasoft), var(--white-transparent));
}

.tlb-simulation td:nth-child(4) {
	min-width: 120px;
}

.tlb-simulation td:nth-child(5) {
	min-width: 100px;
	background-image: linear-gradient(to right, var(--white-soft), var(--white-soft));
}

.tlb-simulation td:last-child {
	min-width: 160px;
	background-image: linear-gradient(to right, var(--white-soft), var(--white-soft));
}

.tlb-simulation tr:first-child td:first-child {
	font-size: 1rem;
	background-image: linear-gradient(to right, var(--black-soft), var(--black-soft));
}

.tlb-simulation tr:first-child td:nth-child(2) {
	font-size: 1.5rem;
}

.tlb-simulation tr:first-child td:nth-child(3),
.tlb-simulation tr:first-child td:nth-child(4) {
	background-image: linear-gradient(to right, var(--white-extrasoft), var(--white-extrasoft));
	box-shadow: none;
}

.tlb-simulation tr:first-child td:nth-child(4) {
	padding-left: 0;
}

.tlb-simulation tr:first-child td:nth-child(5),
.tlb-simulation tr:first-child td:nth-child(6) {
	background-image: linear-gradient(to right, var(--black-soft), var(--black-soft));
	box-shadow: none;
}

.tlb-simulation tr:last-child {
	font-size: 1rem;
}

.tlb-simulation tr:last-child td {
	background-image: linear-gradient(to right, var(--black-soft), var(--black-soft));
	box-shadow: none;
}

.wp-block-columns.bonus-explanation-columns {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
}

.wp-block-columns.less-space {
	margin-top: 0.5em;
}

.infinity-illustration > .wp-block-column {
	gap: 20px;
}

.infinity-rank-table {
	padding: 8px;
	background-color: var(--green);
	background-image: linear-gradient(to right, var(--black-transparent), var(--black-soft));
	border-radius: var(--large-border-radius);
}

.infinity-rank-table td {
	padding: 8px 0;
	box-shadow: 0 2px 8px var(--black-extrasoft);
}

.infinity-rank-table tr:last-child td {
	flex-direction: column;
	font-size: 0.5rem;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.2px;
	background-image: linear-gradient(to right, var(--white-extrasoft), var(--white-transparent));
}

.infinity-rank-table tr:last-child td strong {
	font-size: 1.5rem;
}

.infinity-rank-table tr:last-child td:first-child {
	font-size: inherit;
	font-weight: 600;
	text-transform: none;
	letter-spacing: normal;
}

.infinity-rank-table td:nth-child(6),
.infinity-rank-table td:nth-child(7) {
	flex-basis: 110%;
}

.infinity-rank-table tr td:first-child {
	min-width: 110px;
	background-image: linear-gradient(to right, var(--black-soft), var(--black-soft));
}

.infinity-percentage-table {
	margin-top: 0;
}

.infinity-percentage-table td {
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 10px;
	padding: 10px 20px;
	box-shadow: 0 2px 8px var(--black-extrasoft);
}

.infinity-percentage-table td:nth-child(2) {
	flex-basis: 120%;
}

.infinity-percentage-table td:last-child {
	flex-basis: 80%;
	justify-content: center;
}

.infinity-percentage-table .if-td-content {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	text-align: left;
}

.infinity-percentage-table td img {
	width: 40px !important;
	height: auto;
	border-radius: 50%;
	box-shadow: 0px 1px 8px var(--black-half);
}

.infinity-percentage-table .if-text-smaller {
	display: block;
	font-size: 0.6875rem;
	font-weight: 400;
}

.infinity-percentage-table tr:first-child td {
	font-size: 0.6875rem;
	font-weight: 400;
}

.infinity-percentage-table tr:last-child td {
	padding-top: 20px;
	padding-bottom: 20px;
}

.infinity-percentage-table tr:first-child td:nth-child(2) {
	background-image: linear-gradient(to right, var(--white-soft), var(--white-extrasoft));
}

.infinity-percentage-table tr:first-child td:last-child {
	background-image: linear-gradient(to right, var(--black-extrasoft), var(--white-supersoft));
}

.infinity-percentage-table tr:last-child td:first-child,
.infinity-percentage-table tr:last-child td:last-child {
	background-image: linear-gradient(45deg, var(--black-extrasoft), var(--black-soft));
}

.infinity-percentage-table tr:last-child td:first-child {
	justify-content: center;
	font-size: 1rem;
}

.infinity-percentage-table tr:last-child td:first-child .if-td-content {
	flex-direction: column;
	text-align: center;
}

.infinity-percentage-table tr:last-child td:first-child img {
	width: 100px !important;
}

.infinity-percentage-table tr:last-child td:nth-child(2) {
	gap: 16px;
	font-size: 1rem;
	background-image: linear-gradient(45deg, var(--white-extrasoft), var(--white-transparent));
}

.infinity-percentage-table td:last-child .if-td-content {
	text-align: center;
}

.wp-block-columns.infinity-simulation .wp-block-column {
	gap: 10px;
}

.infinity-simulation td {
	flex-direction: column;
	gap: 4px;
	padding: 12px;
}

.infinity-simulation td img {
	width: 60px !important;
	border-radius: 50%;
	box-shadow: 0 1px 6px var(--black-half);
}

.infinity-simulation tr td:first-child {
	flex-basis: 80%;
	background-image: linear-gradient(to right, var(--black-extrasoft), var(--black-extrasoft));
	box-shadow: none;
}

.infinity-simulation tr:nth-child(2) td:last-child,
.infinity-simulation tr:nth-child(4) td:last-child {
	font-size: 1.25rem;
}

.infinity-simulation tr:last-child td:first-child {
	margin-top: -40px;
}

.infinity-simulation tr:last-child td:last-child {
	font-size: 1rem;
	background-image: linear-gradient(to right, var(--white-supersoft), var(--black-extrasoft));
}

.infinity-simulation tr:nth-child(2) td:last-child,
.infinity-simulation tr:nth-child(3) td:last-child,
.infinity-simulation tr:nth-child(4) td:last-child,
.infinity-simulation tr:nth-child(5) td:last-child {
	font-size: 1.25rem;
	padding-top: 8px;
	padding-bottom: 8px;
	box-shadow: 0 2px 8px var(--black-extrasoft);
}

.avatar.has-money-bag::before {
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
	top: auto;
	left: auto;
	bottom: 0;
	right: -10px;
	background: url(assets/illustration/money-pouch-light-01.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.give-to-grow-illustration .wp-block-image {
	width: 100%; /* Fix for Firefox */
}

.give-to-grow-illustration .wp-block-image img {
	border-radius: 0;
	width: 100%; /* Fix for Firefox */
}

.give-to-grow-illustration .wp-block-columns.explanation-visual-row:not(:nth-child(1)) {
	margin-top: 40px;
}

.give-to-grow-illustration .explanation-visual-row:nth-child(1) .wp-block-columns {
	align-items: center;
	gap: 10px;
	max-width: 160px;
	width: 100%; /* Fix for Firefox */
}

.give-to-grow-illustration .explanation-visual-row:nth-child(1) .wp-block-columns > .wp-block-column:nth-child(1) {
	flex-basis: 90%;
}

.give-to-grow-illustration .explanation-visual-row:nth-child(1) .wp-block-columns > .wp-block-column:nth-child(1) img {
	max-width: 60px; /* Fix for Firefox */
}

.give-to-grow-illustration .explanation-visual-row:nth-child(1) .wp-block-columns > .wp-block-column:nth-child(2) {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.give-to-grow-illustration .explanation-visual-row:nth-child(1) .wp-block-columns > .wp-block-column:nth-child(2) .avatar.has-money-bag::before {
	width: 20px;
	height: 20px;
	right: -20px;
}

.give-to-grow-illustration .explanation-visual-row:nth-child(1) > .wp-block-column:nth-child(3) {
	transform: translateY(-100%);
}

.give-to-grow-illustration .explanation-visual-row:nth-child(1) > .wp-block-column:nth-child(3) p {
	font-size: 0.75em;
	text-align: center;
	line-height: 1.25;
}

.give-to-grow-illustration .explanation-visual-row:nth-child(2) > .wp-block-column {
	gap: 10px;
}

.give-to-grow-illustration .explanation-visual-row:nth-child(2) > .wp-block-column:nth-child(1) .wp-block-image {
	max-width: 100px;
}

.give-to-grow-illustration .explanation-visual-row:nth-child(2) p {
	font-size: 0.75em;
	line-height: 1.25;
	text-align: center;
	margin-top: 0;
	margin-left: -20px;
	margin-right: -20px;
}

.avatar.multiple-image .wp-block-group__inner-container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.give-to-grow-illustration .explanation-visual-row > .wp-block-column {
	gap: 10px;
}

.give-to-grow-illustration .explanation-visual-row:nth-child(3) .avatar.multiple-image {
	max-width: 200px;
}

.give-to-grow-illustration .explanation-visual-row:nth-child(3) .avatar.multiple-image .wp-block-group__inner-container {
	align-items: flex-end;
}

.give-to-grow-illustration .explanation-visual-row:nth-child(3) .avatar.multiple-image .avatar-bubble {
	font-size: 1.25em;
	width: 48px;
	height: 48px;
	top: auto;
	bottom: calc(100% + 10px);
	right: 20px;
	background-color: var(--green);
}

.give-to-grow-illustration .explanation-visual-row:nth-child(3) p {
	font-size: 0.75em;
	line-height: 1.25;
	text-align: center;
	margin-top: 0;
	max-width: 320px;
}

.give-to-grow-illustration .explanation-visual-row:nth-child(1) > .wp-block-column:nth-child(1)::before {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	right: -20px;
	border: 4px solid var(--off-white);
	border-left-width: 0;
	border-bottom-width: 0;
	transform: translateY(-50%) rotate(45deg);
}

.give-to-grow-illustration .explanation-visual-row:nth-child(1) > .wp-block-column:nth-child(2)::before {
	content: "";
	position: absolute;
	width: calc(50% + 30px);
	height: calc(50% + 10px);
	top: 50%;
	left: calc(100% + 10px);
	border: 2px solid var(--off-white);
	border-left-width: 0;
	border-bottom-width: 0;
}

.give-to-grow-illustration .explanation-visual-row:nth-child(1) > .wp-block-column:nth-child(2)::after {
	content: "";
	position: absolute;
	left: calc(150% + 23px);
	top: calc(100% + 10px);
	border: 16px solid transparent;
	border-top-color: var(--off-white);
	border-bottom-width: 0;
}

.give-to-grow-illustration .explanation-visual-row:nth-child(2) {
	align-items: stretch;
}

.give-to-grow-illustration .explanation-visual-row:nth-child(2) > .wp-block-column:nth-child(1)::before {
	content: "";
	position: absolute;
	width: 50%;
	height: calc(50% - 20px);
	top: calc(100% + 36px);
	left: calc(50% - 1px);
	border: 2px solid var(--off-white);
	border-top-width: 0;
	border-right-width: 0;
}

.give-to-grow-illustration .explanation-visual-row:nth-child(2) > .wp-block-column:nth-child(1)::after {
	content: "";
	position: absolute;
	bottom: -36px;
	left: calc(50% - 16px);
	border: 16px solid transparent;
	border-bottom-color: var(--off-white);
	border-top-width: 0;
}

.give-to-grow-illustration .explanation-visual-row:nth-child(2) > .wp-block-column:nth-child(3)::before {
	content: "";
	position: absolute;
	width: 50%;
	height: calc(50% - 4px);
	top: calc(100% + 20px);
	left: 0;
	border: 2px solid var(--off-white);
	border-top-width: 0;
	border-left-width: 0;
}

.give-to-grow-illustration .explanation-visual-row:nth-child(2) > .wp-block-column:nth-child(3)::after {
	content: "";
	position: absolute;
	top: calc(150% + -1px);
	left: -16px;
	border: 16px solid transparent;
	border-right-color: var(--off-white);
	border-left-width: 0;
}

#be-your-own-boss {
	margin-top: 20px;
}

.alignfull.no-space {
	margin-top: 0;
}

.wp-block-columns.quadrant-explanation {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: var(--section-space) var(--container-space);
	min-height: 100vh;
}

.wp-block-columns.quadrant-explanation.rounded {
	background-color: var(--current-color-soft);
	padding: 40px;
	margin: var(--section-space) -40px;
	border-radius: var(--large-border-radius);
	min-height: calc(100vh - var(--section-space));
}

.wp-block-columns.quadrant-explanation > .wp-block-column {
	position: relative;
}

.owl-item .quadrant-explanation {
	width: 100%;
	max-height: 100vh;
	overflow-y: auto;
}

.quadrant-explanation::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.quadrant-explanation::-webkit-scrollbar-thumb {
	border-right: 2px solid transparent;
	border-bottom: 2px solid transparent;
	background-color: var(--current-color-soft);
	background-clip: content-box;
}

.quadrant-explanation::-webkit-scrollbar-thumb:hover {
	background-color: var(--current-color);
}

.quadrant-explanation-title {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 3.5em;
	line-height: 1;
	text-transform: uppercase;
	margin-top: 0;
}

.academy-item-description .quadrant-explanation-title,
.charity-item-description .quadrant-explanation-title {
	position: static;
}

.quadrant-slide-links {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 16px;
	font-size: 0.875em;
	line-height: normal;
	list-style-type: none;
	text-transform: uppercase;
	margin-top: 14px;
	padding: 0;
}

.quadrant-slide-links li {
	position: relative;
	margin: 0;
	white-space: nowrap;
	padding: 2px 6px;
	border-radius: var(--small-border-radius);
	border: 1px solid transparent;
	cursor: pointer;
	transition: 0.5s;
}

.quadrant-slide-links li::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	left: calc(100% + 8px);
	background: linear-gradient(to bottom, var(--black-transparent), var(--black), var(--black-transparent));
	opacity: 0.25;
}

.quadrant-slide-links li:last-child:after {
	display: none;
}

.quadrant-slide-links li:not(.active):hover {
	opacity: 0.5;
}

.quadrant-slide-links li.active {
	color: var(--current-color);
	border-color: var(--current-color);
}

.quadrant-info {
	font-size: 0.875em;
	line-height: 1.5;
	padding: 12px 20px;
	/*background-color: var(--current-color);*/
	/*color: var(--white);*/
	border-radius: var(--main-border-radius);
	/*max-width: var(--container-small-width);*/
	border: 1px solid var(--current-color);
	color: var(--current-color);
	margin-top: 20px;
}

/*.quadrant-info.terracotta {
	background-color: var(--terracotta);
}

.quadrant-info.blue {
	background-color: var(--blue);
}

.quadrant-info.brown {
	background-color: var(--brown);
}

.quadrant-info.grey {
	background-color: var(--grey);
}*/

.quadrant-cover-info {
	position: relative;
	font-size: 0.875em;
	line-height: 1.4;
	text-align: center;
	max-width: var(--container-small-width);
	margin-left: auto;
	margin-right: auto;
	margin-top: 48px;
	padding-top: 10px;
}

.quadrant-cover-info::before,
.quadrant-cover-info span::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background: linear-gradient(to right, var(--text-color-transparent), var(--text-color), var(--text-color-transparent));
	opacity: 0.5;
}

.quadrant-cover-info span {
	position: relative;
	display: block;
	font-size: 0.75rem;
	margin-top: 10px;
	padding-top: 10px;
}

.wp-block-columns.quadrant-avatars {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 40px;
	margin-top: 80px;
}

.quadrant-avatars > .wp-block-column {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	position: relative;
}

.quadrant-avatars .wp-block-image {
	width: 100%; /* Fix for Firefox */
}

.quadrant-avatars .wp-block-image img {
	display: block;
	width: 100%;
	height: 100%;
	max-height: 250px;
	object-fit: contain;
	margin-left: auto;
	margin-top: auto;
}

.quadrant-job-name {
	font-size: 1.125em;
	font-weight: 500;
	text-align: center;
	color: var(--green);
}

.quadrant-slide-title {
	font-size: 2em;
	text-align: right;
	text-transform: uppercase;
	line-height: 1.25;
	color: var(--current-color);
	max-width: var(--container-small-width);
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 48px;
}

.avatars-group .wp-block-group__inner-container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.avatars-group.vertical .wp-block-group__inner-container {
	flex-wrap: wrap;
}

.avatars-group.vertical .wp-block-image {
	flex-basis: 100%;
}

.quadrant-fact {
	padding: 12px 16px;
	border-radius: var(--main-border-radius);
	background-color: var(--green);
	color: var(--white);
	margin-top: 10px;
	max-height: 150px;
	overflow-y: auto;
}

.quadrant-fact.taller {
	max-height: 450px;
}

.quadrant-fact::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.quadrant-fact::-webkit-scrollbar-thumb {
	border-right: 2px solid transparent;
	border-bottom: 2px solid transparent;
	background-color: var(--white-soft);
	background-clip: content-box;
}

.quadrant-fact::-webkit-scrollbar-thumb:hover {
	background-color: var(--white-thick);
}

.quadrant-fact .wp-block-group__inner-container > p {
	text-align: center;
}

.quadrant-fact .wp-block-group__inner-container > ul {
	font-size: 0.75em;
	line-height: 1.4;
	margin-top: 10px;
}

.quadrant-fact .wp-block-group__inner-container > ul > li {
	margin-top: 0.25em;
}

.quadrant-fact .wp-block-group__inner-container > ul > li:first-child {
	margin-top: 0;
}

.quadrant-avatars-group {
	position: relative;
}

.quadrant-avatars-group > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

.quadrant-avatars-group::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	top: calc(50% - 1px);
	left: 0;
	background-color: var(--green);
}

.quadrant-avatars-group.vertical-line-only::before {
	display: none;
}

.quadrant-avatars-group::after {
	content: "";
	position: absolute;
	width: 2px;
	height: 100%;
	top: 0;
	left: calc(50% - 1px);
	background-color: var(--green);
}

.wp-block-columns.quadrant-slide-avatars {
	flex-basis: 100%;
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-top: 0;
	width: 100%;
}

.quadrant-slide-avatars .wp-block-image {
	margin-top: 0;
	width: 100% /* Fix for Firefox */;
}

.quadrant-slide-avatars .wp-block-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	max-height: 200px;
	margin-left: auto;
	margin-right: auto;
}

.quadrant-slide-avatars:nth-of-type(1) > .wp-block-column:nth-child(3) .avatars-group .wp-block-image:nth-child(2) img {
	max-height: 160px;
}

.quadrant-slide-avatars:nth-of-type(2) > .wp-block-column:nth-child(3) .avatars-group .wp-block-image:nth-child(2) {
	margin-top: -10.5%;
	margin-bottom: 10.5%;
}

.quadrant-avatars-50 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.quadrant-avatars-50 > .wp-block-columns {
	width: 100%;
}

.quadrant-avatars-50 .wp-block-image img {
	max-height: 150px;
}

.quadrant-avatars-50 .quadrant-slide-avatars:nth-of-type(2) > .wp-block-column:nth-child(2) .avatars-group .wp-block-image:nth-child(2) img {
	max-height: 110px;
}

#be-your-own-boss > .wp-block-group__inner-container {
	min-height: 100vh;
	padding-bottom: 60px;
}

#be-your-own-boss .owl-stage {
	align-items: flex-start;
}

#be-your-own-boss .quadrant-explanation {
	padding-top: 0;
	padding-bottom: 0;
	min-height: calc(100vh - 2 * var(--section-space));
}

@media screen and (max-width: 1199px) {
	#be-your-own-boss .quadrant-explanation {
		flex-direction: column;
		align-items: flex-start;
		justify-content: stretch;
	}

	.quadrant-explanation > .wp-block-column {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: flex-start;
		justify-content: stretch;
		gap: 20px;
		width: 100%;
	}

	.quadrant-explanation-title {
		font-size: 1.75em;
		position: static;
	}

	.quadrant-slide-links {
		display: none;
	}

	.quadrant-slide-title {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		font-size: 0.875em;
		position: absolute;
		width: 35%;
		height: 56px;
		top: 0;
		right: 0;
		margin: 0;
	}

	.quadrant-avatars,
	.quadrant-avatars-group {
		flex-basis: 100%;
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: stretch;
		width: 100%;
	}

	.quadrant-avatars-group > .wp-block-group__inner-container {
		flex-grow: 1;
		align-items: flex-start;
		justify-content: stretch;
		gap: 20px;
		width: 100%;
	}

	.wp-block-columns.quadrant-slide-avatars {
		flex-basis: 50%;
		flex-grow: 1;
		align-items: stretch;
		gap: 20px;
		position: relative;
	}

	.quadrant-slide-avatars > .wp-block-column {
		flex-basis: calc(50% - 10px);
		position: relative;
	}

	.quadrant-slide-avatars > .wp-block-column:first-child,
	.quadrant-slide-avatars > .wp-block-column:last-child {
		position: absolute;
		width: calc(50% - 10px);
		height: 100%;
		top: 0;
		left: 0;
		z-index: 1;
	}

	.quadrant-slide-avatars > .wp-block-column:last-child {
		left: auto;
		right: 0;
	}

	.quadrant-slide-avatars > .wp-block-column > figure,
	.quadrant-slide-avatars > .wp-block-column > .avatars-group {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		padding-top: 50px;
		padding-bottom: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.quadrant-slide-avatars > .wp-block-column:nth-child(2) > figure {
		padding-left: 20px;
		padding-right: 20px;
	}

	.quadrant-slide-avatars:last-child > .wp-block-column > figure,
	.quadrant-slide-avatars:last-child > .wp-block-column > .avatars-group {
		padding-top: 10px;
		padding-bottom: 50px;
	}

	.quadrant-job-name {
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 0.75em;
		line-height: 1;
		text-align: left;
		position: absolute;
		width: 100%;
		height: 30px;
		top: 0;
		left: 0;
		z-index: 2;
		padding: 4px 12px;
		background-color: var(--green);
		color: var(--white);
		border-radius: var(--small-border-radius);
		transition: 0.5s;
	}

	.quadrant-slide-avatars:last-child .quadrant-job-name {
		top: auto;
		bottom: 0;
	}

	.quadrant-avatars-group.active .quadrant-slide-avatars:first-child .quadrant-job-name {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}

	.quadrant-avatars-group.active .quadrant-slide-avatars:last-child .quadrant-job-name {
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}

	.quadrant-job-name::before {
		content: "";
		position: absolute;
		width: 0;
		height: 1px;
		top: 30px;
		left: 0;
		background: linear-gradient(to right, var(--white-transparent), var(--white) 20px, var(--white-transparent));
		opacity: 0.5;
		transition: 0.5s;
		transition-delay: 0.3s;
	}

	.quadrant-slide-avatars:last-child .quadrant-job-name::before {
		top: auto;
		bottom: 30px;
	}

	.quadrant-avatars-group.active .quadrant-job-name::before {
		width: 100%;
	}

	.quadrant-job-name::after {
		content: "";
		position: absolute;
		top: 9px;
		right: 14px;
		width: 8px;
		height: 8px;
		border: var(--main-border-size) solid var(--white);
		border-top-width: 0;
		border-left-width: 0;
		transform: rotate(45deg);
		transition: 0.5s;
	}

	.quadrant-avatars-group.active .quadrant-job-name::after {
		top: 13px;
		transform: rotate(-135deg);
	}

	.quadrant-slide-avatars:last-child .quadrant-job-name::after {
		top: 13px;
		transform: rotate(-135deg);
	}

	.quadrant-avatars-group.active .quadrant-slide-avatars:last-child .quadrant-job-name::after {
		top: 9px;
		transform: rotate(45deg);
	}

	.quadrant-fact {
		position: absolute;
		width: 100%;
		height: auto;
		max-height: 100%;
		top: 0;
		left: 0;
		margin: 0;
		padding: 8px 12px;
		padding-top: 40px;
		background-color: transparent;
		overflow-y: auto;
		transition: 0.5s;
	}

	.quadrant-fact::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 0;
		top: 0;
		left: 0;
		z-index: -1;
		background-color: var(--green);
		border-radius: inherit;
		opacity: 0.95;
		transition: 0.5s;
		transition-delay: 0.3s;
	}

	.quadrant-slide-avatars:last-child .quadrant-fact {
		padding-top: 8px;
		padding-bottom: 40px;
		top: auto;
		bottom: 0;
	}

	.quadrant-slide-avatars:last-child .quadrant-fact::before {
		top: auto;
		bottom: 0;
	}

	.quadrant-avatars-group.active .quadrant-fact {
		opacity: 1;
	}

	.quadrant-avatars-group.active .quadrant-fact::before {
		height: 100%;
		transition-delay: 0s;
	}

	.quadrant-fact > .wp-block-group__inner-container {
		opacity: 0;
		transition: 0.5s;
	}

	.quadrant-avatars-group.active .quadrant-fact > .wp-block-group__inner-container {
		opacity: 1;
		transition-delay: 0.4s;
	}

	.quadrant-fact p:first-child {
		font-size: 0.75em;
		font-weight: 500;
		text-align: left;
	}
}

#bk-academy > .wp-block-column {
	width: 100%;
}

#bk-academy .carousel {
	margin-top: 40px;
}

#bk-academy .carousel > .wp-block-group__inner-container {
	padding-bottom: 80px;
}

#bk-academy .owl-stage {
	align-items: flex-start;
}

#bk-academy .carousel .owl-next {
	right: 0;
}

#bk-academy .carousel .owl-prev {
	right: 70px;
}

#bk-academy .carousel .owl-dots {
	left: 0;
}

.academy-item {
	width: 100%;
}

.academy-item > .wp-block-group__inner-container {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--container-space)
}

.academy-item-description {
	flex-basis: 50%;
	margin-top: 0;
}

.bk-academy-table-group {
	flex-basis: 100%;
	max-width: var(--container-wide-width);
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	border-radius: var(--large-border-radius);
	background-color: var(--blue);
	color: var(--white);
	text-align: center;
	overflow: hidden;
}

.bk-academy-table-description {
	font-size: 0.875em;
	line-height: 1.4;
	max-width: var(--container-small-width);
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 40px;
}

.wp-block-columns.bk-academy-table-columns {
	align-items: stretch;
	gap: 0;
	margin-top: 0;
}

.bk-academy-table-columns > .wp-block-column {
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	align-items: center;
	gap: 10px;
}

.bk-academy-name {
	width: 100%;
	padding: 10px;
	text-transform: uppercase;
	background-color: var(--black-soft);
}

.bk-academy-table-ranks {
	position: relative;
	flex-grow: 1;
	width: 100%;
	padding: 20px;
	padding-top: 16px;
	padding-bottom: 22px;
	background-color: var(--black-soft);
}

.bk-academy-table-ranks > .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.bk-academy-table-ranks .wp-block-image {
	position: relative;
	flex-basis: calc(50% - 10px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	margin-top: 0;
}

.bk-academy-table-ranks .wp-block-image::before {
	content: "";
	position: absolute;
	width: 56px;
	height: 56px;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 50%;
	box-shadow: 0 2px 6px var(--black-soft);
}

.bk-academy-table-ranks .wp-block-image img {
	max-height: 56px;
	margin-left: auto;
	margin-right: auto;
	object-fit: contain;
}

.bk-academy-table-ranks .wp-block-image figcaption {
	order: -1;
	width: 100%;
	margin-top: 0;
	line-height: 1.25;
	opacity: 1;
}

.bk-academy-table-columns > .wp-block-column:nth-child(2) {
	flex-basis: 150%;
	position: relative;
}

.bk-academy-table-columns > .wp-block-column:nth-child(2) .bk-academy-table-ranks::before,
.bk-academy-table-columns > .wp-block-column:nth-child(2) .bk-academy-table-ranks::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 80%;
	top: 10%;
	left: 20px;
	background: linear-gradient(to bottom, var(--white-transparent), var(--white), var(--white-transparent));
	opacity: 0.5;
}

.bk-academy-table-columns > .wp-block-column:nth-child(2) .bk-academy-table-ranks::after {
	left: calc(100% - 20px);
}

.bk-academy-table-columns > .wp-block-column:nth-child(2) .bk-academy-table-ranks .wp-block-image:last-child {
	position: absolute;
}

.bk-academy-table-columns > .wp-block-column:nth-child(3) .bk-academy-table-ranks .wp-block-image:last-child {
	margin-top: -50px;
}

.bk-academy-table-details {
	flex-basis: 100%;
	max-width: var(--container-wide-width);
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: var(--blue);
	color: var(--white);
	border-radius: var(--large-border-radius);
	overflow: hidden;
}

.bk-academy-table-details .bk-academy-name {
	font-size: 1.5em;
	font-weight: 500;
	text-align: center;
	padding: 24px;
	margin-top: 0;
	background-color: transparent;
}

.bk-academy-table-details .bk-academy-table-ranks {
	padding: 20px var(--container-space);
}

.bk-academy-table-details .bk-academy-table-ranks > .wp-block-group__inner-container {
	flex-wrap: nowrap;
}

.wp-block-columns.bk-academy-materials {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 40px;
	margin-top: 0;
	padding: 40px;
	padding-bottom: 48px;
}

.bk-academy-materials li {
	margin-top: 0.25em;
}

.bk-academy-materials li:first-child {
	margin-top: 0;
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
	#bk-academy .quadrant-slide-links {
		display: flex;
		margin-left: auto;
	}

	#bk-academy .carousel {
		width: 100%;
	}

	#bk-academy .academy-item {
		opacity: 0;
		transition: 0.5s;
	}

	#bk-academy .owl-item.active .academy-item {
		opacity: 1;
		transition-delay: 0.5s;
	}

	.academy-item > .wp-block-group__inner-container {
		gap: 40px;
	}

	.academy-item-description {
		flex-basis: 30%;
	}

	.leadership-academy .academy-item-description {
		flex-basis: 50%;
	}

	.elite-academy .academy-item-description {
		flex-basis: 80%;
	}

	.academy-item-description p {
		font-size: 0.875em;
	}

	.bk-academy-name {
		font-size: 0.75em;
	}

	.bk-academy-table-details .bk-academy-table-ranks {
		padding: 20px 40px;
	}

	.bk-academy-table-details .bk-academy-table-ranks > .wp-block-group__inner-container {
		align-items: flex-end;
		gap: 20px;
	}

	.bk-academy-table-ranks > .wp-block-group__inner-container {
		gap: 20px 40px;
	}

	.bk-academy-table-columns > .wp-block-column:nth-child(2) {
		flex-basis: 120%;
	}

	.bk-academy-table-columns > .wp-block-column:nth-child(2) .bk-academy-table-ranks::before {
		left: 6px;
	}

	.bk-academy-table-columns > .wp-block-column:nth-child(2) .bk-academy-table-ranks::after {
		left: calc(100% - 6px);
	}

	.bk-academy-table-ranks .wp-block-image {
		flex-basis: calc(50% - 20px);
	}

	.bk-academy-table-ranks .wp-block-image::before {
		width: 40px;
		height: 40px;
	}

	.bk-academy-table-ranks .wp-block-image img {
		max-height: 40px;
	}

	.bk-academy-table-columns > .wp-block-column:nth-child(2) .bk-academy-table-ranks .wp-block-image:last-child {
		position: relative;
	}

	.bk-academy-table-columns > .wp-block-column:nth-child(3) .bk-academy-table-ranks .wp-block-image:last-child {
		margin-top: 0;
	}

	.wp-block-columns.bk-academy-materials {
		font-size: 0.875em;
		padding: 20px 40px;
	}
}

@media screen and (max-width: 959px) {
	#bk-academy {
		width: calc(100% + 2 * var(--container-space));
		margin-left: calc(-1 * var(--container-space));
		margin-bottom: 0;
		padding: var(--section-space) var(--container-space);
		border-radius: 0;
	}

	#bk-academy .quadrant-slide-links {
		display: none;
	}

	#bk-academy .carousel {
		width: 100%;
		margin-top: 0;
	}

	#bk-academy .carousel > .wp-block-group__inner-container {
		padding-bottom: 0;
	}

	.academy-item > .wp-block-group__inner-container {
		flex-wrap: wrap;
		gap: var(--section-space);
	}

	.academy-item-description {
		flex-basis: 100%;
	}

	.bk-academy-table-group {
		flex-basis: 100%;
	}

	.bk-academy-table-columns > .wp-block-column:nth-child(2) .bk-academy-table-ranks::before,
	.bk-academy-table-columns > .wp-block-column:nth-child(2) .bk-academy-table-ranks::after {
		display: none;
	}

	.wp-block-column > .bk-academy-name {
		width: calc(100% - 20px);
		margin: 10px;
		margin-bottom: 0;
		border-radius: var(--main-border-radius);
	}

	.wp-block-column:first-child > .bk-academy-name {
		margin-top: 0;
	}

	.bk-academy-table-ranks {
		background-color: var(--black-extrasoft);
	}

	.academy-item:not(:first-child) .quadrant-explanation-title {
		display: inline-block;
		font-size: 1em;
		line-height: 1.25;
		position: relative;
		margin-top: var(--section-space);
	}

	.academy-item:not(:first-child) .quadrant-explanation-title::before {
		content: "";
		position: absolute;
		width: calc(var(--viewport-width) - 100% - 2 * var(--container-space) - 20px);
		height: 1px;
		top: 50%;
		left: calc(100% + 20px);
		background: linear-gradient(to right, var(--text-color-transparent), var(--text-color) 20px, var(--text-color-transparent));
		opacity: 0.25;
	}

	.bk-academy-table-details .bk-academy-name {
		line-height: 1.25;
		padding: 20px 24px;
	}

	.bk-academy-table-details .bk-academy-table-ranks > .wp-block-group__inner-container {
		flex-wrap: wrap;
	}

	.wp-block-columns.bk-academy-materials {
		padding: 20px;
	}
}

#recognition {
	margin-top: -20px;
	padding-top: 40px;
	padding-bottom: 40px;
}

#recognition > .wp-block-column {
	width: 100%;
}

#recognition > .wp-block-column > .carousel {
	margin-top: 72px;
}

#recognition > .wp-block-column > .carousel > .owl-loaded {
	padding-bottom: 100px;
}

#recognition > .wp-block-column > .carousel > .wp-block-group__inner-container > .owl-stage-outer > .owl-stage {
	align-items: flex-start;
}

#recognition > .wp-block-column > .carousel > .wp-block-group__inner-container > .owl-dots {
	display: none;
}

.wp-block-columns.recognition-columns {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 80px;
	width: 100%;
}

.recognition-columns > .wp-block-column:nth-child(1) {
	flex-basis: 50%;
}

.recognition-columns > .wp-block-column:nth-child(2) {
	overflow: hidden;
}

.recognition-item-title {
	font-weight: 400;
	text-transform: uppercase;
	margin-top: var(--element-space);
}

.recognition-carousel-images > .wp-block-group__inner-container {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	max-width: 100%;
	overflow: hidden;
}

.recognition-carousel-images > .wp-block-group__inner-container.owl-loaded {
	gap: 0;
}

.recognition-illustration > .wp-block-group__inner-container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 40px;
}

.recognition-illustration .wp-block-image {
	flex-basis: 100%;
	padding: 20px;
	background-color: var(--black-supersoft);
	border-radius: var(--main-border-radius);
	margin: 0;
	transform: scale3d(0.8, 0.8, 0.8);
	opacity: 0.75;
	transition: 0.5s;
}

.recognition-illustration .wp-block-image:nth-child(2) {
	flex-basis: 60%;
	transform: translate3d(40px, 0, 0);
	opacity: 0;
	transition: 0s;
}

.owl-item.active > .recognition-illustration .wp-block-image {
	transform: scale3d(1.0, 1.0, 1.0);
	opacity: 1;
	transition-delay: 0.1s;
}

.owl-item.active > .recognition-illustration .wp-block-image:nth-child(2) {
	transform: translate3d(0, 0, 0);
	transition: 0.5s;
	opacity: 1;
	transition-delay: 0.35s;
}

.recognition-carousel-images .owl-prev {
	display: none;
}

#recognition .recognition-carousel-images .owl-next {
	left: auto;
	right: 15px;
	bottom: 50%;
}

#recognition .recognition-carousel-images .owl-dots {
	left: auto;
	right: 0;
	bottom: 0;
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
	#recognition > .wp-block-column > .carousel {
		width: 100%;
		margin-top: var(--element-space);
	}

	#recognition > .wp-block-column > .carousel > .owl-loaded {
		padding-bottom: var(--element-space);
	}

	#recognition .quadrant-slide-links {
		display: flex;
		position: absolute;
		top: 2px;
		right: 0;
		margin: 0;
	}

	.recognition-columns > .wp-block-column:nth-child(1) {
		flex-basis: 50%;
	}

	.recognition-item-title {
		font-size: 1.25em;
	}

	body.touch-device #recognition .owl-nav {
		display: block;
	}
}

@media screen and (max-width: 959px) {
	#recognition {
		margin-top: 0;
	}

	#recognition > .wp-block-column {
		gap: var(--section-space);
	}

	#recognition > .wp-block-column > .carousel {
		width: 100%;
		margin-top: 0;
	}

	.recognition-item-title {
		font-size: 1.125em;
		padding: 8px 20px;
		margin-top: var(--section-space);
		background: var(--brown);
		color: var(--white);
		border-radius: var(--main-border-radius);
	}

	.wp-block-columns.recognition-columns {
		gap: var(--section-space);
	}

	.recognition-illustration > .wp-block-group__inner-container {
		gap: 20px;
	}
}

#make-an-impact {
	margin-top: 40px;
	margin-bottom: 0;
}

#make-an-impact > .wp-block-column {
	width: 100%;
}

#make-an-impact .carousel {
	margin-top: 40px;
}

#make-an-impact .carousel > .wp-block-group__inner-container {
	padding-bottom: 80px;
}

#make-an-impact .owl-stage {
	align-items: flex-start;
}

#make-an-impact .carousel .owl-next {
	right: 0;
}

#make-an-impact .carousel .owl-prev {
	right: 70px;
}

#make-an-impact .carousel .owl-dots {
	left: 0;
}

.charity-item-carousel > .wp-block-group__inner-container {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--container-space);
}

.charity-item-description {
	flex-basis: 50%;
	margin-top: 0;
}

#make-an-impact .charity-illustration {
	flex-basis: 100%;
	margin-top: 0;
	border-radius: var(--large-border-radius);
	padding-bottom: 44px;
}

.charity-illustration .wp-block-columns {
	align-items: center;
	margin-top: 0;
}

.charity-source-columns> .wp-block-column:nth-child(1) {
	flex-basis: 300%;
}

.charity-source-columns > .wp-block-column:nth-child(2) {
	flex-basis: 50%;
	font-size: 1.5em;
	font-weight: 500;
	line-height: 1.25;
	text-transform: uppercase;
	position: relative;
	padding-top: 60px;
}

.charity-source-columns > .wp-block-column:nth-child(2)::before {
	content: "";
	position: absolute;
	width: 80%;
	height: 2px;
	top: calc(50% - 31px);
	left: 10%;
	background-color: var(--off-white);
}

.charity-source-columns > .wp-block-column:nth-child(2)::after {
	content: "";
	position: absolute;
	border: 16px solid transparent;
	border-left-color: var(--off-white);
	border-right-width: 0;
	top: calc(50% - 30px);
	left: calc(90% - 10px);
	transform: translateY(-50%);
}

.charity-source-columns > .wp-block-column:nth-child(3) {
	position: relative;
}

.charity-source-columns > .wp-block-column:nth-child(3)::before {
	content: "";
	position: absolute;
	width: 30%;
	height: 100px;
	top: calc(100% + 40px);
	left: 20%;
	border: 2px solid var(--off-white);
	border-left-width: 0;
	border-top-width: 0;
}

.charity-source-columns > .wp-block-column:nth-child(3)::after {
	content: "";
	position: absolute;
	border: 16px solid transparent;
	border-right-color: var(--off-white);
	border-left-width: 0;
	top: calc(100% + 123px);
	left: calc(20% - 4px);
}

.charity-source-columns .hbb-illustration {
	flex-direction: row-reverse;
	align-items: stretch;
	gap: 20px;
}

.charity-source-columns .hbb-illustration > .wp-block-column:nth-child(1) {
	flex-basis: 300%;
	margin-left: -20px;
}

.charity-source-columns .hbb-illustration > .wp-block-column:nth-child(2) {
	margin-right: 0;
}

.charity-source-columns .hbb-illustration > .wp-block-column:nth-child(4) {
	flex-basis: 50%;
}

.charity-source-columns .hbb-illustration > .wp-block-column {
	gap: 10px;
	height: auto;
}

.charity-source-columns .hbb-illustration .avatar.has-leg-line {
	margin-right: 0;
	margin-left: 20px;
}

.charity-source-columns .hbb-illustration .avatar.has-leg-line::after {
	width: 16px;
	height: 16px;
	border-width: 0;
	border-right-width: 2px;
	border-bottom-width: 2px;
	left: auto;
	right: calc(100% + 16px);
}

.charity-source-columns .hbb-illustration > .wp-block-column:nth-child(2) .avatar.has-leg-line::after {
	left: auto;
}

.charity-source-columns .hbb-illustration .bubble-info {
	top: -10px;
	color: var(--grey);
}

.charity-source-columns .hbb-illustration > .wp-block-column:nth-child(1) .avatar.has-leg-line::after {
	right: 100%;
}

.charity-source-columns .hbb-illustration .bubble-info.has-leg-line {
	left: calc(50% + 10px);
}

.wp-block-columns.charity-impact-columns {
	margin-top: 40px;
	padding-right: 20%;
}

.charity-impact-columns .wp-block-columns > .wp-block-column:nth-child(2),
.charity-impact-columns .wp-block-columns > .wp-block-column:nth-child(3) {
	flex-basis: 30%;
}

.plastic-xchange .charity-impact-columns .wp-block-columns > .wp-block-column:nth-child(2),
.plastic-xchange .charity-impact-columns .wp-block-columns > .wp-block-column:nth-child(3) {
	flex-basis: 50%;
}

.charity-impact-columns .wp-block-columns {
	position: relative;
	align-items: center;
}

.charity-illustration.plastic-xchange .charity-impact-columns .wp-block-columns::before,
.charity-illustration.plastic-xchange .charity-impact-columns .wp-block-columns::after {
	content: "";
	position: absolute;
	width: 24px;
	height: 2px;
	top: 50%;
	left: 75%;
	transform: translate(-50%, -50%);
	background-color: var(--off-white-yellowish);
}

.charity-illustration.plastic-xchange .charity-impact-columns .wp-block-columns::after {
	width: 2px;
	height: 24px;
}

.charity-illustration .wp-block-column.multiple-images {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.charity-illustration .wp-block-column.multiple-images > .wp-block-image {
	flex-basis: 25%;
	margin-top: 0;
}

.charity-illustration .wp-block-image img {
	width: 100% !important;
	height: auto !important;
	border-radius: 0;
}

.charity-funds-image .wp-block-image {
	margin-top: 0;
}

.charity-funds-image .wp-block-image.charity-org-logo {
	padding: 0 10px;
	background-color: var(--off-white);
	border-radius: var(--main-border-radius);
	margin-top: 10px;
}

.charity-illustration .illustration-description {
	font-size: 0.75em;
	line-height: 1.25;
	text-align: center;
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

.charity-impact-columns .illustration-description {
	text-align: right;
	margin-top: 0;
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
	#make-an-impact {
		padding-bottom: 24px;
	}

	#make-an-impact .carousel {
		width: 100%;
		margin-top: 0;
	}

	.charity-item-carousel > .wp-block-group__inner-container {
		gap: 40px;
	}

	#make-an-impact .charity-illustration {
		padding: 40px;
	}

	.charity-item-description {
		flex-basis: 30%;
	}

	.charity-item-description p {
		font-size: 0.875em;
	}

	.charity-source-columns> .wp-block-column:nth-child(1) {
		margin-top: 24px;
	}

	.charity-source-columns .hbb-illustration {
		gap: 12px;
	}

	.charity-source-columns .hbb-illustration .bubble-info.has-leg-line {
		font-size: 0.625em;
		min-width: 0;
	}

	.charity-source-columns > .wp-block-column:nth-child(2) {
		font-size: 1em;
	}

	.charity-source-columns > .wp-block-column:nth-child(3)::before {
		height: 70px;
	}

	.charity-source-columns > .wp-block-column:nth-child(3)::after {
		top: calc(100% + 93px);
	}

	.charity-impact-columns .wp-block-columns > .wp-block-column:nth-child(2) {
		flex-basis: 50%;
	}

	body.touch-device #make-an-impact .owl-nav {
		display: block;
	}
}

@media screen and (max-width: 959px) {
	#make-an-impact {
		width: calc(100% + 2 * var(--container-space));
		margin-left: calc(-1 * var(--container-space));
		margin-top: 0;
		padding-left: var(--container-space);
		padding-right: var(--container-space);
		border-radius: 0;
	}

	#make-an-impact .carousel {
		margin-top: 0;
	}

	#make-an-impact .carousel > .wp-block-group__inner-container {
		padding-bottom: 0;
	}

	.charity-item-carousel:not(:first-child) {
		margin-top: var(--section-space);
	}

	.charity-item-carousel > .wp-block-group__inner-container {
		flex-wrap: wrap;
		gap: var(--section-space);
	}

	.charity-item-description {
		flex-basis: 100%;
	}

	.charity-source-columns> .wp-block-column:nth-child(1) {
		margin-top: 20px;
	}

	.charity-source-columns .hbb-illustration .bubble-info.has-leg-line {
		font-size: 0.625em;
		min-width: 0;
	}

	.charity-source-columns > .wp-block-column:nth-child(2) {
		flex-grow: 0;
		font-size: 1.25em;
		margin-left: auto;
		padding-top: 0;
	}

	.charity-source-columns > .wp-block-column:nth-child(2)::before {
		width: 2px;
		height: 100%;
		top: 0;
		left: -30px;
	}

	.charity-source-columns > .wp-block-column:nth-child(2)::after {
		top: calc(100% + 10px);
		left: -45px;
		border-right-width: 16px;
		border-top-color: var(--off-white);
		border-left-color: transparent;
	}

	.charity-source-columns > .wp-block-column:nth-child(2) p {
		text-align: left;
	}

	.charity-source-columns > .wp-block-column:nth-child(3) {
		flex-basis: 80%;
		flex-grow: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.charity-source-columns > .wp-block-column:nth-child(3)::before {
		width: 0;
		height: 60px;
		top: calc(100% + 20px);
		left: calc(50% - 1px);
	}

	.charity-source-columns > .wp-block-column:nth-child(3)::after {
		top: calc(100% + 68px);
		left: calc(50% - 16px);
		border-top-color: var(--off-white);
		border-left-width: 16px;
		border-right-color: transparent;
	}

	.wp-block-columns.charity-impact-columns {
		padding-right: 0;
		margin-top: 100px;
	}

	.charity-impact-columns .illustration-description {
		text-align: center;
	}

	.charity-funds-image .wp-block-image.charity-org-logo {
		padding-left: 8%;
		padding-right: 8%;
	}

	.plastic-xchange .charity-funds-image .wp-block-image.charity-org-logo {
		padding-bottom: 2.5%;
	}

	.plastic-xchange .charity-impact-columns .wp-block-columns > .wp-block-column:nth-child(2),
	.plastic-xchange .charity-impact-columns .wp-block-columns > .wp-block-column:nth-child(3) {
		flex-basis: 40%;
	}

	.charity-illustration.plastic-xchange .charity-impact-columns .wp-block-columns::before,
	.charity-illustration.plastic-xchange .charity-impact-columns .wp-block-columns::after {
		top: 80%;
		left: 50%;
	}

	.charity-impact-columns .wp-block-columns > .wp-block-column:nth-child(2) {
		flex-basis: 50%;
	}
}

#how-to-become-lna {
	min-height: calc(100vh + 40px);
	margin-top: 0;
}

#define-your-start {
	background-color: var(--terracotta-soft);
	padding-left: 40px;
	padding-right: 40px;
	max-width: calc(100% + var(--container-space));
	margin-left: calc(-0.5 * var(--container-space));
	border-radius: var(--large-border-radius);
	margin-bottom: 0;
}

.topic-title-per-line {
	font-size: 3.5em;
	line-height: 1.1;
	text-transform: uppercase;
}

.wp-block-columns.define-your-start {
	align-items: flex-start;
	gap: 80px;
}

.wp-block-columns.define-your-start > .wp-block-column:nth-child(1) {
	flex-basis: 25%;
}

.define-your-start .wp-block-columns.package-options {
	margin-top: 0;
}

.define-your-start .pack-info {
	--pack-info-gap: 6px;
}

.define-your-start .starter-pack-column.larger-info-number .pack-info li:first-child {
	font-size: 0.75rem;
}

.define-your-start .starter-pack-column.larger-info-number .pack-info li strong {
	font-size: 0.875rem;
}

.define-your-start .biokissed-price-wrapper {
	flex-wrap: nowrap;
	gap: 0 20px;
}

.define-your-start .biokissed-prices,
.define-your-start .biokissed-points {
	font-size: 11px;
}

.define-your-start .biokissed-price .regular-price,
.define-your-start .biokissed-point .regular-point {
	font-size: 0.75rem;
}

body.currency-idr .define-your-start .biokissed-price.primary .woocommerce-Price-currencySymbol {
	top: -1px;
}

.full-level .pack-info li:not(:first-child) {
	justify-content: stretch;
	gap: 4px;
	min-height: 182px;
	padding: 0;
	background-color: transparent;
}

.full-level .pack-info li:not(:first-child) span {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 4px var(--pack-info-gap);
	background-color: var(--black-soft);
	border-radius: var(--small-border-radius);
}

.full-level .pack-info li:not(:first-child) span:not(:first-child) {
	flex-grow: 1;
}

.full-level .starter-pack-column.has-price .pack-info {
	flex-grow: 1;
}

.full-level .pack-price.block-discount.center {
	flex-grow: 0;
	min-height: 162px;
}

@media screen and (max-width: 1199px) {
	#how-to-become-lna {
		margin-top: var(--section-space);
	}

	#how-to-become-lna h2 {
		font-size: 1.75em;
	}

	#define-your-start {
		flex-wrap: wrap;
		gap: var(--section-space);
		padding: var(--section-space) var(--container-space);
	}

	#define-your-start .topic-title-per-line {
		font-size: 1.75em;
	}

	.wp-block-columns.define-your-start > .wp-block-column:nth-child(1) {
		gap: 0;
	}

	.define-your-start .wp-block-columns.package-options {
		flex-wrap: wrap;
	}
}

/* Join Us Media Queries */
@media screen and (max-width: 1199px) {
	.is-layout-flex.wp-block-columns.usp-topic-columns,
	.wp-block-columns.usp-topic-columns {
		gap: var(--element-space);
	}

	.usp-topic-columns .usp-topic {
		flex-basis: 40%;
	}

	.usp-topic-title h2 {
		font-size: 3em;
	}
}

@media screen and (max-width: 959px) {
	.usp-topic-columns .usp-topic {
		flex-basis: 100%;
	}

	.usp-topic-title h2 {
		font-size: 2.5em;
	}

	.wp-block-columns.topic-explanation {
		flex-wrap: wrap;
		min-height: 0;
		margin-top: var(--section-space);
	}

	.wp-block-column.explanation-text,
	.wp-block-column.explanation-visual {
		flex-basis: 100%;
		max-height: none;
		padding: var(--container-space);
	}

	.wp-block-column.explanation-visual.as-explanation-text {
		padding: var(--container-space);
	}

	.wp-block-column.explanation-text .explanation-title {
		font-size: 1.75em;
	}

	.wp-block-column.explanation-visual .explanation-subtitle {
		position: absolute;
		top: calc(var(--container-space) + 1em);
		right: var(--container-space);
		font-size: 1em;
		line-height: 1;
		min-height: 0;
	}

	.wp-block-column.explanation-visual .explanation-subtitle + .list-definition {
		margin-top: 0;
	}

	.topic-explanation.topic-cover .wp-block-gallery {
		--gallery-column: 2;
		--gallery-item-space: 16px;
		max-width: none;
		margin-top: var(--element-space);
	}

	.topic-explanation.topic-cover .wp-block-gallery .wp-block-image {
		flex-grow: 0;
		padding: 2px;
		border-radius: var(--main-border-radius);
	}

	.topic-explanation.topic-cover .topic-cover-introduction {
		margin-top: var(--element-space);
	}

	.explanation-bonuses .wp-block-column.explanation-visual .wp-block-gallery + .plan-bonus-name {
		margin-top: 48px;
	}

	.explanation-bonuses .wp-block-column.explanation-visual .wp-block-gallery {
		--gallery-column: 3;
		--gallery-item-space: 30px;
	}

	.explanation-bonuses .wp-block-column.explanation-visual .wp-block-gallery figcaption {
		font-size: 0.625em;
	}

	.retail-profit-illustration.wp-block-columns.explanation-visual-row {
		width: 30%;
	}

	.retail-profit-illustration.wp-block-columns.explanation-visual-row .avatar-caption {
		width: 150%;
		margin-left: -25%;
	}

	.retail-profit-illustration .avatar:nth-child(1)::before {
		border-top-width: 0;
	}

	.retail-profit-illustration .avatar:nth-child(2) {
		padding-bottom: calc(1.25rem + 16px + 26px);
	}

	.retail-profit-illustration .avatar:nth-child(2)::before {
		top: calc(50% - 30px);
		border-top-width: 0;
	}

	.retail-profit-illustration .avatar:nth-child(2)::after {
		top: calc(150% + 9px);
	}

	.retail-profit-illustration .avatar:nth-child(2) .wp-block-image::before {
		top: calc(50% + 4px);
	}

	.retail-profit-illustration .avatar:nth-child(2) .retail-price {
		position: absolute;
		top: auto;
		bottom: 20px;
		left: 50%;
		right: auto;
		transform: translateX(-50%);
	}

	.retail-profit-illustration .avatar:nth-child(2) .retail-price::after {
		display: none;
	}

	.avatar .avatar-bubble {
		top: -24px;
		right: -24px;
	}
}

/* Additional Launch Page */
#ranks-position {
	margin-top: 0;
}

.wp-block-columns.extra-income-illustration {
	width: 100%;
	margin-top: var(--section-space);
	margin-left: 0;
	margin-right: 0;
}

.wp-block-columns.extra-income-illustration.hidden {
	display: none;
}

.extra-income-illustration.plan-ab-definition {
	margin-top: 0;
	margin-bottom: var(--section-space);
}

.extra-income-illustration.fab .explanation-visual {
	background-color: var(--off-white);
}

.extra-income-illustration.fab .wp-block-columns.explanation-visual-row {
	width: 100%;
}

.extra-income-illustration.fab .explanation-visual-row .wp-block-image {
	width: 100%;
	max-width: none;
}

/* Eco-Conscious */
.plastic-usage-table {
	font-size: 0.75em;
	line-height: 1.25;
	color: var(--white);
	fill: var(--white);
	margin-top: var(--element-space);
	width: 100%;
}

.plastic-usage-table svg {
	width: auto;
	height: 64px;
}

.plastic-usage-table .wp-block-columns {
	align-items: stretch;
	gap: 0;
	margin-top: 2px;
}

.plastic-usage-table .wp-block-column {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 8px 20px;
	text-align: center;
}

.plastic-usage-table .wp-block-column p {
	margin-top: 0;
}

.plastic-usage-table .wp-block-columns:first-child {
	position: relative;
	margin-top: 40px;
}

.plastic-usage-table .wp-block-columns:first-child::before {
	content: "";
	position: absolute;
	width: calc(80% - 8px);
	height: 2px;
	top: -25px;
	right: 8px;
	background: linear-gradient(to right, var(--white-transparent), var(--white));
}

.plastic-usage-table .wp-block-columns:first-child::after {
	content: "";
	position: absolute;
	top: -32px;
	right: 0;
	border: 8px solid transparent;
	border-left-color: var(--white);
	border-right-width: 0;
}

.plastic-usage-table .wp-block-columns:first-child p {
	font-size: 1.5rem;
	font-weight: 600;
}

.plastic-usage-table .wp-block-column:first-child {
	flex-basis: 75%;
	width: 20%;
}

.plastic-usage-table .wp-block-column:first-child p {
	max-width: 180px;
}

.plastic-usage-table .wp-block-column:not(:first-child) {
	font-weight: 500;
}

.plastic-usage-table .wp-block-column:not(:first-child) svg {
	margin-top: 0.5em;
}

.plastic-usage-table .wp-block-column:nth-child(2),
.plastic-usage-table .wp-block-column:nth-child(4) {
	background-color: var(--white);
	color: var(--text-color);
	fill: var(--text-color);
}

.plastic-usage-table .wp-block-column:nth-child(3) {
	background-color: var(--terracotta);
}

.plastic-usage-table .wp-block-columns:first-child > .wp-block-column:nth-child(2) {
	border-top-left-radius: var(--main-border-radius);
}

.plastic-usage-table .wp-block-columns:first-child > .wp-block-column:nth-child(4) {
	border-top-right-radius: var(--main-border-radius);
}

.plastic-usage-table .wp-block-columns:last-child > .wp-block-column:nth-child(2) {
	border-bottom-left-radius: var(--main-border-radius);
}

.plastic-usage-table .wp-block-columns:last-child > .wp-block-column:nth-child(4) {
	border-bottom-right-radius: var(--main-border-radius);
}

.wp-block-columns.plastic-vs-eco-packaging {
	align-items: stretch;
}

.plastic-vs-eco-packaging .wp-block-column {
	position: relative;
	padding: 40px;
	padding-left: 200px;
	border-radius: var(--main-border-radius);
	background-color: var(--off-white-extrasoft);
}

.plastic-vs-eco-packaging svg {
	position: absolute;
	top: 40px;
	left: 40px;
	width: 120px;
	height: 120px;
	object-fit: contain;
	fill: var(--white);
}

.plastic-vs-eco-packaging .svg-container + * {
	margin-top: 0;
}

/* Second Life */
.second-life-process-number {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3em;
	line-height: 1;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 1px solid;
	opacity: 0.5;
}

/* Define sponsor feature */
.has-tooltip-info {
	position: relative;
	padding-left: 1.5rem;
}

.has-tooltip-info::before {
	content: "i";
	font-size: 0.875rem;
	font-weight: 600;
	text-transform: lowercase;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 1rem;
	height: 1rem;
	top: 0.25rem;
	left: 0;
	background-color: var(--text-color);
	color: var(--white);
	border-radius: 50%;
}

.sponsor-summary {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0 40px;
}

.sponsor-summary.woocommerce-info {
	flex-wrap: nowrap;
	background-color: var(--info-color);
	color: var(--white);
	border-width: 0;
}

.sponsor-summary.woocommerce-info::before {
	color: var(--white);
	border-color: var(--white);
}

.sponsor-summary.woocommerce-info::after {
	background-color: inherit;
}

.sponsor-summary.woocommerce-info a {
	color: inherit;
}

.sponsor-summary p {
	margin-top: 0;
}

.sponsor-summary .tooltip-info {
	display: none;
}

.sponsor-summary .define-sponsor-link {
	flex-shrink: 0;
	color: inherit;
}

body.referral-confirmed .define-sponsor-link {
	display: none;
}

.define-sponsor-pop-up {
	--sponsor-pop-up-header: calc(var(--button-small-height) + 20px);
	display: flex;
	align-items: flex-end;
	justify-content: center;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--black-thick);
	z-index: 999;
	display: none;
}

body.define-sponsor-pop-up-active {
	overflow-y: hidden;
}

body.define-sponsor-pop-up-active .define-sponsor-pop-up {
	display: flex;
}

.define-sponsor-pop-up-wrapper {
	position: relative;
	max-height: calc(100% - var(--header-height));
	padding-top: var(--sponsor-pop-up-header);
	background-color: var(--white);
	border-radius: var(--large-border-radius);
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.define-sponsor-pop-up-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	padding: 10px;
	padding-left: 20px;
}

.define-sponsor-pop-up-header::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background: linear-gradient(to right, var(--black-transparent), var(--black) 80px, var(--black-transparent));
	opacity: 0.25;
}

.define-sponsor-pop-up-header p {
	font-size: 0.875em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	line-height: normal;
	margin-top: 0;
	margin-bottom: -4px;
	color: var(--current-color);
}

.define-sponsor-pop-up-header .close-pop-up {
	border-radius: 50%;
	width: var(--button-small-height);
	height: var(--button-small-height);
	min-width: var(--button-small-height);
	min-height: var(--button-small-height);
}

.define-sponsor-pop-up-header .close-pop-up .button-icon {
	height: 16px;
}

.define-sponsor-pop-up-content {
	max-height: calc(100vh - var(--header-height) - var(--sponsor-pop-up-header));
	padding: 20px;
	overflow-y: auto;
}

.define-sponsor-pop-up-content > *:first-child {
	margin-top: 0;
}

.define-sponsor-pop-up-content .referral-link-wrapper {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 10px;
	margin-top: var(--element-space);
}

.define-sponsor-pop-up-content .referral-link-wrapper label {
	flex-grow: 1;
}

.define-sponsor-pop-up-content .referral-link-wrapper label p {
	margin-top: 0;
}

.define-sponsor-pop-up-content #referral-link-input {
	margin-top: 0.375em;
}

.define-sponsor-pop-up-content #submit-referral-link {
	margin: 0;
}

.define-sponsor-form-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
	position: relative;
	text-align: center;
	margin-top: var(--element-space);
	padding-top: var(--element-space);
}

.define-sponsor-form-footer::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background-image: linear-gradient(to right, var(--text-color-transparent), var(--text-color), var(--text-color-transparent));
	opacity: 0.25;
}

.define-sponsor-form-footer .no-sponsor-link {
	font-size: 0.875rem;
	margin-top: 0;
}

@media screen and (min-width: 768px) {
	.biokissed-5-pillars-item.hovering {
		width: calc(0.6 * var(--carousel-width));
	}

	.biokissed-5-pillars-list:not(.hovering) .biokissed-5-pillars-item:nth-child(3):not(.hovering),
	.biokissed-5-pillars-list:not(.hovering) .owl-item.center .biokissed-5-pillars-item:not(.hovering) {
		width: calc(0.6 * var(--carousel-width));
	}

	.wp-block-columns.biokissed-5-pillars-list.sticky {
		justify-content: center;
		gap: 60px;
	}

	.columns-2-on-medium-screen .wp-block-column {
		flex-basis: 40%;
	}

	.pack-info p {
		font-size: 0.625rem;
	}

	.pack-info li:first-child {
		font-size: 0.75rem;
	}

	.pack-info li strong {
		font-size: 1rem;
	}

	#nomad-product-range-list {
		/*--viewport-width: 1320px;*/
		--product-item-carousel: 3;
		/*margin: 0;*/
		margin-top: var(--section-space);
	}

	#nomad-product-range-list .owl-stage {
		align-items: center;
	}

	#nomad-product-range-list .owl-item.center .product-item {
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
		width: calc(3 / var(--product-item-carousel) * var(--viewport-width));
		padding-left: 0;
		padding-right: 0;
	}

	#nomad-product-range-list .owl-item.center .product-item-image {
		width: 40%;
	}

	#nomad-product-range-list .product-item-content {
		display: none;
		align-items: flex-start;
		margin-top: 0;
		padding: 0;
		padding-left: 40px;
	}

	#nomad-product-range-list .owl-item.center .product-item-content {
		display: flex;
	}

	#nomad-product-range-list .product-images-list {
		width: calc(100% + 30px);
		margin-left: -30px;
	}

	#nomad-product-range-list .owl-item.center .product-images-list {
		display: flex;
	}

	#nomad-product-range-list .product-title {
		flex-grow: 0;
		justify-content: flex-start;
		font-size: 2em;
		margin-top: auto;
		margin-bottom: 0;
		letter-spacing: 2px;
	}

	#nomad-product-range-list .product-description {
		flex-basis: auto;
		flex-grow: 0;
		text-align: left;
		padding-left: 0;
		padding-right: 30px;
		margin-top: 8px;
	}

	#nomad-product-range-list .product-price-info .biokissed-price-wrapper {
		justify-content: flex-start;
		margin-top: 0;
		margin-bottom: auto;
	}

	#nomad-product-range-list .price-text.on-sale .discount-info,
	#nomad-product-range-list .price-text.on-sale .discount-info-percentage {
		font-size: 2rem;
	}

	#nomad-product-range-list .product-button {
		text-align: left;
	}

	#nomad-product-range-list .owl-loaded {
		overflow: visible;
	}

	#nomad-product-range-list .owl-prev,
	#nomad-product-range-list .owl-next {
		top: calc(50% - var(--section-space));
	}

	#nomad-product-range-list .owl-prev {
		left: -40px;
	}

	#nomad-product-range-list .owl-next {
		right: -40px;
	}

	.define-sponsor-pop-up {
		align-items: center;
	}

	.define-sponsor-pop-up-wrapper {
		max-width: 640px;
		border-radius: var(--large-border-radius);
	}

	.define-sponsor-pop-up-header {
		padding-left: 40px;
	}

	.define-sponsor-pop-up-content {
		padding-bottom: 40px;
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media screen and (min-width: 960px) {
	.biokissed-5-pillars::before {
		width: 120%;
		height: 120%;
		top: 0;
		left: -40%;
	}

	.biokissed-5-pillars h2 {
		font-size: 2em;
	}

	/*.biokissed-5-pillars-item:hover {
		min-width: calc(0.36 * var(--carousel-width));
	}

	.biokissed-5-pillars-list:not(:hover) .biokissed-5-pillars-item:nth-child(3):not(:hover),
	.owl-stage:not(:hover) .owl-item.center .biokissed-5-pillars-item:not(:hover) {
		min-width: calc(0.36 * var(--carousel-width));
	}*/

	.biokissed-5-pillars-item.hovering {
		width: calc(0.36 * var(--carousel-width));
	}

	.biokissed-5-pillars-list:not(.hovering) .biokissed-5-pillars-item:nth-child(3):not(.hovering),
	.biokissed-5-pillars-list:not(.hovering) .owl-item.center .biokissed-5-pillars-item:not(.hovering) {
		width: calc(0.36 * var(--carousel-width));
	}

	.sticky-subtopic-link {
		font-size: 0.875rem;
	}

	.wp-block-columns.subtitle-columns {
		flex-wrap: nowrap;
		gap: 20px;
	}

	.wp-block-columns.subtitle-columns .subtitle-block {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 0.625em;
	}

	.wp-block-columns.subtitle-columns.grow-subtitle-block .subtitle-block {
		flex-grow: 1;
	}

	.pack-info {
		--pack-info-gap: 6px;
		padding: 10px;
		line-height: 1.5;
	}

	.pack-info ul {
		font-size: 0.5rem;
		line-height: 1.5;
	}

	.pack-info li:first-child {
		font-size: 0.625rem;
	}

	.pack-info li strong {
		font-size: 0.75rem;
		line-height: 1.5;
	}

	.wp-block-gallery.columns-3-on-wide-screen {
		--gallery-column: 3;
	}

	.wp-block-gallery.loose-gap-on-wide-screen {
		--gallery-item-space: 20px;
	}

	.wp-block-columns.text-gallery-columns {
		flex-wrap: nowrap;
		align-items: flex-start;
		gap: var(--container-space);
	}

	.text-gallery-columns .wp-block-column {
		position: sticky;
		top: calc(var(--header-height) + var(--element-space));
	}

	.text-gallery-columns .wp-block-column.text-section > p {
		max-width: 560px;
	}

	.wp-block-columns.loose-gap {
		gap: 40px;
	}

	.wp-block-columns.gap-5 {
		gap: 5%;
	}

	.wp-block-columns.gap-8 {
		gap: 8%;
	}

	.wp-block-columns.gap-10 {
		gap: 10%;
	}

	.wp-block-columns.gap-15 {
		gap: 15%;
	}

	.wp-block-columns.gap-20 {
		gap: 20%;
	}

	.wp-block-columns.map-contact {
		align-items: stretch;
	}

	.map-contact .wp-block-column.map-section {
		display: flex;
		flex-direction: column;
	}

	.map-contact .wp-block-column.map-section > p {
		max-width: 480px;
	}

	.map-contact .wp-block-group.contact-us-map {
		flex-grow: 1;
		height: auto;
	}

	.map-contact .contact-side-by-side .contact-left,
	.map-contact .contact-side-by-side .contact-right,
	.map-contact .wpcf7 form .contact-side-by-side + .wpcf7-response-output {
		width: 100%;
	}

	.product-item {
		text-align: left;
	}

	.what-inside .product-item {
		text-align: center;
	}

	#nomad-product-range-list .product-item-details {
		position: relative;
		margin-top: auto;
		margin-bottom: auto;
		padding-left: 30px;
	}

	#nomad-product-range-list .product-title {
		padding-right: 100px;
	}

	#nomad-product-range-list .product-description {
		padding-right: 120px;
	}

	#nomad-product-range-list .price-text.on-sale {
		display: flex;
		flex-wrap: wrap;
		position: absolute;
		top: 0;
		right: 0;
		max-width: 64px;
		margin-top: 16px;
	}

	#nomad-product-range-list .price-text.on-sale::before {
		content: "";
		display: block;
		position: absolute;
		width: 1px;
		height: 100%;
		top: 0;
		left: -14px;
		background: linear-gradient(to bottom, var(--green-transparent), var(--green) 20%, var(--grey-transparent));
		opacity: 0.5;
	}

	#nomad-product-range-list .price-text.on-sale::after {
		display: none;
	}

	#nomad-product-range-list .price-text.on-sale .discount-info {
		font-size: 1.5rem;
	}

	#nomad-product-range-list .price-text.on-sale .discount-info-percentage {
		font-size: 1.5rem;
	}

	#nomad-product-range-list .price-text.on-sale .price-text-info {
		flex-basis: 100%;
		font-size: 0.5rem;
	}

	.wp-block-group.ceo-letter > .wp-block-group__inner-container > * {
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
	}

	.wp-block-group.ceo-letter .wp-block-image.vertical-caption-on-the-right {
		margin-bottom: var(--section-space);
	}
}

/* 1200px start */
@media screen and (min-width: 1200px) {
	:root {
		--carousel-items: 5;
		--carousel-gap: 20px;
		--carousel-width: calc(var(--viewport-width) - 2 * var(--container-space) - var(--carousel-items) * var(--carousel-gap));
		/*--topic-block-gap: 1rem;*/
	}

	/*body.home .entry-content > :not(.alignfull),
	body.page-homepage-02 .entry-content > :not(.alignfull) {
		max-width: calc(100% - var(--container-space));
		margin-left: auto;
		margin-top: auto;
	}*/

	.biokissed-5-pillars {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		margin-top: 0;
		padding: var(--section-space) var(--container-space);
		min-height: 100vh;
		overflow: hidden;
	}

	.biokissed-5-pillars::before {
		width: 100%;
		height: 110%;
		top: -5%;
		left: -20%;
	}

	.biokissed-5-pillars-item {
		width: calc(0.18 * var(--carousel-width));
		height: 200px;
	}

	/*.biokissed-5-pillars-item:hover {
		min-width: calc(0.28 * var(--carousel-width));
		min-height: 240px;
	}

	.biokissed-5-pillars-list:not(:hover) .biokissed-5-pillars-item:nth-child(3):not(:hover),
	.owl-stage:not(:hover) .owl-item.center .biokissed-5-pillars-item:not(:hover) {
		min-width: calc(0.28 * var(--carousel-width));
	}*/

	.biokissed-5-pillars-item.hovering {
		width: calc(0.28 * var(--carousel-width));
		height: 280px;
	}

	.biokissed-5-pillars-list:not(.hovering) .biokissed-5-pillars-item:nth-child(3):not(.hovering),
	.biokissed-5-pillars-list:not(.hovering) .owl-item.center .biokissed-5-pillars-item:not(.hovering) {
		width: calc(0.28 * var(--carousel-width));
		height: 280px;
	}

	.wp-block-columns.biokissed-5-pillars-list.sticky {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 8px;
		width: 80px;
		height: auto;
		position: fixed;
		top: 50%;
		right: 6px;
		bottom: auto;
		left: auto;
		transform: translate3d(0, -50%, 0);
		margin: 0;
		padding: 0;
		background-color: transparent;
		background-image: none;
		box-shadow: none;
		z-index: 1;
		visibility: hidden;
		opacity: 0;
		transition: 0.5s;
	}

	.biokissed-5-pillars-list.sticky .biokissed-5-pillars-item {
		position: relative;
		min-width: 0 !important;
		max-width: 60px;
		min-height: 0 !important;
		height: 60px !important;
		margin: 0;
		padding: 10px;
		transition: 0.3s;
	}

	.biokissed-5-pillars-list.sticky .biokissed-5-pillars-item.active {
		max-width: 66px;
		height: 66px !important;
		border: 3px solid var(--white);
		box-shadow: 0 0 0 4px var(--current-color);
		border-radius: 10px;
		padding: 6px;
		margin: 4px 0;
	}

	.biokissed-5-pillars-list.sticky .biokissed-5-pillars-item:not(.active):hover {
		max-width: 72px;
		height: 72px !important;
	}

	.biokissed-5-pillars-list.sticky .biokissed-5-pillars-item:hover::before {
		display: none;
	}

	.biokissed-5-pillars-list.sticky .pillar-name {
		position: absolute;
		font-size: 0.75rem;
		padding: 8px 12px;
		background: var(--current-color);
		border-radius: 5px;
		top: 50%;
		left: auto;
		right: calc(100% + 16px);
		width: auto;
		margin: 0;
		transform: translate3d(0, -50%, 0);
		white-space: nowrap;
		opacity: 0;
		visibility: hidden;
		transition: 0.3s;
		box-shadow: -2px 1px 3px var(--black-extrasoft);
	}

	.biokissed-5-pillars-list.sticky .pillar-name::before {
		content: "";
		position: absolute;
		width: 10px;
		height: 10px;
		top: 50%;
		right: -4px;
		transform: translateY(-50%) rotate(45deg);
		background-color: var(--current-color);
	}

	.wp-block-cover.title-block {
		text-transform: uppercase;
		padding-top: var(--element-space);
		padding-bottom: var(--element-space);
		min-height: 150px;
	}

	.wp-block-cover.title-block h2,
	.wp-block-cover.title-block h3 {
		font-size: 2em;
		font-weight: 400;
	}

	.wp-block-cover.title-block .title-parent {
		font-size: 1.125rem;
		letter-spacing: 0.4px;
		margin-top: 0.25rem;
	}

	.wp-block-cover.title-block .title-main {
		margin-top: 0.75rem;
	}

	.sticky-subtopic-link {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1em;
		list-style-type: none;
		text-transform: uppercase;
		width: calc(100% + 2 * var(--container-space));
		margin: 0;
		margin-left: calc(-1 * var(--container-space));
		padding: 0;
		letter-spacing: 0.4px;
		position: sticky;
		top: 0;
		color: var(--text-color-half);
		background-color: var(--page-background);
		z-index: 9;
		transition: 0.3s;
		transform-style: preserve-3d;
		will-change: top;
	}

	.wp-block-columns.subtitle-columns {
		align-items: stretch;
		gap: 20px;
		margin-top: calc(var(--element-space) + 0.75rem);
	}

	.wp-block-columns.subtitle-columns.loose-gap {
		gap: 40px;
	}

	.wp-block-columns.subtitle-columns .subtitle-block {
		font-size: 0.75rem;
	}

	.biokissed-5-pillars .owl-prev,
	.biokissed-5-pillars .owl-next {
		top: calc(50% - 16px);
	}

	.biokissed-5-pillars .owl-prev {
		left: -40px;
	}

	.biokissed-5-pillars .owl-next {
		right: -40px;
	}

	#nomad-starter-packs-list .product-item-content {
		padding-right: 90px;
	}

	#nomad-starter-packs-list .product-title {
		position: relative;
		font-size: 3em;
		color: var(--text-color);
		padding-bottom: 20px;
		margin-left: -0.08em;
	}

	#nomad-starter-packs-list .owl-prev,
	#nomad-starter-packs-list .owl-next {
		top: calc(50% - 0.5 * var(--section-space));
	}

	#nomad-starter-packs-list .owl-next {
		right: 80px;
	}

	.pack-info {
		--pack-info-gap: 8px;
	}

	.pack-info li:first-child {
		font-size: 0.75rem;
	}

	.pack-info li strong {
		font-size: 0.875rem;
	}

	#nomad-product-range-list {
		/*--viewport-width: 1320px;*/
/*		--viewport-width: calc(100vw - 3 * var(--container-space) + 20px);*/
		--product-item-carousel: 5;
		margin: 0;
		margin-top: var(--section-space);
	}

	#nomad-product-range-list .owl-stage {
		align-items: center;
	}

	#nomad-product-range-list .owl-item.center .product-item {
		flex-direction: row;
		align-items: stretch;
		width: calc(3 / var(--product-item-carousel) * var(--viewport-width));
	}

	#nomad-product-range-list .primary-image {
		height: 100%;
	}

	#nomad-product-range-list .primary-image img {
		height: 100%;
		object-fit: cover;
	}

	#nomad-product-range-list .owl-item .product-item-image {
		
	}

	#nomad-product-range-list .owl-item.active .product-item-image {
		
	}

	#nomad-product-range-list .owl-item.center .product-item-image {
		width: 45%;
		animation: slideleft 1s;
		transition: 0s;
	}

	@keyframes slideleft {
		0% {
			opacity: 0;
			transform: translate3d(240px, 0, 0) scale3d(0.8, 0.8, 0.8);
		}

		40% {
			opacity: 1;
			transform: translate3d(240px, 0, 0) scale3d(1, 1, 1);
		}

		100% {
			opacity: 1;
			transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
		}
	}

	#nomad-product-range-list .product-item-content {
		display: none;
		align-items: flex-start;
		margin-top: 0;
		padding: 0;
		padding-left: 40px;
		opacity: 0;
		transform: translate3d(60px, 0, 0);
		transition-delay: 0s;
	}

	#nomad-product-range-list .owl-item.center .product-item-content {
		display: flex;
		opacity: 1;
		transform: translate3d(0, 0, 0);
		animation: transhide 1.5s;
	}

	@keyframes transhide {
		0% {
			opacity: 0;
			transform: translate3d(60px, 0, 0);
		}

		50% {
			opacity: 0;
			transform: translate3d(60px, 0, 0);
		}

		90% {
			opacity: 1;
		}

		100% {
			opacity: 1;
			transform: translate3d(0, 0, 0);
		}
	}

	#nomad-product-range-list .product-title {
		flex-grow: 0;
		justify-content: flex-start;
		margin-top: auto;
		margin-bottom: 0;
		/*padding-top: 6px;*/
		letter-spacing: 2px;
	}

	#nomad-product-range-list .product-description {
		flex-basis: auto;
		flex-grow: 0;
		text-align: left;
		padding-left: 0;
		margin-top: 8px;
	}

	#nomad-product-range-list .product-price-info .biokissed-price-wrapper {
		justify-content: flex-start;
		gap: 0 30px;
		/*width: 50%;*/
		min-width: 200px;
		margin-top: 0;
		margin-bottom: auto;
	}

	#nomad-product-range-list .product-button {
		/*position: absolute;
		bottom: 0;
		right: 0;*/
	}

	#nomad-product-range-list .owl-loaded {
		overflow: visible;
	}

	#nomad-product-range-list .owl-prev,
	#nomad-product-range-list .owl-next {
		top: calc(50% - var(--section-space));
	}

	#nomad-product-range-list .owl-prev {
		left: -20px;
	}

	#nomad-product-range-list .owl-next {
		right: -20px;
	}

	.wp-block-column.column-media.carousel {
		flex-basis: 150%;
	}

	.map-contact .contact-side-by-side .contact-left,
	.map-contact .contact-side-by-side .contact-right,
	.map-contact .wpcf7 form .contact-side-by-side + .wpcf7-response-output {
		width: calc(50% - 0.5 * var(--element-space));
	}

	.wp-block-gallery.has-link-on-hover .wp-block-image {
		border-radius: var(--main-border-radius);
		overflow: hidden;
	}

	.wp-block-gallery.has-link-on-hover .wp-block-image img {
		transition: 0.75s;
	}

	.wp-block-gallery.has-link-on-hover .wp-block-image:hover img {
		transform: scale3d(1.08, 1.08, 1.08);
	}

	.wp-block-gallery.has-link-on-hover .wp-block-image > a::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 60%;
		bottom: 0;
		left: 0;
		background: linear-gradient(to top, var(--black), var(--black-transparent));
		opacity: 0;
		z-index: 1;
		transition: 0.5s;
	}

	.wp-block-gallery.has-link-on-hover .wp-block-image > a:hover::before {
		opacity: 0.6;
	}

	.wp-block-gallery.is-cropped.has-link-on-hover figcaption {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1rem;
		font-weight: 500;
		width: auto;
		min-height: 36px;
		padding: 0.25em 1em;
		border-radius: var(--small-border-radius);
		border: var(--main-border-size) solid var(--current-color);
		background-color: var(--current-color-thick);
		background-image: none;
		color: var(--white);
		opacity: 0;
		bottom: 20px;
		left: 50%;
		z-index: 1;
		transform: translate3d(-50%, 20px, 0);
		transition: 0.3s;
		cursor: pointer;
	}

	.wp-block-gallery.is-cropped.has-link-on-hover .wp-block-image:hover figcaption {
		opacity: 1;
		transform: translate3d(-50%, 0, 0);
		box-shadow: 0 2px 8px var(--black-soft);
	}

	.wp-block-gallery.is-cropped.has-link-on-hover .wp-block-image:hover figcaption:hover,
	.wp-block-gallery.is-cropped.has-link-on-hover .wp-block-image:hover figcaption:focus {
		background-color: var(--current-color);
		box-shadow: 0 4px 16px var(--black-half);
		transform: translate3d(-50%, -2px, 0);
	}

	.wp-block-gallery.is-cropped.has-link-on-hover figcaption:active {
		color: var(--white-thick);
	}

	.wp-block-gallery.is-cropped.has-link-on-hover figcaption a {
		text-decoration: none;
	}

	.wp-block-columns.columns-media-text {
		align-items: stretch;
	}

	.wp-block-column.column-media.enlarge-on-large-screen {
		flex-basis: 250%;
		margin: calc(-1 * var(--section-space)) calc(-1 * var(--container-space));
		margin-right: 0;
		border-radius: inherit;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.wp-block-columns.columns-media-text .column-text {
		align-self: center;
	}

	.wp-block-column.column-media.enlarge-on-large-screen img {
		width: 100%;
		height: 100%;
		border-radius: 0;
		object-fit: cover;
	}

	.columns-media-text .owl-stage-outer,
	.columns-media-text .owl-stage,
	.columns-media-text .owl-item,
	.columns-media-text .owl-item figure {
		height: 100%;
	}

	.columns-media-text .owl-nav {
		margin: 0;
	}

	.columns-media-text .owl-dots {
		display: none;
	}
}
/* 1200px end */

@media screen and (min-width: 1300px) {
	.wp-block-columns.subtitle-columns .subtitle-block {
		font-size: 0.875rem;
	}

	.pack-info p {
		font-size: 0.75rem;
	}

	.pack-info ul {
		font-size: 0.625rem;
	}

	.pack-info li:first-child {
		font-size: 0.875rem;
	}

	.pack-info li strong {
		font-size: 1rem;
	}
}

@media screen and (min-width: 1400px) {
	.pack-info {
		--pack-info-gap: 10px;
		padding: 16px;
		padding-top: 12px;
	}
}

/* Contact Us */
.wp-block-group.contact-us-map {
	display: flex;
	align-items: stretch;
	justify-content: stretch;
	height: 360px;
	margin-top: var(--element-space);
	padding: 4px;
	border: var(--main-border-size) solid var(--current-color-soft);
	border-radius: var(--main-border-radius);
}

.wp-block-group.contact-us-map .wp-block-group__inner-container {
	width: 100%;
	height: 100%;
}

.contact-us-map iframe {
	width: 100%;
	height: 100%;
	border-radius: calc(var(--main-border-radius) - 4px);
}

.text-gallery-overlap .text-section {
	position: sticky;
	top: calc(var(--header-height) + 40px);
}



/* Pop Up Element
----------------------------------------------------------------------------- */
body.pop-up-element-active {
	overflow-y: hidden;
}

.pop-up-wrapper {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--black-superthick);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 999;
}

.pop-up-close {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 9;
	fill: var(--white);
}

.pop-up-wrapper.has-long-content .pop-up-close {
	right: auto;
	left: calc(var(--viewport-width) - 8px);
	transform: translateX(-100%);
}

.pop-up-wrapper.has-pdf-viewer .pop-up-close {
	top: 6px;
	left: auto;
	right: 6px;
	transform: none;
	min-height: 24px;
	min-width: 24px;
	border-radius: 50%;
}

.pop-up-wrapper.has-pdf-viewer .pop-up-close .button-icon {
	width: 12px;
	height: 12px;
}

.pop-up-content {
	--pop-up-width: 100%;
	position: relative;
	width: var(--pop-up-width);
}

.pop-up-content.pop-up-video::after {
	content: url(assets/icon/loading-icon.svg);
	position: absolute;
	width: 48px;
	height: 48px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: loading-translated infinite linear 2s;
}

.pop-up-content.has-iframe {
	padding: 0;
	padding-top: calc( 9 / 16 * var(--pop-up-width));
	background-color: var(--white);
}

.pop-up-content iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
	border: none;
	outline: none;
	z-index: 1;
}

.pop-up-content .long-content {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: var(--section-space) var(--container-space);
	overflow: auto;
	color: var(--text-color);
	background-color: var(--white);
}

.pop-up-content .long-content.dark {
	--text-color: var(--white);
	--text-color-superthick: var(--white-superthick);
	--text-color-thick: var(--white-thick);
	--text-color-half: var(--white-half);
	--text-color-soft: var(--white-soft);
	--text-color-extrasoft: var(--white-extrasoft);
	--text-color-supersoft: var(--white-supersoft);
	--text-color-transparent: var(--white-transparent);
	background-color: var(--grey);
}

.pop-up-content .long-content.light {
	--text-color: var(--black);
	--text-color-superthick: var(--black-superthick);
	--text-color-thick: var(--black-thick);
	--text-color-half: var(--black-half);
	--text-color-soft: var(--black-soft);
	--text-color-extrasoft: var(--black-extrasoft);
	--text-color-supersoft: var(--black-supersoft);
	--text-color-transparent: var(--black-transparent);
}

.pop-up-content .iframe-video-wrapper {
	position: relative;
	background-color: var(--black);
	border-radius: var(--main-border-radius);
}

.pop-up-content .iframe-video-wrapper::before {
	content: url(assets/icon/loading-icon.svg);
	position: absolute;
	width: 48px;
	height: 48px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: loading-translated infinite linear 2s;
}

.pop-up-content .long-content iframe {
	position: relative;
	width: 100%;
	height: auto;
	margin-top: var(--section-space);
}

.pop-up-content .long-content .iframe-video {
	display: block;
	width: 100%;
	height: calc(9 / 16 * (var(--viewport-width) - 2 * var(--container-space) - 8px) + 8px);
	border-radius: var(--main-border-radius);
	padding: 4px;
	overflow: hidden;
}

.pop-up-content .long-content blockquote {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.25;
	margin-top: var(--section-space);
}

.pop-up-content .long-content blockquote + * {
	margin-top: var(--section-space);
}

.pop-up-content .long-content .wp-block-pullquote blockquote {
	margin-top: 0;
}

.pop-up-content .long-content .pdf-flip-wrapper {
	margin-top: var(--section-space);
}

.pop-up-content__details > *:first-child {
	margin-top: 0;
}

.pop-up-content__details > .alignfull:first-child {
	margin-top: calc(-1 * var(--section-space));
}

.pop-up-content__details > .alignfull:last-child {
	margin-bottom: calc(-1 * var(--section-space));
}

/* Posts and Pages
----------------------------------------------------------------------------- */
.sticky {
	display: block;
}

.updated:not(.published) {
	display: none;
}

.wp-block-quote.has-default-text-color {
	color: var(--text-color);
}

body.hfeed.error404 .site-main,
body.hfeed.search-no-results .site-main {
	display: flex;
	align-items: center;
	justify-content: center;
}

.site-main .not-found {
	max-width: 800px;
	text-align: center;
}

.site-main .not-found .page-title {
	margin-top: 0;
	color: var(--current-color);
}

.site-main .not-found .page-content {
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 1200px) {
	.no-wrap-on-wide {
		white-space: nowrap;
	}

	.narrow-width {
		max-width: 520px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* Member Resources */
.biokissed-icon-background {
	position: relative;
	min-height: 100vh;
}

.biokissed-icon-background::before {
	content: "";
	position: absolute;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	top: 20px;
	left: 20px;
	background-image: url(assets/icon/bk-icon-dark.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	opacity: 0.05;
	z-index: -1;
}

.wp-block-group.stretch-height {
	display: flex;
	align-items: stretch;
	justify-content: center;
}

.wp-block-group.stretch-height > .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}

/*.member-resources-categories-wrapper .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}

.wp-block-columns.member-resources-categories {
	align-self: stretch;
	align-items: stretch;
	gap: 30px;
	margin-top: 0;
}*/

.wp-block-columns.align-vertical-stretch {
	align-self: stretch;
	align-items: stretch;
}

/*.member-resources-category .wp-block-cover {
	height: 100%;
	padding: 30px;
	padding-top: 24px;
	border-radius: var(--large-border-radius);
	box-shadow: 2px 3px 8px var(--black-soft);
	cursor: pointer;
}*/

.wp-block-cover.card-block {
	height: 100%;
	padding: 30px;
	padding-top: 24px;
	border-radius: var(--large-border-radius);
	box-shadow: 2px 3px 8px var(--black-soft);
}

/*.member-resources-category .wp-block-cover__background::before {
	opacity: 1;
	transition: 0.3s;
}

.member-resources-category .wp-block-cover:hover .wp-block-cover__background::before {
	opacity: 0.8;
}*/

.wp-block-cover.show-bg-on-hover .wp-block-cover__background::before {
	transition: 0.3s;
}

.wp-block-cover.show-bg-on-hover:not(:hover) .wp-block-cover__background::before {
	opacity: 1;
}

/*.member-resources-category .wp-block-cover__image-background,
.member-resources-category .wp-block-cover__video-background {
	transition: 0.5s;
}

.member-resources-category .wp-block-cover:hover .wp-block-cover__image-background,
.member-resources-category .wp-block-cover:hover .wp-block-cover__video-background {
	transform: scale3d(1.1, 1.1, 1.1);
}*/

.wp-block-cover.show-bg-on-hover .wp-block-cover__image-background,
.wp-block-cover.show-bg-on-hover .wp-block-cover__video-background {
	transition: 0.5s;
}

.wp-block-cover.show-bg-on-hover:hover .wp-block-cover__image-background,
.wp-block-cover.show-bg-on-hover:hover .wp-block-cover__video-background {
	transform: scale3d(1.1, 1.1, 1.1);
}

/*.member-resources-category .wp-block-cover__inner-container {
	align-content: space-between;
}*/

.wp-block-cover.align-vertical-space-between .wp-block-cover__inner-container {
	align-content: space-between;
}

.member-resources-category-name {
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.35;
}

.member-resources-category .wp-block-button__link::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: inherit;
}

.wp-block-group.has-background > .wp-block-group__inner-container > .topic-title-darker {
	margin: calc(-1 * var(--section-space)) calc(-1 * var(--container-space));
	margin-bottom: var(--section-space);
	color: var(--white);
	background-color: var(--black-extrasoft);
	padding: calc(0.5 * var(--section-space)) var(--container-space);
}

.topic-title-darker h2 {
	margin-top: 0;
}

.topic-title-darker p {
	margin-top: 0.5rem;
}

.topic-title-description {
	max-width: 720px;
	margin-top: 0.5rem;
}

.topic-title-description.small-width-container {
	max-width: var(--container-small-width);
}

.topic-title-description.large {
	font-size: 1.125em;
}

.topic-title-description.has-text-align-center {
	margin-left: auto;
	margin-right: auto;
}

.topic-title-description.has-text-align-right {
	margin-left: auto;
}

.topic-title-darker + .topic-title-description {
	margin-top: calc(var(--element-space) - var(--section-space));
	margin-bottom: var(--section-space);
}

.columns-layout {
	--column-count: 4;
	--column-gap: 40px;
	--row-gap: 40px;
}

.columns-layout.has-max-width {
	margin-left: auto;
	margin-right: auto;
}

.columns-layout.has-max-width.wide {
	width: 85%;
}

.columns-layout.large-column-gap {
	--column-gap: 80px;
}

.columns-layout.columns-2 {
	--column-count: 2;
}

.columns-layout.columns-3 {
	--column-count: 3;
}

.wp-block-group.columns-layout,
.wp-block-columns.columns-layout {
	margin-top: var(--section-space);
}

.wp-block-group.columns-layout.element-space,
.wp-block-columns.columns-layout.element-space {
	margin-top: var(--element-space);
}

.columns-layout > .wp-block-group__inner-container,
.wp-block-columns.columns-layout {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: var(--row-gap) var(--column-gap);
}

.wp-block-columns.columns-layout {
	flex-wrap: nowrap;
}

.wp-block-columns.columns-layout.columns-5 {
	--column-count: 5;
}

.columns-layout.center > .wp-block-group__inner-container,
.wp-block-columns.columns-layout.center {
	justify-content: center;
}

.columns-layout > .wp-block-group__inner-container > *,
.wp-block-columns.columns-layout > .wp-block-column {
	width: calc(1 / var(--column-count) * (var(--viewport-width) - 2 * var(--container-space) - (var(--column-count) - 1) * var(--column-gap)));
	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 1;
}

.pdf-resource-thumbnail {
	margin-top: 0;
}

.pdf-resource-block.coming-soon.more .pdf-resource-thumbnail {
	position: relative;
}

.pdf-resource-block.coming-soon.more .pdf-resource-thumbnail::after {
	content: "⋯";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3rem;
	line-height: 1;
	color: var(--white);
	background-color: var(--black-thick);
	border-radius: var(--main-border-radius);
	z-index: 2;
}

.pdf-resource-thumbnail a,
.pdf-resource-thumbnail img {
	display: block;
	width: 100%;
	height: auto;
	max-width: none;
	border-radius: var(--main-border-radius);
}

.pdf-resource-thumbnail a {
	position: relative;
	background-color: var(--white-thick);
	box-shadow: inset 0 0 0 1px var(--black-extrasoft);
	perspective: 1800px;
	outline: none;
}

.pdf-resource-block.fixed-thumbnail .pdf-resource-thumbnail a {
	padding-top: calc(2 / 3 * 100%);
}

.columns-2 .pdf-resource-thumbnail a {
	perspective: 3000px;
}

.pdf-resource-block.coming-soon .pdf-resource-thumbnail a {
	pointer-events: none;
}

.pdf-resource-thumbnail img {
	box-shadow: 2px 3px 8px var(--black-soft);
	transform-origin: left center;
	transition: 0.3s;
}

.pdf-resource-block.fixed-thumbnail .pdf-resource-thumbnail img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}

.pdf-resource-block.coming-soon .pdf-resource-thumbnail img {
	filter: grayscale(0.8) contrast(1.5) brightness(0.8) saturate(0.5);
}

.pdf-resource-block:not(.coming-soon) .pdf-resource-thumbnail a:hover img {
	box-shadow: 8px 0 3px -4px var(--black-soft);
	transform: rotate3d(0, 1, 0, -20deg);
}

.columns-2 .pdf-resource-block:not(.coming-soon) .pdf-resource-thumbnail a:hover img {
	transform: rotate3d(0, 1, 0, -18deg);
}

.pdf-resource-details {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
	min-height: var(--button-height);
	margin-top: 0.75rem;
	padding-left: 10px;
}

.pdf-resource-block.coming-soon .pdf-resource-details {
	padding-right: 10px;
}

.pdf-resource-details .pdf-resource-name {
	align-self: center;
	font-weight: 500;
	line-height: 1.35;
	margin-top: 0;
}

.pdf-resource-details .pdf-resource-buttons {
	flex-shrink: 0;
}

.pdf-resource-details .pdf-coming-soon-text {
	align-self: center;
	font-size: 0.75rem;
	line-height: 1;
	margin-top: 0;
	padding: 4px 8px 6px;
	border: 1px solid;
	border-radius: var(--small-border-radius);
	text-transform: lowercase;
	cursor: default;
	white-space: nowrap;
	transition: 0.3s;
}

.pdf-resource-block:hover .pdf-coming-soon-text {
	color: var(--black-thick);
	border-color: var(--contrast-color-transparent);
	background-color: var(--contrast-color-thick);
}

.wp-block-group.layout-one-line > .wp-block-group__inner-container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
}

.layout-one-line p {
	margin-top: 0;
}

.layout-one-line .wp-block-buttons {
	flex-grow: 0;
	gap: 0;
	margin-top: 0;
}

.topic-title-darker + .element-space {
	margin-top: calc(var(--element-space) - var(--section-space));
}

.resources-files .wp-block-image img {
	box-shadow: 2px 3px 8px var(--black-soft);
	transition: 0.3s;
}

.resources-files a:hover img {
	transform: translate3d(0, -10px, 0);
}

@media screen and (min-width: 1200px) {
	.video-links-list {
		--column-gap: 40px;
	}

	.video-links-list.columns-5 {
		--column-count: 4;
	}
}

@media screen and (min-width: 1800px) {
	.video-links-list.columns-5 {
		--column-count: 5;
	}
}

.pack-price {
	position: relative;
	padding: 16px;
	padding-left: 18px;
	margin-top: var(--topic-block-gap);
	background-color: var(--current-color);
	border-radius: var(--main-border-radius);
	z-index: 2;
}

.pack-price .countdown {
	display: none;
}

.biokissed-single-price {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
}

.biokissed-single-price.smaller-text {
	font-size: 13px;
}

.biokissed-single-price.single-color-light {
	--text-color: var(--white);
	--text-color-half: var(--white-half);
	--text-color-transparent: var(--white-transparent);
	color: var(--white);
}

.biokissed-single-price.single-color-light .biokissed-price.primary {
	color: var(--white);
}

.biokissed-single-price.single-color-light .biokissed-price::before,
.biokissed-single-price.single-color-light .biokissed-point::before {
	background-color: var(--white);
	color: var(--current-color);
}

.biokissed-single-price.single-color-light .biokissed-price::after,
.biokissed-single-price.single-color-light .biokissed-point::after {
	border-color: var(--white);
}

.biokissed-single-price.single-color-light .price-text.on-sale .discount-info {
	background-color: var(--white);
	color: var(--current-color);
}

.biokissed-single-price.single-color-light .price-text.on-sale .discount-info::before {
	border-width: 1px;
	border-color: var(--white-thick);
}

.biokissed-single-price.single-color-light .price-text.on-sale .discount-info-percentage {
	color: var(--white);
}

.biokissed-single-price.single-color-light .price-text::before {
	background-color: var(--white);
	color: var(--current-color);
}

.biokissed-single-price.single-color-light .sale-price,
.biokissed-single-price.single-color-light .sale-point {
	color: inherit;
}

.pack-price .tooltip-info {
	display: none;
}

.starter-pack-column.has-price .pack-info {
	flex-grow: 0;
}

.starter-pack-column.larger-info-number .pack-info li:first-child {
	font-size: 1rem;
}

.starter-pack-column.larger-info-number .pack-info li strong {
	font-size: 1.125rem;
}

.pack-price {
	flex-grow: 1;
	padding-top: 52px;
}

.pack-price .price-text {
	position: absolute;
	width: 100%;
	top: 4px;
	left: 0;
	min-height: 52px;
	padding-left: 16px;
}

.pack-price .price-text.on-sale {
	left: 8px;
	padding-left: 0;
}

.pack-price .price-text.on-sale .discount-info {
	font-size: 2rem;
	width: 2.5rem;
	height: 2.25rem;
	border-radius: 3px;
}

.pack-price .price-text.on-sale .discount-info::before {
	border-radius: 6px;
}

.pack-price .price-text::after,
.pack-price .price-text.on-sale::after {
	bottom: 8px;
}

.pack-price .price-text::after {
	left: 16px;
}

.pack-price .biokissed-price.primary {
	
}

.pack-price .biokissed-points {
	justify-content: center;
}

.pack-price.block-discount {
	gap: 0 20px;
	padding-top: 48px;
}

.pack-price.block-discount.center {
	justify-content: center;
	gap: 0 40px;
}

.pack-price.block-discount .price-text {
	width: calc(100% - 8px);
	top: 4px;
	left: 4px;
	padding: 0 14px;
	border-radius: 6px;
	min-height: 40px;
	color: var(--current-color);
	background-color: var(--white-superthick);
}

.pack-price.block-discount.center .price-text {
	justify-content: center;
}

.pack-price.block-discount.center .price-text::before {
	display: none;
}

.biokissed-single-price.single-color-light.block-discount .price-text::before {
	color: var(--white);
	background-color: var(--current-color);
}

.pack-price.block-discount .price-text::after {
	display: none;
}

.pack-price.block-discount .price-text-info {
	opacity: 1;
}

.pack-price.block-discount .price-text.on-sale .discount-info {
	background-color: transparent;
	width: auto;
	height: auto;
}

.pack-price.block-discount .price-text.on-sale .discount-info::before {
	display: none;
}

.pack-price.block-discount .price-text.on-sale .discount-info-percentage {
	font-size: 1.5rem;
	color: var(--current-color);
	margin-left: 2px;
}

.pack-price.block-discount .biokissed-price.primary,
.pack-price.block-discount .biokissed-price.secondary {
	margin-right: 0;
}

@media screen and (min-width: 960px) {
	.pack-price .price-text.on-sale .discount-info {
		font-size: 1.75rem;
	}

	.pack-price.block-discount .price-text-info {
		font-size: 0.5rem;
	}
}

@media screen and (min-width: 1200px) {
	.pack-price .price-text.on-sale .discount-info {
		font-size: 2rem;
	}

	.pack-price.block-discount .price-text-info {
		font-size: 0.625rem;
	}
}

.wp-block-buttons.filter-category {
	gap: 0;
}

.wp-block-buttons.filter-category .is-style-fill.active .wp-block-button__link:focus {
	background-color: var(--white);
	color: var(--black);
}

.video-links-list.show-details-on-hover .video-link-wrapper {
	position: relative;
}

.video-links-list.show-details-on-hover .video-link-cover::before {
	content: "video";
	position: absolute;
	top: 8px;
	left: 8px;
	font-size: 0.625rem;
	line-height: 1;
	text-transform: uppercase;
	padding: 3px 4px 2px;
	border: 1px solid;
	color: var(--white);
	background-color: var(--white-extrasoft);
	border-radius: var(--small-border-radius);
	text-shadow: 0 1px 2px var(--black-soft);
	z-index: 2;
}

.video-links-list.show-details-on-hover .video-link-wrapper:hover .video-link-cover::before {
	opacity: 0.75;
}

.video-links-list.show-details-on-hover .video-link-details {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	margin-top: 0;
	padding: 0 8px 8px 18px;
	z-index: 1;
	opacity: 0;
	transition: 0.3s;
}

.video-links-list.show-details-on-hover .video-link-wrapper:hover .video-link-details,
.video-links-list.show-details-on-hover .video-link-cover:hover + .video-link-details {
	opacity: 1;
}

.video-links-list.show-details-on-hover .video-link-wrapper:hover .video-link::before {
	opacity: 0.6;
}

.video-links-list.show-details-on-hover .video-link::after {
	opacity: 0;
}

.video-links-list.show-details-on-hover .video-link:hover::after {
	/*transform: translate(-50%, -50%) scale3d(0.75, 0.75, 0.75);*/
	opacity: 1;
}

/* Member Resources Media Queries */
@media screen and (max-width: 1199px) {
	.page-member-resources .columns-layout[class*="columns-"] {
		--column-count: 3;
		flex-wrap: wrap;
	}

	.member-resources-categories-wrapper .columns-layout {
		justify-content: center;
	}

	.page-member-resources .subtitle-columns .wp-block-buttons a {
		background-color: var(--off-white-thick);
	}
}

@media screen and (max-width: 959px) {
	.page-member-resources .columns-layout[class*="columns-"] {
		--column-count: 2;
		flex-wrap: wrap;
	}

	#video-resources .filter-category {
		flex-wrap: nowrap;
		justify-content: flex-start;
		overflow-x: auto;
		padding-bottom: 12px;
		margin-bottom: 20px;
	}

	#video-resources .filter-category .wp-block-button {
		white-space: nowrap;
	}
}

@media screen and (max-width: 599px) {
	.page-member-resources .columns-layout[class*="columns-"] {
		--column-count: 1;
		flex-wrap: wrap;
	}
}

/* Launch Page */
.wp-block-group.has-background.fill-height {
	min-height: 100vh;
}

.wp-block-cover.launch-cover {
	padding-bottom: calc(2.75 * var(--section-space));
}

.wp-block-cover.launch-cover .wp-block-cover__image-background {
	transform-origin: center 76%;
}

.wp-block-cover.launch-cover .countdown {
	justify-content: flex-start;
}

.wp-block-cover.launch-cover .wp-block-quote p {
	font-size: 1.25rem;
	font-weight: 600;
	max-width: 540px;
	opacity: 0.8;
}

.page-content-list {
	position: absolute;
	width: calc(100% - 2 * var(--container-space));
	left: var(--container-space);
	bottom: var(--section-space);
	max-width: 100%;
	font-size: 0.875em;
	line-height: 1.25;
}

.wp-block-group.page-content-list .wp-block-group__inner-container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	width: 100%;
}

.wp-block-group.page-content-list p {
	margin: 0;
	white-space: nowrap;
}

.page-content-list ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	list-style-type: none;
	padding: 0;
	margin-top: 0;
}

.page-content-list li {
	margin: 0;
	padding: 8px 10px;
	background-color: var(--white-half);
	color: var(--text-color);
	border-radius: 3px;
	white-space: nowrap;
	transition: 0.3s;
	cursor: default;
}

.page-content-list li:hover {
	background-color: var(--off-white);
	box-shadow: 0 2px 6px var(--black-extrasoft);
}

.page-content-list .wp-block-buttons {
	flex-grow: 0;
	margin: 0;
}

.page-content-list .wp-block-button__link {
	min-width: 100px;
}

#who-is-biokissed > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	gap: 10vh 0;
}

#who-is-biokissed .wp-block-columns.card-columns {
	flex-grow: 1;
	margin-top: 0;
}

.wp-block-columns.card-columns.enlarge-on-hover.columns-5:hover {
	--column-count: 6;
}

.wp-block-columns.card-columns.enlarge-on-hover .wp-block-column {
	transition: 0.5s;
}

.wp-block-columns.card-columns.enlarge-on-hover.columns-5 .wp-block-column:hover {
	--column-count: 3;
}

.wp-block-cover.has-carousel-as-background .wp-block-cover__inner-container > *:not(.carousel.as-background) {
	z-index: 2;
}

.wp-block-group.carousel.as-background {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.card-columns.enlarge-on-hover .wp-block-group.carousel.as-background {
	width: calc(1 / var(--column-count) * (var(--viewport-width) - 2 * var(--container-space) - (var(--column-count) - 1) * var(--column-gap)));
	left: 50%;
	transform: translate3d(-50%, 0, 0);
}

.card-columns.enlarge-on-hover.columns-5 .wp-block-group.carousel.as-background {
	--column-count: 3;
}

.wp-block-group.carousel.as-background > .wp-block-group__inner-container {
	height: 100%;
}

.wp-block-group.carousel.as-background .wp-block-image {
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: hidden;
}

.wp-block-group.carousel.as-background .wp-block-image::before,
.wp-block-group.carousel.as-background .wp-block-image::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 50%;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom, var(--black), var(--black-transparent));
	opacity: 0;
	transition: 0.3s;
	z-index: 1;
}

.wp-block-group.carousel.as-background .wp-block-image::after {
	top: auto;
	bottom: 0;
	background: linear-gradient(to top, var(--black), var(--black-transparent));
}

.has-carousel-as-background:hover .wp-block-group.carousel.as-background .wp-block-image::before {
	opacity: 0.5;
}

.has-carousel-as-background:hover .wp-block-group.carousel.as-background .wp-block-image::after {
	opacity: 0.75;
}

.wp-block-group.carousel.as-background .wp-block-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
	opacity: 0.15;
	transition: 0.5s;
}

.has-carousel-as-background:hover .wp-block-group.carousel.as-background .wp-block-image img {
	opacity: 1;
	transform: scale3d(1.1, 1.1, 1.1);
}

.wp-block-group.carousel.as-background .wp-block-image figcaption {
	position: absolute;
	width: 100%;
	bottom: 50px;
	left: 0;
	font-size: 1rem;
	padding: 0 30px;
	opacity: 1;
	z-index: 2;
}

.card-columns.enlarge-on-hover .wp-block-group.carousel.as-background .wp-block-image figcaption {
	--column-count: 5;
	max-width: calc(1 / var(--column-count) * (var(--viewport-width) - 2 * var(--container-space) - (var(--column-count) - 1) * var(--column-gap)));
	left: 50%;
	transform: translate3d(-50%, 0, 0);
}

.card-columns.enlarge-on-hover.columns-5 .wp-block-group.carousel.as-background .wp-block-image figcaption {
	--column-count: 5;
}

.card-columns.enlarge-on-hover.columns-5:hover .wp-block-group.carousel.as-background .wp-block-image figcaption {
	--column-count: 6;
}

.card-columns.enlarge-on-hover.columns-5 > .wp-block-column:hover .wp-block-group.carousel.as-background .wp-block-image figcaption {
	--column-count: 5;
}

.wp-block-group.carousel.as-background .owl-stage-outer,
.wp-block-group.carousel.as-background .owl-stage,
.wp-block-group.carousel.as-background .owl-item {
	height: 100%;
}

.wp-block-group.carousel.as-background .owl-prev,
.wp-block-group.carousel.as-background .owl-next {
	width: 3em;
	height: 3em;
	min-height: 0;
	opacity: 0;
	transition: 0.3s;
}

.wp-block-group.carousel.as-background.one-item .owl-prev,
.wp-block-group.carousel.as-background.one-item .owl-next {
	top: 50%;
}

.wp-block-group.carousel.as-background .owl-prev::before,
.wp-block-group.carousel.as-background .owl-next::before {
	width: 0.5em;
	height: 0.5em;
}

.wp-block-group.carousel.as-background .owl-prev {
	left: 4px;
	transform: translate3d(-80px, -50%, 0);
}

.wp-block-group.carousel.as-background .owl-prev::before {
	left: 1px;
}

.wp-block-group.carousel.as-background .owl-next {
	right: 4px;
	transform: translate3d(80px, -50%, 0);
}

.wp-block-group.carousel.as-background .owl-next::before {
	right: 1px;
}

.has-carousel-as-background:hover .wp-block-group.carousel.as-background .owl-prev,
.has-carousel-as-background:hover .wp-block-group.carousel.as-background .owl-next {
	opacity: 1;
	transform: translate3d(0, -50%, 0);
	transition-delay: 0.1s;
}

.wp-block-group.carousel.as-background .owl-dots {
	--current-color: var(--white);
	--current-color-thick: var(--white-thick);
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 30px;
	margin: 0;
}

.wp-block-group.carousel.as-background .owl-dot.active {
	width: 48px;
}

.wp-block-media-text.optimal-height {
	height: calc(100vh - var(--section-space));
}

.wp-block-media-text.has-carousel .wp-block-media-text__media {
	width: calc(0.35 * (var(--viewport-width) - 2 * var(--container-space))) !important;
}

.wp-block-media-text.has-carousel .wp-block-media-text__content {
	width: calc(0.65 * (var(--viewport-width) - 2 * var(--container-space)) - 2 * var(--container-space));
	overflow: hidden;
}

.wp-block-media-text.has-carousel .wp-block-media-text__content .wp-block-group.carousel.one-item {
	width: 100%;
}

.wp-block-media-text.has-carousel .wp-block-media-text__content .wp-block-group.carousel.one-item .owl-prev,
.wp-block-media-text.has-carousel .wp-block-media-text__content .wp-block-group.carousel.one-item .owl-next {
	top: auto;
	bottom: 0;
	left: calc(0.65 * (var(--viewport-width) - 2 * var(--container-space)) - 2 * var(--container-space) - 140px);
	transform: none;
}

.wp-block-media-text.has-carousel .wp-block-media-text__content .wp-block-group.carousel.one-item .owl-next {
	right: auto;
	left: calc(0.65 * (var(--viewport-width) - 2 * var(--container-space)) - 2 * var(--container-space) - 70px);
}

.wp-block-media-text.has-carousel .wp-block-media-text__content .owl-dots {
	margin-left: 0;
	margin-bottom: 24px;
}

.wp-block-media-text.has-background.has-carousel .wp-block-media-text__content .owl-dots {
	--current-color: var(--white);
	--current-color-thick: var(--white-thick);
	--current-color-half: var(--white-half);
}

.wp-block-media-text__content > .caption-media {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 0.75em;
	padding: 10px 20px;
	transform-origin: left bottom;
	z-index: 2;
}

.wp-block-media-text__content > .caption-media.vertical {
	transform: rotate(-90deg);
	left: calc(50% - 0.5 * var(--container-space));
}

.wp-block-media-text.has-carousel .wp-block-media-text__content > .caption-media.vertical,
.wp-block-media-text.less-width-media .wp-block-media-text__content > .caption-media.vertical {
	left: 35%;
}

.wp-block-group.why-block h2,
.wp-block-group.why-block .why-item {
	width: 100%;
}

.why-item {
	overflow: hidden;
}

.wp-block-group.why-block h2 {
	margin-top: 0;
}

.why-number {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3em;
	width: 80px;
	height: 80px;
	border: var(--main-border-size) solid;
	border-radius: 50%;
	margin-top: var(--section-space);
}

.why-topic {
	opacity: 0.75;
	margin-top: 0;
}

.why-title {
	font-size: 2.5em;
	line-height: 1.15;
	margin-top: 1.25rem;
}

.why-description {
	font-size: 1.25em;
	line-height: 1.25;
	margin-top: 1em;
}

.why-description + .why-description {
	margin-top: 0.5em;
}

.why-item.has-moving-ticker .why-title {
	margin-bottom: 112px;
}

.boxy-list {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	gap: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0;
	list-style-type: none;
}

.owl-item.active .boxy-list.ticker-animation {
	animation: ticker linear alternate infinite 60s;
	animation-delay: 1s;
}

.owl-item.active .boxy-list.ticker-animation:hover {
	animation-play-state: paused;
}

.boxy-list li {
	min-width: 180px;
	margin: 0;
	padding: 8px 12px;
	border: 1px solid var(--white-half);
	border-radius: var(--small-border-radius);
}

@keyframes ticker {
	0% {
		transform: translate3d(0, 0, 0);
	}

	1% {
		transform: translate3d(0, 0, 0);
	}

	99% {
		transform: translate3d(-90%, 0, 0);
	}

	100% {
		transform: translate3d(-90%, 0, 0);
	}
}

.wp-block-image.full-width {
	width: 100%;
}

.wp-block-image.has-padding img {
	padding: 24px;
}

.wp-block-image.large-rounded img {
	border-radius: var(--large-border-radius);
}

.wp-block-image.has-page-background-color img {
	background-color: var(--page-background);
}

.wp-block-image.optimal-height img {
	height: calc(100vh - var(--section-space));
	object-fit: cover;
}

.wp-block-group.carousel > .wp-block-group__inner-container > .wp-block-image,
.wp-block-group.carousel > .wp-block-group__inner-container .owl-item > .wp-block-image {
	margin-top: 0;
}

.wp-block-columns.columns-text-images {
	align-items: stretch;
	gap: 0;
	width: 100%;
}

.wp-block-columns.columns-text-images.align-center {
	align-items: center;
}

.wp-block-columns.columns-text-images .column-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.wp-block-columns.columns-text-images .column-text .align-bottom {
	margin-top: auto;
	padding-top: var(--element-space);
}

.wp-block-columns.columns-text-images .column-text ul {
	line-height: 1.35;
}

.wp-block-columns.columns-text-images .column-images {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 240px;
	margin-top: calc(-0.5 * var(--section-space));
	margin-bottom: calc(-0.5 * var(--section-space));
	margin-left: calc(-1 * var(--container-space));
}

.wp-block-group.carousel.one-item .wp-block-columns.columns-text-images .column-images {
	margin-top: calc(-0.25 * var(--section-space));
}

.wp-block-media-text.has-media-on-the-right .wp-block-columns.columns-text-images .column-images {
	margin-left: 0;
	margin-right: calc(-1 * var(--container-space));
}

.column-images .wp-block-image {
	width: 100%;
}

.column-images .wp-block-image img {
	max-width: 120px;
	margin-left: auto;
	margin-right: auto;
}

.column-images .wp-block-image.lid-alarm-turned-on img {
	max-width: 140px;
	margin-left: 16.5%;
	margin-top: -10%;
}

.column-images .wp-block-image figcaption {
	line-height: 1.25;
	opacity: 1;
}

.rounded-title-info {
	display: inline-block;
	font-size: 1.25em;
	font-weight: 500;
	line-height: 1.25;
	padding: 4px 10px !important;
	border: 2px solid;
	border-radius: var(--main-border-radius);
	margin-top: 1px;
}

.rounded-title-info + h2 {
	/*font-size: 3em;*/
	margin-top: 0.5rem;
}

.wp-block-columns.equal-images {
	gap: 40px;
}

.wp-block-columns.equal-images .wp-block-column {
	height: 100%;
}

.wp-block-columns.equal-images .wp-block-column .wp-block-image {
	height: 100%;
	overflow: hidden;
	border-radius: var(--main-border-radius);
}

.wp-block-columns.equal-images .wp-block-image a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}

.wp-block-columns.equal-images .wp-block-column img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.3s;
}

.wp-block-columns.equal-images .wp-block-image a:hover img {
	transform: scale3d(1.1, 1.1, 1.1);
}

.wp-block-columns.equal-images.with-title .wp-block-column {
	position: relative;
}

.wp-block-columns.equal-images.with-title p {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 12px 16px;
	font-size: 1.25em;
	font-weight: 600;
	background-color: var(--off-white-superthick);
	color: var(--text-color);
	border-radius: var(--main-border-radius);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: 0 2px 6px var(--black-extrasoft);
	transition: 0.5s;
}

.wp-block-columns.equal-images.with-title .wp-block-image:hover + p {
	background-color: var(--black-thick);
	color: var(--current-color);
}

.wp-block-columns.whats-in-columns {
	gap: 40px;
}

.wp-block-columns.whats-in-columns .wp-block-column {
	position: relative;
	background-color: var(--off-white);
	border-radius: var(--main-border-radius);
	padding: 20px;
	padding-top: 14px;
}

.whats-in-name {
	font-size: 2em;
	font-weight: 500;
	line-height: 1.25;
	text-transform: uppercase;
	color: var(--current-color);
}

.whats-in-name a {
	text-decoration: none;
}

.whats-in-name a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}

.whats-in-back-text {
	position: absolute;
	top: -8px;
	right: 24px;
	font-size: 10em;
	font-weight: 700;
	font-style: italic;
	line-height: 1;
	letter-spacing: -8px;
	text-align: right;
	text-transform: uppercase;
	color: var(--text-color);
	opacity: 0.1;
	margin-top: 0;
	transform: skew(-2deg);
}

.whats-in-back-text.smaller {
	font-size: 4em;
	letter-spacing: -1px;
	top: 8px;
	right: 20px;
}

.whats-in-images {
	margin-top: 60px;
}

.whats-in-images .wp-block-group__inner-container {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	width: 100%;
}

.whats-in-images.with-plus {
	/*width: 75%;*/
}

.whats-in-images .wp-block-image {
	margin: 0;
}

.wp-block-group.enlarged-one .wp-block-group__inner-container {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	gap: var(--gallery-item-space);
}

.wp-block-group.enlarged-one .wp-block-gallery {
	flex-basis: 30%;
	margin-top: 0;
}

.wp-block-group.enlarged-one .wp-block-image.enlarged {
	flex-basis: 70%;
	margin-top: 0;
}

.wp-block-group.enlarged-one .wp-block-image.enlarged img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wp-block-group.carousel.one-item .owl-item > .wp-block-cover {
	width: 100%;
	margin-top: 0;
	border-radius: 0;
}

.wp-block-group.quick-start-simulation .wp-block-group {
	width: 100%;
}

.wp-block-group.quick-start-simulation .wp-block-media-text {
	min-height: 100vh;
	border-radius: 0;
	margin-top: 0;
}

.wp-block-media-text.is-image-fill.equal-width.separated,
.wp-block-media-text.is-image-fill-element.equal-width.separated {
	background-color: transparent;
	padding: 0;
}

.wp-block-group.carousel.one-item.optimal-height .wp-block-media-text.has-background.separated,
.wp-block-group.carousel.one-item .wp-block-media-text.optimal-height.has-background.separated {
	padding-top: 0;
	padding-bottom: 0;
}

.wp-block-media-text.is-image-fill.equal-width .wp-block-media-text__media,
.wp-block-media-text.is-image-fill-element.equal-width .wp-block-media-text__media {
	width: 50%;
}

.wp-block-media-text.is-image-fill.equal-width.separated .wp-block-media-text__media,
.wp-block-media-text.is-image-fill-element.equal-width.separated .wp-block-media-text__media {
	width: calc(50% - 10px);
	border-radius: inherit;
}

.wp-block-media-text.is-image-fill.fitted-media .wp-block-media-text__media,
.wp-block-media-text.is-image-fill-element.fitted-media .wp-block-media-text__media {
	padding: var(--container-space);
	background-image: none !important;
}

.wp-block-media-text.is-image-fill.fitted-media .wp-block-media-text__media img,
.wp-block-media-text.is-image-fill.fitted-media .wp-block-media-text__media video,
.wp-block-media-text.is-image-fill-element.fitted-media .wp-block-media-text__media img,
.wp-block-media-text.is-image-fill-element.fitted-media .wp-block-media-text__media video {
	object-fit: contain;
}

.wp-block-media-text.soft-background-media .wp-block-media-text__media {
	background-color: var(--off-white);
}

.wp-block-media-text.is-image-fill.equal-width .wp-block-media-text__content,
.wp-block-media-text.is-image-fill-element.equal-width .wp-block-media-text__content {
	width: calc(50% - var(--container-space));
}

.wp-block-media-text.is-image-fill.equal-width.separated .wp-block-media-text__content,
.wp-block-media-text.is-image-fill-element.equal-width.separated .wp-block-media-text__content {
	justify-content: center;
	width: calc(50% - 10px);
	height: 100%;
	background-color: var(--current-color);
	padding: var(--section-space) var(--container-space);
	border-radius: inherit;
}

.wp-block-media-text.is-image-fill.equal-width.separated.is-vertically-aligned-top .wp-block-media-text__content,
.wp-block-media-text.is-image-fill-element.equal-width.separated.is-vertically-aligned-top .wp-block-media-text__content {
	justify-content: flex-start;
}

.wp-block-media-text.is-image-fill.equal-width.separated.has-terracotta-background-color .wp-block-media-text__content,
.wp-block-media-text.is-image-fill-element.equal-width.separated.has-terracotta-background-color .wp-block-media-text__content {
	background-color: var(--terracotta);
}

.wp-block-media-text.is-image-fill.equal-width.separated.has-green-background-color .wp-block-media-text__content,
.wp-block-media-text.is-image-fill-element.equal-width.separated.has-green-background-color .wp-block-media-text__content {
	background-color: var(--green);
}

.wp-block-media-text.is-image-fill.equal-width.separated.has-blue-background-color .wp-block-media-text__content,
.wp-block-media-text.is-image-fill-element.equal-width.separated.has-blue-background-color .wp-block-media-text__content {
	background-color: var(--blue);
}

.wp-block-media-text.is-image-fill.equal-width.separated.has-brown-background-color .wp-block-media-text__content,
.wp-block-media-text.is-image-fill-element.equal-width.separated.has-brown-background-color .wp-block-media-text__content {
	background-color: var(--brown);
}

.wp-block-media-text.is-image-fill.equal-width.separated.has-grey-background-color .wp-block-media-text__content,
.wp-block-media-text.is-image-fill-element.equal-width.separated.has-grey-background-color .wp-block-media-text__content {
	background-color: var(--grey);
}

.wp-block-media-text.is-image-fill.equal-width.separated.has-black-background-color .wp-block-media-text__content,
.wp-block-media-text.is-image-fill-element.equal-width.separated.has-black-background-color .wp-block-media-text__content {
	background-color: var(--black);
}

.wp-block-media-text.is-image-fill.equal-width.separated.has-white-background-color .wp-block-media-text__content,
.wp-block-media-text.is-image-fill-element.equal-width.separated.has-white-background-color .wp-block-media-text__content {
	background-color: var(--white);
}

.wp-block-media-text.is-image-fill.equal-width.separated.has-off-white-background-color .wp-block-media-text__content,
.wp-block-media-text.is-image-fill-element.equal-width.separated.has-off-white-background-color .wp-block-media-text__content {
	background-color: var(--off-white);
}

.wp-block-media-text.is-image-fill.equal-width.separated.has-off-white-yellowish-background-color .wp-block-media-text__content,
.wp-block-media-text.is-image-fill-element.equal-width.separated.has-off-white-yellowish-background-color .wp-block-media-text__content {
	background-color: var(--off-white-yellowish);
}

.quick-start-title-buttons {
	position: relative;
	margin-top: var(--section-space);
	margin-bottom: calc(-1em - 2 * var(--section-space));
	z-index: 2;
}

.alignfull + .quick-start-title-buttons {
	/*margin-top: 0.5em;*/
}

.quick-start-title-buttons .wp-block-group__inner-container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 40px;
}

.quick-start-title-buttons h2 {
	line-height: 1;
	margin-top: 0;
}

.carousel-title-static {
	line-height: 1;
	margin-top: 0;
	margin-bottom: calc(-2.5 * var(--section-space));
}

.wp-block-buttons.quick-start-selection-buttons {
	--button-height: 2.5rem;
	--button-gap: 0px;
	flex-grow: 0;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 3px;
	padding: 2px;
	margin-top: 0;
	border: 2px solid var(--current-color);
	border-radius: 12px;
}

.quick-start-selection-buttons .wp-block-button__link {
	min-width: 100px;
	border-color: transparent;
}

.quick-start-selection-buttons .wp-block-button__link:hover {
	background-color: var(--current-color-soft);
	color: var(--current-color);
}

.quick-start-selection-buttons .wp-block-button.active .wp-block-button__link {
	background-color: var(--current-color);
	color: var(--white);
}

.carousel-image.has-table > .wp-block-group__inner-container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.carousel-image.has-table > .wp-block-group__inner-container > *:first-child {
	margin-top: 0;
}

.table-default-theme.larger table {
	font-size: 0.875rem;
}

.table-default-theme.pack-comparison td {
	padding: 6px 40px;
	background-image: linear-gradient(to right, var(--white-extrasoft), var(--white-extrasoft));
	box-shadow: none;
}

.table-default-theme.pack-comparison td:first-child {
	font-weight: 600;
	width: 360px;
}

.table-default-theme.pack-comparison td:not(:first-child) {
	font-weight: 400;
}

.table-default-theme.pack-comparison tr:first-child td {
	font-size: 1.25em;
	font-weight: 600;
}

.table-default-theme.pack-comparison tr:nth-child(7) td:not(:first-child) {
	font-size: 1.25em;
}

.table-default-theme.pack-comparison td:nth-child(2) {
	background-color: var(--terracotta);
}

.table-default-theme.pack-comparison td:nth-child(3) {
	background-color: var(--grey);
}

.table-default-theme.pack-comparison tr:nth-child(odd) td {
	background-image: linear-gradient(30deg, var(--black-transparent), var(--black-extrasoft));
	box-shadow: 0 0px 8px var(--black-extrasoft);
}

.table-default-theme.pack-comparison tr:last-child td {
	box-shadow: none;
}

.table-default-theme.pack-comparison tr:nth-child(even):last-child td {
	background-image: linear-gradient(to right, var(--white-extrasoft), var(--white-extrasoft));
}

.quick-start-simulation .wp-block-media-text.silver-item,
.quick-start-simulation .carousel-image.silver-item {
	display: none;
}

.quick-start-simulation.gold-active .wp-block-media-text.gold-item,
.quick-start-simulation.silver-active .wp-block-media-text.silver-item {
	display: flex;
}

.quick-start-simulation.gold-active .carousel-image.gold-item,
.quick-start-simulation.silver-active .carousel-image.silver-item {
	display: block;
}

.quick-start-simulation.gold-active .wp-block-media-text.silver-item,
.quick-start-simulation.gold-active .carousel-image.silver-item,
.quick-start-simulation.silver-active .wp-block-media-text.gold-item,
.quick-start-simulation.silver-active .carousel-image.gold-item {
	display: none;
}

.quick-start-simulation .wp-block-media-text {
	min-height: 100vh !important;
}

.quick-start-simulation .wp-block-media-text.is-image-fill .wp-block-media-text__media,
.quick-start-simulation .wp-block-media-text.is-image-fill-element .wp-block-media-text__media {
	width: calc(50% + var(--container-space));
}

.quick-start-simulation .wp-block-media-text__content {
	/*margin-top: 60px;*/
}

.wp-block-group.quick-start-simulation.carousel.one-item.nav-inside .owl-dots {
	bottom: calc(var(--section-space) - 5px);
	left: calc(var(--container-space) - 4px);
	transform: none;
}

.wp-block-group.quick-start-simulation.carousel.one-item.nav-inside .owl-prev,
.wp-block-group.quick-start-simulation.carousel.one-item.nav-inside .owl-next {
	top: auto;
	bottom: calc(var(--section-space) + 5px);
	transform: translate(-100%, 50%);
	left: calc(50% - var(--container-space) - 80px);
	right: auto;
}

.wp-block-group.quick-start-simulation.carousel.one-item.nav-inside .owl-next {
	left: calc(50% - var(--container-space));
}

.quick-start-subtitle {
	position: relative;
	font-size: 0.75em;
	font-weight: 600;
	padding: 6px 10px;
	line-height: 1;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	border-radius: var(--main-border-radius);
	color: var(--current-color);
	background: linear-gradient(to right, var(--current-color-extrasoft), var(--current-color-transparent));
	z-index: 1;
}

.quick-start-subtitle.darker {
	color: var(--white);
	background: linear-gradient(to right, var(--current-color), var(--current-color-transparent));
}

.quick-start-subtitle.darker::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: inherit;
	background: linear-gradient(to right, var(--black), var(--current-color-transparent));
	opacity: 0.5;
	z-index: -1;
}

.wp-block-group.quick-start-earn-block,
.wp-block-group.quick-start-week-block {
	width: 100%;
}

.wp-block-group.quick-start-earn-block {
	margin-top: var(--element-space);
}

.wp-block-group.quick-start-earn-block .quick-start-subtitle {
	margin-top: 0;
}

.earn-block {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	font-size: 1.125em;
	line-height: 1.4;
	width: 100%;
	padding: 10px 20px;
	margin-top: 10px;
	border-radius: var(--main-border-radius);
	background-color: var(--current-color);
	color: var(--white);
	border-left: 8px solid var(--black-half);
}

.earn-block mark {
	font-size: 1.5rem;
	font-weight: 600;
	text-align: right;
	white-space: nowrap;
	line-height: 1;
	color: var(--white);
	background-color: transparent;
}

.checkmark-list {
	list-style-type: none;
	padding: 12px 20px;
	border: 1px solid var(--current-color-half);
	border-radius: var(--main-border-radius);
	background-color: var(--current-color-extrasoft);
}

.checkmark-list.simple {
	padding: 0;
	border-width: 0;
	border-radius: 0;
	background-color: transparent;
}

.checkmark-list.single-color {
	border-color: var(--text-color);
}

.checkmark-list.single-color.light {
	border-color: var(--white);
}

.quick-start-subtitle + .checkmark-list {
	margin-top: 10px;
}

.checkmark-list li {
	position: relative;
	padding-left: 2em;
	padding-bottom: 0.75em;
	margin-top: 0.75em;
	line-height: 1.5;
	border-bottom: 1px solid var(--current-color-half);
}

.checkmark-list li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.checkmark-list li::before {
	content: "";
	position: absolute;
	width: 1.5em;
	height: 1.5em;
	top: 0;
	left: 0;
	background: url(assets/icon/checkmark-terracotta.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.checkmark-list.simple li {
	padding-left: 2.5em;
}

.checkmark-list.single-color li {
	border-color: var(--text-color-soft);
}

.checkmark-list.simple li::before {
	border: 1px solid;
	border-radius: 50%;
}

.checkmark-list.single-color li::before {
	background: url(assets/icon/checkmark-dark.svg);
	opacity: 0.75;
}

.checkmark-list.has-marker li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.checkmark-list mark {
	font-size: 1.375rem;
	font-weight: 600;
	line-height: 1;
	color: inherit;
	background-color: transparent;
}

.wp-block-group.carousel.one-item .carousel-image {
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: var(--section-space) var(--container-space);
	padding-top: calc(1.5 * var(--section-space) + 10px);
	background-color: var(--page-background);
}

.wp-block-group.carousel.one-item.nav-inside .carousel-image {
	padding-bottom: calc(2 * var(--section-space));
}

.wp-block-group.carousel.one-item .carousel-image .wp-block-group__inner-container {
	height: 100%;
}

.wp-block-group.carousel.one-item .carousel-image .wp-block-image {
	height: 100%;
	margin-top: 0;
}

.wp-block-group.carousel.one-item .carousel-image img {
	width: auto;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background-color: transparent;
	border-radius: 0;
}

.column-subitem-icon {
	width: 80px;
	height: 80px;
	fill: var(--current-color);
}

.column-subitem-icon.align-center {
	margin-left: auto;
	margin-right: auto;
}

.column-subitem-icon .align-right {
	margin-left: auto;
}

.column-subitem-title {
	font-size: 1.25em;
	line-height: 1.25;
	margin-top: 1.5rem;
}

.column-subitem-description {
	font-size: 0.875em;
	margin-top: 0.5rem;
}

.ranks-position {
	position: relative;
}

.ranks-position > .wp-block-group__inner-container {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 0 20px;
	height: 100%;
}

.ranks-position-title {
	position: absolute;
	top: var(--section-space);
	left: var(--container-space);
	margin-top: 0;
}

.ranks-position .rank-name {
	position: relative;
	width: 100%;
}

.ranks-position .rank-image {
	position: relative;
	height: 100px;
	background-color: var(--green);
	color: var(--white);
	box-shadow: 6px 2px 16px var(--black-soft);
	cursor: default;
	transition: 0.3s;
}

.ranks-position .rank-image::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--black);
	z-index: -1;
}

.ranks-position .rank-image:hover {
	background-color: var(--green-half);
}

.ranks-position .rank-name:nth-child(2) .rank-image {
	height: 120px;
}

.ranks-position .rank-name:nth-child(3) .rank-image {
	height: 140px;
}

.ranks-position .rank-name:nth-child(4) .rank-image {
	height: 160px;
}

.ranks-position .rank-name:nth-child(5) .rank-image {
	height: 180px;
}

.ranks-position .rank-name:nth-child(6) .rank-image {
	height: 200px;
}

.ranks-position .rank-name:nth-child(7) .rank-image {
	height: 220px;
}

.ranks-position .rank-name:nth-child(8) .rank-image {
	height: 240px;
}

.ranks-position .rank-name:nth-child(9) .rank-image {
	height: 260px;
}

.ranks-position .rank-name:nth-child(10) .rank-image {
	height: 280px;
}

.ranks-position .rank-name:nth-child(11) .rank-image {
	height: 300px;
}

.ranks-position .rank-name:nth-child(12) .rank-image {
	height: 320px;
}

.ranks-position .rank-name:nth-child(13) .rank-image {
	height: 340px;
}

.ranks-position .rank-name:nth-child(14) .rank-image {
	height: 360px;
}

.ranks-position .rank-name:nth-child(15) .rank-image {
	height: 380px;
}

.ranks-position .rank-name:nth-child(16) .rank-image {
	height: 400px;
}

.ranks-position .rank-name:nth-child(17) .rank-image {
	height: 420px;
}

.ranks-position .rank-name:nth-child(18) .rank-image {
	height: 440px;
}

.ranks-position .rank-image img {
	position: absolute;
	width: 100% !important;
	height: auto !important;
	top: 0;
	left: 0;
	transform: translateY(-50%);
	max-width: none;
}

.ranks-position .rank-black-diamond-1-carat .rank-image img,
.ranks-position .rank-black-diamond-2-carat .rank-image img,
.ranks-position .rank-black-diamond-5-carat .rank-image img {
	width: 120% !important;
	left: -10%;
}

.ranks-position .rank-black-diamond-3-carat .rank-image img,
.ranks-position .rank-black-diamond-4-carat .rank-image img {
	width: 106% !important;
	left: -3%;
}

.ranks-position .rank-image figcaption {
	font-size: 1em;
	text-transform: uppercase;
	white-space: nowrap;
	text-align: left;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform-origin: left center;
	transform: rotate(-90deg) translateY(-50%);
	margin: 0;
	margin-left: 12px;
}

.ranks-position .rank-name .rank-details {
	position: absolute;
	top: -30px;
	left: 50%;
	min-width: 240px;
	border: var(--main-border-size) solid var(--black-thick);
	border-radius: var(--main-border-radius);
	color: var(--text-color);
	text-transform: uppercase;
	background-color: var(--off-white);
	box-shadow: 2px 1px 8px var(--black-extrasoft);
	opacity: 0;
	visibility: hidden;
	transform: translate3d(-50%, -100%, 0);
	transition: 0.2s;
}

.ranks-position .rank-name:hover .rank-details {
	opacity: 1;
	visibility: visible;
	transform: translate3d(-50%, calc(-100% - 30px), 0);
	transition: 0.5s;
}

.ranks-position .rank-details::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 40px;
	top: calc(100% + 10px);
	left: 50%;
	border-left: 1px solid var(--black-half);
}

/*.ranks-position .rank-name:nth-last-child(1) .rank-details,
.ranks-position .rank-name:nth-last-child(2) .rank-details {
	left: auto;
	right: 0;
	transform: translate3d(0, -100%, 0);
}

.ranks-position .rank-name:nth-last-child(1):hover .rank-details,
.ranks-position .rank-name:nth-last-child(2):hover .rank-details {
	transform: translate3d(0%, calc(-100% - 20px), 0);
}

.ranks-position .rank-name:nth-last-child(1) .rank-details::after,
.ranks-position .rank-name:nth-last-child(2) .rank-details::after {
	left: auto;
	right: 20px;
}*/

.rank-details-title {
	font-size: 0.625em;
	line-height: 1;
	letter-spacing: 0.4px;
	opacity: 0.75;
	margin-top: 0;
	padding: 8px 12px;
}

.rank-details-name {
	font-size: 1.25em;
	font-weight: 500;
	line-height: 1.25;
	padding: 4px 12px;
	margin-top: 0;
	background-color: var(--current-color);
	color: var(--white);
}

.ranks-details-volume {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0 12px;
	padding: 8px 12px;
	margin-top: 0;
}

.rank-details-volume-name {
	font-size: 0.75em;
	line-height: 1;
	margin-top: 0;
}

.rank-details-volume-amount {
	font-size: 1.125em;
	font-weight: 500;
	line-height: 1;
	margin-top: 0.25em;
	color: var(--current-color);
}

.rank-details-leg-requirements {
	font-size: 0.625em;
	line-height: 1;
	letter-spacing: 0.4px;
	padding: 10px 12px;
	border-top: 1px solid var(--current-color-half);
	margin-top: 0;
}

#why-become-member .ceo-image {
	display: none;
}

@media screen and (max-width: 1499px) and (max-height: 720px) {
	.quick-start-week-block .checkmark-list {
		font-size: 0.875em;
	}

	.earn-block {
		font-size: 1em;
	}

	#unique-products .wp-block-media-text ul {
		font-size: 0.875em;
	}

	.rounded-title-info {
		font-size: 1.25em;
	}

	.rounded-title-info + h2 {
		/*font-size: 2.5em;*/
	}
}

@media screen and (max-width: 1281px) and (max-height: 720px) {
	.quick-start-week-block .checkmark-list {
		font-size: 0.75em;
	}

	.earn-block {
		font-size: 0.875em;
	}

	.earn-block mark {
		font-size: 1.25em;
	}

	.checkmark-list mark {
		font-size: 1.25em;
	}

	.rounded-title-info {
		font-size: 1em;
	}

	.rounded-title-info + h2 {
		/*font-size: 2em;*/
	}

	.wp-block-columns.columns-text-images .column-images {
		max-width: 200px;
	}

	.column-images .wp-block-image img {
		max-width: 90px;
	}

	.column-images .wp-block-image.lid-alarm-turned-on img {
		max-width: 110px;
		margin-left: 18.5%;
		margin-top: -25%;
	}

	.discount-percent-info {
		font-size: 4em;
	}
}

@media screen and (max-width: 1366px) {
	.why-number {
		margin-top: calc(0.5 * var(--section-space));
	}

	.why-title {
		font-size: 2em;
	}

	.why-description {
		font-size: 1em;
	}

	.pack-price.block-discount .biokissed-price-wrapper {
		gap: 0;
	}
}

@media screen and (max-width: 1279px) {
	.wp-block-group.page-content-list .wp-block-group__inner-container {
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.wp-block-group.page-content-list .page-content-list-title {
		flex-basis: 100%;
	}

	.page-content-list ul {
		flex-basis: 80%;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	#who-is-biokissed {
		padding-bottom: 0;
	}

	#who-is-biokissed .wp-block-columns.card-columns {
		--column-gap: 20px;
		width: var(--viewport-width);
		overflow-x: auto;
		padding-left: var(--container-space);
		padding-bottom: var(--section-space);
	}

	#who-is-biokissed .wp-block-columns.card-columns::after {
		content: "";
		display: block;
		min-width: calc(var(--container-space) - var(--column-gap));
	}

	#who-is-biokissed .card-columns > .wp-block-column,
	#who-is-biokissed .card-columns.enlarge-on-hover .wp-block-group.carousel.as-background,
	#who-is-biokissed .card-columns.enlarge-on-hover .wp-block-group.carousel.as-background .wp-block-image figcaption {
		min-width: 280px;
	}
}

@media screen and (max-width: 959px) {
	.caption-media.vertical {
		display: none;
	}

	.wp-block-cover.launch-cover {
		padding-bottom: var(--section-space);
	}

	.launch-cover .wp-block-cover__inner-container {
		align-content: flex-end;
	}

	.launch-cover .wp-block-spacer {
		display: none;
	}

	.launch-cover.hero-element .discount-percent-block {
		margin-top: 0;
	}

	.launch-cover.hero-element .discount-percent-number {
		transform: scale(1);
		transform-origin: left bottom;
	}

	.wp-block-group.page-content-list .wp-block-group__inner-container {
		flex-wrap: wrap;
	}

	.page-content-list {
		position: static;
		margin-top: var(--element-space);
	}

	.page-content-list ul {
		flex-basis: 100%;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.page-content-list .wp-block-buttons {
		margin-left: calc(-1 * var(--button-gap));
	}

	#unique-products .optimal-height {
		min-height: 0;
	}

	#unique-products .optimal-height img {
		height: auto;
	}

	#unique-products > .wp-block-group__inner-container > *:not(:first-child) {
		margin-top: var(--element-space);
	}

	#unique-products .wp-block-media-text {
		height: auto;
	}

	#unique-products .wp-block-media-text.has-background {
		padding-bottom: var(--container-space);
	}

	#unique-products .wp-block-media-text.has-background .wp-block-media-text__media img {
		position: relative;
	}

	#unique-products .wp-block-media-text .column-images {
		flex-direction: row;
		align-items: flex-end;
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-bottom: var(--section-space);
	}

	#unique-products .wp-block-media-text .column-images img {
		max-width: 80px;
	}

	#unique-products .lids-alarm {
		margin-top: 20px;
	}

	#unique-products .lids-alarm .wp-block-image.lid-alarm-turned-on img {
		max-width: 96px;
	}

	#unique-products .wp-block-columns {
		flex-wrap: wrap;
	}

	#official-lunch .wp-block-cover {
		padding-bottom: 100px;
	}

	#official-lunch .countdown-time {
		font-size: 4rem;
	}

	#official-lunch .countdown-label {
		font-size: 0.625rem;
	}

	#official-lunch .wp-block-cover__inner-container {
		gap: var(--element-space);
		padding: var(--container-space);
	}

	#official-lunch .wp-block-cover .wp-block-columns {
		flex-wrap: nowrap;
		flex-grow: 1;
		gap: 10px;
	}

	#launch-countdown .wp-block-cover__inner-container {
		gap: 0;
	}

	#launch-countdown .small-width-container {
		margin-top: 20px;
	}

	#launch-countdown .wp-block-spacer:last-child {
		display: none;
	}

	#official-lunch #consumable-products .wp-block-columns {
		flex-wrap: wrap;
		gap: var(--element-space);
	}

	#consumable-products .wp-block-group.enlarged-one .wp-block-gallery {
		flex-basis: 80%;
	}

	#official-lunch .owl-dots {
		bottom: 45px;
	}

	#official-lunch .owl-nav {
		display: block;
	}

	#official-lunch .owl-prev,
	#official-lunch .owl-next {
		bottom: 50px;
	}

	#official-lunch .owl-prev {
		left: var(--container-space);
		transform: translate(0, 50%);
	}

	#official-lunch .owl-next {
		left: auto;
		right: var(--container-space);
		transform: translate(0, 50%);
	}

	.ranks-position-container.wp-block-group {
		display: flex;
		flex-direction: column;
		justify-content: stretch;
		min-height: calc(100vh - 2 * var(--section-space));
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}

	.ranks-position-container > .wp-block-group__inner-container {
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.ranks-position-title {
		position: static;
		padding: 0 var(--container-space);
	}

	.ranks-position {
		position: static;
		max-width: 100%;
		padding: 20px var(--container-space) var(--section-space);
		overflow-x: auto;
	}

	.ranks-position > .wp-block-group__inner-container {
		width: 1200px;
	}

	.ranks-position .rank-name {
		position: static;
	}

	.ranks-position .rank-name:nth-child(2) .rank-image {
		height: 113px;
	}

	.ranks-position .rank-name:nth-child(3) .rank-image {
		height: 126px;
	}

	.ranks-position .rank-name:nth-child(4) .rank-image {
		height: 139px;
	}

	.ranks-position .rank-name:nth-child(5) .rank-image {
		height: 152px;
	}

	.ranks-position .rank-name:nth-child(6) .rank-image {
		height: 165px;
	}

	.ranks-position .rank-name:nth-child(7) .rank-image {
		height: 178px;
	}

	.ranks-position .rank-name:nth-child(8) .rank-image {
		height: 191px;
	}

	.ranks-position .rank-name:nth-child(9) .rank-image {
		height: 204px;
	}

	.ranks-position .rank-name:nth-child(10) .rank-image {
		height: 217px;
	}

	.ranks-position .rank-name:nth-child(11) .rank-image {
		height: 230px;
	}

	.ranks-position .rank-name:nth-child(12) .rank-image {
		height: 243px;
	}

	.ranks-position .rank-name:nth-child(13) .rank-image {
		height: 256px;
	}

	.ranks-position .rank-name:nth-child(14) .rank-image {
		height: 269px;
	}

	.ranks-position .rank-name:nth-child(15) .rank-image {
		height: 282px;
	}

	.ranks-position .rank-name:nth-child(16) .rank-image {
		height: 295px;
	}

	.ranks-position .rank-name:nth-child(17) .rank-image {
		height: 308px;
	}

	.ranks-position .rank-name:nth-child(18) .rank-image {
		height: 321px;
	}

	.ranks-position .rank-image figcaption {
		font-size: 0.875em;
		margin-left: 11px;
	}

	.ranks-position .rank-name .rank-details {
		position: absolute;
		width: calc(100% - var(--container-space));
		left: calc(0.5 * var(--container-space));
		top: calc(0.5 * var(--container-space));
		transform: translate3d(0, 80px, 0);
	}

	.ranks-position .rank-name:hover .rank-details {
		transform: translate3d(0, 0, 0);
	}

	.ranks-position .rank-details::after {
		display: none;
	}

	.ranks-details-volume {
		flex-wrap: nowrap;
	}

	#extra-income .wp-block-column.explanation-text .explanation-subtitle {
		font-size: 0.875rem;
		margin-top: 0;
	}

	#sources-income {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		min-height: 100vh;
		padding-bottom: 0;
	}

	#sources-income > .wp-block-group__inner-container {
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		width: 100%;
	}

	#sources-income .bonus-cards {
		margin-top: auto;
	}

	.bonus-cards.columns-layout > .wp-block-group__inner-container {
		flex-wrap: nowrap;
		justify-content: flex-start;
		gap: 1em;
		width: calc(100% + 2 * var(--container-space));
		margin-left: calc(-1 * var(--container-space));
		padding: var(--section-space) var(--container-space);
		padding-top: calc(var(--element-space) + 64px);
		overflow-x: auto;
	}

	.bonus-cards .card-icon {
		flex-shrink: 0;
		width: 240px;
	}

	.explanation-text .explanation-visual {
		width: calc(100% + 2 * var(--container-space));
		margin-left: calc(-1 * var(--container-space));
		margin-right: calc(-1 * var(--container-space));
	}

	.explanation-subtitle + .explanation-visual {
		margin-top: var(--element-space);
		margin-right: calc(-1 * var(--container-space));
	}

	.explanation-bonus-title + .explanation-visual {
		margin-top: 2px;
	}

	.explanation-bonus-title {
		min-height: 100px;
		padding-left: 96px;
		padding-bottom: 18px;
	}

	.explanation-bonus-title .wp-block-image {
		width: 80px;
		height: 80px;
		padding: 4px;
	}

	.wp-block-column.explanation-text .explanation-bonus-title .explanation-title {
		font-size: 1.375rem;
		line-height: 1.25;
	}

	.wp-block-column.explanation-text .explanation-bonus-title .explanation-subtitle {
		font-size: 0.75rem;
	}

	.explanation-title-header > .wp-block-group__inner-container {
		flex-wrap: wrap;
		gap: var(--element-space);
	}

	.explanation-bonus-title + .explanation-title-description {
		margin-top: 0;
	}

	.quick-start-simulation {
		padding-top: 80px;
	}

	.quick-start-title-buttons h2 {
		font-size: 1.5rem !important;
	}

	.quick-start-simulation .wp-block-media-text {
		gap: 0 !important;
		min-height: calc(100vh - 80px) !important;
		margin-top: -80px !important;
	}

	.quick-start-simulation.wp-block-group.carousel.one-item .wp-block-media-text.has-background .wp-block-media-text__media {
		width: 100%;
		margin-left: 0;
	}

	.quick-start-simulation.wp-block-group.carousel.one-item .wp-block-media-text.has-background .wp-block-media-text__media img {
		object-fit: contain;
	}

	.quick-start-simulation .wp-block-media-text__content ul {
		font-size: 0.75rem;
		margin-top: 0.5em;
	}

	.quick-start-simulation .wp-block-media-text__content li {
		margin-top: 0.25rem;
	}

	.quick-start-simulation .earn-block {
		font-size: 0.75rem;
		margin-top: 0.375rem;
	}

	.quick-start-simulation .owl-dots {
		bottom: 100px !important;
	}

	#why-become-member.wp-block-media-text {
		align-items: flex-end;
	}

	#why-become-member .wp-block-media-text__media {
		display: none;
	}

	#why-become-member .wp-block-media-text__content {
		width: 100%;
		max-height: 100%;
	}

	#why-become-member .owl-stage {
		align-items: flex-end;
	}

	#why-become-member .carousel > .wp-block-group__inner-container {
		align-items: flex-end;
	}

	#why-become-member .owl-dots {
		margin-top: 20px;
		margin-bottom: 0;
	}

	#why-become-member .why-item > .wp-block-group__inner-container {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	#why-become-member .ceo-image {
		display: block;
		width: 100%;
		height: 100%;
		margin-top: 0;
		margin-bottom: var(--element-space);
		border-radius: var(--main-border-radius);
		overflow: hidden;
	}

	#why-become-member .ceo-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center top;
	}

	#why-become-member .ceo-image figcaption {
		text-align: left;
		margin-left: 0;
		margin-right: 0;
	}

	#why-become-member .why-topic {
		margin-bottom: auto;
	}

	#why-become-member .why-number {
		font-size: 2rem;
		width: 60px;
		height: 60px;
	}

	#why-become-member h2 {
		font-size: 1.75rem !important;
	}

	#why-become-member .why-title {
		font-size: 1.75rem;
	}

	.how-to-columns.columns-layout.wp-block-columns {
		flex-wrap: wrap;
		width: 100%;
	}

	.how-to-columns .wp-block-column {
		width: 100% !important;
	}

	#join-learn-more p {
		font-size: 1.75rem !important;
	}
}

@media screen and (min-width: 768px) {
	.starter-pack-column.larger-info-number .pack-info li:first-child {
		font-size: 0.75rem;
	}

	.starter-pack-column.larger-info-number .pack-info li strong {
		font-size: 1rem;
	}
}

@media screen and (min-width: 960px) {
	.starter-pack-column {
		width: 20%;	
	}

	.starter-pack-column.larger-info-number .pack-info li:first-child {
		font-size: 0.625rem;
	}

	.starter-pack-column.larger-info-number .pack-info li strong {
		font-size: 0.875rem;
	}

	.starter-pack-column .biokissed-prices-points {
		/*transform: scale(0.7);
		margin-top: -8%;
		margin-bottom: -8%;*/
	}
}

@media screen and (min-width: 1280px) {
	.starter-pack-column.larger-info-number .pack-info li:first-child {
		font-size: 0.75rem;
	}

	.starter-pack-column .biokissed-prices-points {
		/*transform: scale(0.8);
		margin-top: -6%;
		margin-bottom: -6%;*/
	}
}

@media screen and (min-width: 1360px) {
	.starter-pack-column.larger-info-number .pack-info li:first-child {
		font-size: 0.875rem;
	}

	.starter-pack-column.larger-info-number .pack-info li strong {
		font-size: 1rem;
	}

	.starter-pack-column .biokissed-prices-points {
		transform: none;
		margin-top: 0;
		margin-bottom: 0;
	}
}

/* Fix me later */
.entry-content > .wp-block-group.carousel.one-item {
	margin-top: var(--section-space);
}

.wp-block-group.carousel.one-item .wp-block-media-text {
	width: 100%;
	margin-top: 0;
	min-height: calc(100vh - 2 * var(--section-space));
}

body.single-product.wp-block-group.carousel.one-item .wp-block-media-text {
	height: calc(100vh - 3 * var(--section-space));
}

.wp-block-group.carousel.one-item.optimal-height .wp-block-media-text {
	height: calc(100vh - var(--section-space));
}

.wp-block-group.carousel.one-item.optimal-height .wp-block-media-text.has-background,
.wp-block-group.carousel.one-item .wp-block-media-text.optimal-height.has-background {
	padding-top: calc(0.5 * var(--section-space));
	padding-bottom: calc(0.5 * var(--section-space));
}

.wp-block-group.carousel.one-item .wp-block-media-text__content {
	justify-content: flex-start;
	max-height: 100%;
	padding-right: calc(2 * var(--container-space));
	overflow-y: auto;
}

.wp-block-group.carousel.one-item .owl-dots {
	margin-top: var(--section-space);
}

.nav-light .owl-dots {
	--current-color: var(--white);
	--current-color-thick: var(--white-thick);
	--current-color-half: var(--white-half);
}

.nav-light .owl-prev,
.nav-light .owl-next {
	border-color: var(--white-soft);
}

.nav-light .owl-prev::before,
.nav-light .owl-next::before {
	border-color: var(--white-thick);
}

.nav-light .owl-prev::after,
.nav-light .owl-next::after {
	background-color: var(--white-extrasoft);
}

.wp-block-group.carousel.one-item.nav-inside .owl-dots {
	position: absolute;
	left: 50%;
	bottom: calc(0.5 * var(--section-space) - 5px);
	transform: translateX(-50%);
	margin-top: 0;
	margin-bottom: 0;
}

.wp-block-group.carousel.one-item.nav-inside.nav-in-half-right .owl-dots {
	left: 75%;
}

.wp-block-group.carousel.one-item.nav-inside.nav-in-half-left .owl-dots {
	left: 25%;
}

.wp-block-group.carousel.one-item.nav-inside.nav-in-right .owl-dots {
	left: calc(50% + 0.5 * var(--container-space) - 4px);
	transform: none;
}

.wp-block-group.carousel.one-item.nav-inside.nav-in-left .owl-dots {
	left: auto;
	right: calc(50% + 0.5 * var(--container-space) - 4px);
	transform: none;
}

.wp-block-group.carousel.one-item.nav-inside.dots-in-corner-left .owl-dots {
	left: 15px;
	transform: none;
}

.wp-block-group.carousel.one-item.nav-inside.dots-in-corner-right .owl-dots {
	left: auto;
	right: 15px;
	transform: none;
}

.wp-block-group.carousel.one-item.alignfull.nav-inside.dots-in-corner-left .owl-dots {
	left: var(--container-space);
}

.wp-block-group.carousel.one-item.alignfull.nav-inside.dots-in-corner-right .owl-dots {
	right: var(--container-space);
}

.wp-block-group.carousel.one-item.dots-vertical .owl-dots {
	top: 50%;
	bottom: auto;
	left: calc(100% - 0.5 * var(--container-space) - 5px);
	transform: rotate(90deg) translateX(-50%);
	transform-origin: left top;
}

.wp-block-group.carousel.one-item.dots-vertical.nav-in-corner-right .owl-dots {
	top: calc(50% - 30px);
}

#nomad-starter-packs-list .wp-block-group.carousel.one-item .owl-dots {
	margin-top: 0;
}

.wp-block-group.carousel.one-item .owl-prev,
.wp-block-group.carousel.one-item .owl-next {
	top: calc(50% - var(--section-space));
}

.wp-block-group.carousel.one-item.nav-near-edge .owl-prev {
	left: 16px;
}

.wp-block-group.carousel.one-item.nav-near-edge .owl-next {
	right: 16px;
}

/*.wp-block-group.carousel.one-item .owl-prev::before,
.wp-block-group.carousel.one-item .owl-next::before {
	border-color: var(--current-color);
}

.wp-block-group.carousel.one-item .owl-prev:hover::before,
.wp-block-group.carousel.one-item .owl-next:hover::before,
.wp-block-group.carousel.one-item .owl-prev:focus::before,
.wp-block-group.carousel.one-item .owl-next:focus::before {
	border-color: var(--white);
}*/

.carousel.nav-smaller .owl-prev,
.carousel.nav-smaller .owl-next {
	width: 3em;
	height: 3em;
}

.carousel.nav-smaller .owl-prev::before,
.carousel.nav-smaller .owl-next::before {
	width: 0.75em;
	height: 0.75em;
}

.carousel.nav-smaller .owl-prev::before {
	left: 0.1em;
}

.carousel.nav-smaller .owl-next::before {
	right: 0.1em;
}

.wp-block-group.carousel.one-item.nav-inside .owl-prev,
.wp-block-group.carousel.one-item.nav-inside .owl-next {
	top: 50%;
	transform: translateY(-50%);
}

.wp-block-group.carousel.one-item.nav-inside.nav-in-half-right .owl-prev {
	left: calc(50% + 40px);
}

.wp-block-group.carousel.one-item.nav-inside.nav-in-half-left .owl-next {
	right: calc(50% + 40px);
}

.wp-block-group.carousel.one-item.nav-inside.nav-in-right .owl-prev,
.wp-block-group.carousel.one-item.nav-inside.nav-in-right .owl-next,
.wp-block-group.carousel.one-item.nav-inside.nav-in-left .owl-prev,
.wp-block-group.carousel.one-item.nav-inside.nav-in-left .owl-next,
.wp-block-group.carousel.one-item.nav-inside.nav-in-center .owl-prev,
.wp-block-group.carousel.one-item.nav-inside.nav-in-center .owl-next,
.wp-block-group.carousel.one-item.nav-inside.nav-in-corner-right .owl-prev,
.wp-block-group.carousel.one-item.nav-inside.nav-in-corner-right .owl-next {
	top: auto;
	bottom: calc(0.5 * var(--section-space));
	transform: translateY(50%);
	left: auto;
	right: auto;
}

.wp-block-group.carousel.one-item.nav-inside.nav-in-center .owl-prev,
.wp-block-group.carousel.one-item.nav-inside.nav-in-center .owl-next {
	bottom: var(--section-space);
}

.wp-block-group.carousel.one-item.nav-inside.nav-in-right .owl-prev {
	right: 70px;
}

.wp-block-group.carousel.one-item.nav-inside.nav-in-right.nav-smaller .owl-prev {
	right: 56px;
}

.wp-block-group.carousel.one-item.nav-inside.nav-in-right .owl-next {
	right: 0;
}

.wp-block-group.carousel.one-item.nav-inside.nav-in-left .owl-prev {
	left: 0;
}

.wp-block-group.carousel.one-item.nav-inside.nav-in-left .owl-next {
	left: 70px;
}

.wp-block-group.carousel.one-item.nav-inside.nav-in-left.nav-smaller .owl-next {
	left: 56px;
}

.wp-block-group.carousel.one-item.nav-inside.nav-in-center .owl-prev {
	left: calc(50% - 5px);
	transform: translate(-100%, 50%);
}

.wp-block-group.carousel.one-item.nav-inside.nav-in-center .owl-next {
	left: calc(50% + 5px);
}

.wp-block-group.carousel.one-item.nav-inside.nav-in-corner-right .owl-next {
	right: 15px;
}

.wp-block-group.carousel.one-item.alignfull.nav-inside.nav-in-corner-right .owl-next {
	right: var(--container-space);
}

.wp-block-group.carousel.one-item.nav-inside.nav-in-corner-right .owl-prev {
	right: 85px;
}

.wp-block-group.carousel.one-item.alignfull.nav-inside.nav-in-corner-right .owl-prev {
	right: calc(var(--container-space) + 70px);
}

.wp-block-group.carousel.one-item.nav-inside.nav-in-corner-right.nav-smaller .owl-prev {
	right: 70px;
}

.wp-block-group.carousel.one-item.alignfull.nav-inside.nav-in-corner-right.nav-smaller .owl-prev {
	right: calc(var(--container-space) + 55px);
}

.wp-block-group.carousel.one-item.nav-inside.nav-in-corner-left .owl-prev {
	left: 15px;
}

.wp-block-group.carousel.one-item.alignfull.nav-inside.nav-in-corner-left .owl-prev {
	left: var(--container-space);
}

.wp-block-group.carousel.one-item.nav-inside.nav-in-corner-left .owl-next {
	left: 85px;
}

.wp-block-group.carousel.one-item.nav-inside.nav-in-corner-left.nav-smaller .owl-next {
	left: 70px;
}

.wp-block-group.carousel.nav-colored .owl-prev,
.wp-block-group.carousel.nav-colored .owl-next {
	border-color: var(--current-color-thick);
}

.wp-block-group.carousel.nav-colored .owl-prev::before,
.wp-block-group.carousel.nav-colored .owl-next::before {
	border-color: var(--current-color);
}

.wp-block-group.carousel.nav-colored .owl-prev:hover::before,
.wp-block-group.carousel.nav-colored .owl-next:hover::before,
.wp-block-group.carousel.nav-colored .owl-prev:focus::before,
.wp-block-group.carousel.nav-colored .owl-next:focus::before {
	border-color: var(--white);
}

.wp-block-group.carousel.nav-colored .owl-prev::after,
.wp-block-group.carousel.nav-colored .owl-next::after {
	background-color: var(--current-color-extrasoft);
}

.wp-block-group.carousel.nav-colored .owl-prev:hover::after,
.wp-block-group.carousel.nav-colored .owl-next:hover::after,
.wp-block-group.carousel.nav-colored .owl-prev:focus::after,
.wp-block-group.carousel.nav-colored .owl-next:focus::after {
	background-color: var(--current-color);
}

.wp-block-group.carousel.one-item.nav-inside .wp-block-media-text__content {
	padding-bottom: calc(1.5 * var(--section-space));
	padding-right: var(--container-space);
}

.wp-block-group.carousel.one-item.nav-inside .wp-block-media-text.align-stretch .wp-block-media-text__content {
	padding-top: calc(0.5 * var(--section-space) - 0.5em);
}

.wp-block-group.carousel.one-item.nav-inside .wp-block-media-text.has-background .wp-block-media-text__content {
	padding-bottom: calc(0.5 * var(--section-space));
	padding-right: calc(0.5 * var(--container-space));
}

.wp-block-group.carousel.one-item.nav-inside .wp-block-media-text.has-background.align-stretch .wp-block-media-text__content {
	padding-top: 0;
}

.wp-block-group.carousel.one-item.optimal-height .wp-block-media-text__content {
	padding-right: 0;
	overflow-y: unset;
}

.discount-percent-block .wp-block-group__inner-container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 40px;
}

.discount-percent-block.align-left > .wp-block-group__inner-container {
	justify-content: flex-start;
}

.discount-percent-block .countdown {
	margin-top: -1rem;
}

.hero-element .discount-percent-number {
	opacity: 0.75;
}

.discount-percent-number .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0 20px;
	width: 320px;
	height: 280px;
	border: 8px solid;
	border-radius: 24px;
}

.discount-percent-number.smaller .wp-block-group__inner-container {
	gap: 0 8px;
/*	width: 160px;*/
	width: 208px;
	height: 140px;
	border: 3px solid;
	border-radius: var(--main-border-radius);
}

.discount-percent-number p {
	margin-top: 0;
	line-height: 1;
}

.hero-element .discount-percent-number .wp-block-group__inner-container p {
	margin-top: 0;
}

.discount-percent-number .discount-number {
	font-size: 11em;
	line-height: 1;
	width: 50%;
}

.discount-percent-number.smaller .discount-number {
	font-size: 5.5em;
	font-weight: 400;
}

.discount-percent-number.smaller .discount-number strong {
	font-weight: 400;
}

.discount-percent-number .discount-percentage {
	font-size: 2em;
	font-weight: 600;
	line-height: 1.25;
	width: 25%;
}

.discount-percent-number.smaller .discount-percentage {
	font-size: 1.25em;
	line-height: 1;
}

.discount-percent-number .discount-percentage strong {
	display: block;
	font-size: 2.5em;
	margin-top: -0.125em;
}

.discount-time {
	position: relative;
	font-size: 1.5em;
	font-weight: 600;
	width: 100%;
	margin-bottom: auto;
	padding-top: 26px;
	padding-bottom: 10px;
}

.discount-percent-number.smaller .discount-time {
	font-size: 0.875em;
	font-weight: 500;
	padding-top: 6px;
	padding-bottom: 0;
	line-height: 1.25;
}

.discount-time::before {
	content: "";
	position: absolute;
	width: 80%;
	height: 3px;
	top: -2px;
	left: 10%;
	background: linear-gradient(to right, var(--white-transparent), var(--white), var(--white-transparent));
	opacity: 0.5;
}

.discount-percent-number.smaller .discount-time::before {
	height: 2px;
}

.discount-percent-info {
	font-size: 5em;
	line-height: 1.25;
	text-align: left;
	margin-top: 0;
}

.wp-block-cover.content-blocked .wp-block-cover__inner-container {
	display: flex;
	flex-direction: column;
	align-content: stretch;
	justify-content: space-evenly;
	gap: 40px;
	padding: 40px;
	max-width: none;
	background-color: var(--white-soft);
	border-radius: var(--large-border-radius);
}

.wp-block-cover.content-blocked.center .wp-block-cover__inner-container {
	justify-content: center;
}

.wp-block-cover.content-blocked .wp-block-cover__inner-container > * {
	flex-basis: auto;
	margin-top: 0;
}

.wp-block-cover.content-blocked .wp-block-cover__inner-container > .expanded {
	flex-grow: 1;
	align-items: stretch;
}

.wp-block-cover.content-blocked .wp-block-cover__inner-container > .wp-block-buttons {
	flex-grow: 0;
}

.wp-block-cover.content-blocked .wp-block-columns {
	align-items: stretch;
	gap: 40px;
}

.wp-block-cover.content-blocked .wp-block-columns.expanded .wp-block-column {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: stretch;
}

.wp-block-cover.content-blocked .wp-block-columns.expanded .wp-block-column > .expanded {
	flex-grow: 1;
}

.wp-block-cover.content-blocked .wp-block-columns.expanded .wp-block-column > .expanded > .wp-block-group__inner-container {
	height: 100%;
}

.wp-block-cover.content-blocked.off-white-bg-content .wp-block-cover__inner-container {
	background-color: var(--off-white-thick);
}

.wp-block-cover.content-full-width .wp-block-cover__inner-container {
	width: 100%;
}

.wp-block-group.columns-layout.bonus-cards {
	--column-count: 5;
	--row-gap: 90px;
	margin-top: calc(var(--section-space) + 50px);
}

.bonus-cards:hover .card-icon > .wp-block-group__inner-container {
	background-color: var(--off-white-half);
}

.bonus-cards:hover .card-icon:hover > .wp-block-group__inner-container {
	opacity: 1;
	background-color: var(--off-white);
	box-shadow: 0 3px 8px 2px var(--black-extrasoft);
}

.card-icon {
	text-align: center;
}

.card-icon > .wp-block-group__inner-container {
	padding: 20px;
	background-color: var(--off-white);
	border-radius: var(--main-border-radius);
	height: 100%;
	box-shadow: 0 2px 6px var(--black-extrasoft);
	transition: 0.5s;
}

.card-icon .wp-block-image.card-icon-image {
	margin-top: 0;
}

.card-icon-image img {
	width: 80px !important;
	height: 80px !important;
	object-fit: contain;
	margin-left: auto;
	margin-right: auto;
	margin-top: -60px;
	padding: 8px;
	border-radius: 50%;
	border: 4px solid var(--green);
	background-color: var(--off-white);
	box-shadow: 0 1px 3px var(--black-half);
	transition: 0.3s;
}

.card-icon:hover .card-icon-image img {
	transform: scale3d(1.25, 1.25, 1.25) translate3d(0, -8px, 0);
	border-radius: var(--large-border-radius);
}

.card-icon-title {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1em;
	font-weight: 600;
	line-height: 1.25;
	margin-top: 18px;
	padding: 8px 12px;
	min-height: calc(2.5em + 16px);
	background-color: var(--green);
	color: var(--white);
	border-radius: var(--main-border-radius);
	transition: 0.3s;
}

.bonus-cards:hover .card-icon-title {
	background-color: var(--green-half);
	color: var(--white-thick);
}

.bonus-cards:hover .card-icon:hover .card-icon-title {
	background-color: var(--green);
	color: var(--white);
}

.card-icon-description {
	font-size: 0.75em;
	margin-top: 14px;
}

.wp-block-media-text.align-stretch {
	align-items: stretch;
}

.wp-block-media-text.align-stretch .align-bottom {
	margin-top: auto;
	padding-top: var(--element-space);
}

.wp-block-media-text .columns-layout {
	--viewport-width: 100%;
	--container-space: 0;
	--column-gap: var(--element-space);
	--row-gap: var(--element-space);
}

.columns-layout.columns-equal > .wp-block-group__inner-container > *,
.wp-block-columns.columns-layout.columns-equal > .wp-block-column {
	flex-basis: 100%;
}

.subtitle-category {
	font-weight: 500;
	line-height: 1;
	color: var(--current-color);
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--current-color-half);
	text-transform: uppercase;
	letter-spacing: 0.4px;
}

.subtitle-category + *:not(.align-bottom) {
	margin-top: var(--element-space)
}

/* Old Member Resources */
.title-with-logo-icon-text.has-line-separator,
.title-with-logo-text.has-line-separator {
	position: relative;
	padding-bottom: var(--element-space);
}

.title-with-logo-icon-text.has-line-separator::after,
.title-with-logo-text.has-line-separator::after {
	content: "";
	position: absolute;
	width: 80%;
	height: 1px;
	bottom: 0;
	left: 0;
	background: linear-gradient(to right, var(--current-color-transparent), var(--current-color) 2rem, var(--current-color-transparent));
	opacity: 0.5;
	max-width: 360px;
}

.title-with-logo-icon-text .wp-block-group__inner-container,
.title-with-logo-text .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}

.title-with-logo-icon-text .logo-icon svg {
	width: auto;
	height: 30px;
	fill: var(--current-color);
}

.title-with-logo-icon-text .logo-text {
	margin-left: 12px;
}

.title-with-logo-text .logo-text {
	margin-left: 4px;
}

.title-with-logo-icon-text .logo-text svg,
.title-with-logo-text .logo-text svg {
	width: auto;
	height: 24px;
	fill: var(--current-color);
}

.title-with-logo-icon-text h1,
.title-with-logo-text h2 {
	width: 100%;
	margin-top: 0.2em;
	color: var(--current-color);
}

.title-with-logo-icon-text.text-align-center .wp-block-group__inner-container,
.title-with-logo-text.text-align-center .wp-block-group__inner-container {
	justify-content: center;
	text-align: center;
}

.title-with-logo-text.text-align-center .logo-text {
	margin-left: 0;
}

.title-description {
	font-size: 0.875rem;
	margin-top: 0.75em;
}

.title-with-logo-icon-text.white,
.title-with-logo-text.white {
	--current-color: var(--white);
}

.title-with-logo-text h2:first-child {
	margin-top: 0;
}

.wp-block-cover.decorative {
	color: var(--text-color);
}

.wp-block-cover.decorative.overflow-visible {
	overflow: visible;
}

.wp-block-cover.decorative.has-focus-image {
	overflow: visible;
}

.wp-block-cover.decorative::before {
	opacity: 0.05;
}

.wp-block-cover.decorative.extrasoft::before {
	opacity: 0.15;
}

.wp-block-cover.decorative.gradient-to-top::before {
	background: linear-gradient(to top, var(--current-color), var(--current-color-transparent));
}

.wp-block-cover.decorative .wp-block-cover__image-background {
	height: auto;
	-o-object-fit: contain;
	object-fit: contain;
}

.wp-block-cover.decorative.right .wp-block-cover__image-background {
	left: auto;
	right: -10%;
}

.wp-block-cover.decorative.bottom {
	padding-bottom: 0;
}

.wp-block-cover.decorative.bottom .wp-block-cover__image-background {
	top: auto;
	bottom: 0;
}

.wp-block-cover.decorative.rotate-180 .wp-block-cover__image-background {
	transform: rotate(180deg);
}

.wp-block-cover.decorative .wp-block-quote {
	color: var(--text-color);
	margin-top: var(--section-space);
}

.wp-block-cover.decorative.bottom .focus-image img {
	position: relative;
	top: 21%;
}

.wp-block-cover.full-height {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
}

.wp-block-cover.full-height.force {
	padding-top: calc(0.75 * var(--section-space));
	padding-bottom: calc(0.85 * var(--section-space));
}

.wp-block-cover.full-height.before-sticky-menu {
	min-height: calc(100vh - var(--horizontal-menu-height));
	margin-top: 0;
	padding-top: calc(0.25 * var(--section-space) + var(--header-height));
}

.top-layer {
	position: relative;
	z-index: 2;
}

.wp-block-image.has-background {
	position: relative;
	width: calc(100% + 2 * var(--container-space));
	margin-left: calc(-1 * var(--container-space));
	padding: var(--section-space) var(--container-space);
	margin-top: 0;
}

.wp-block-image.has-background::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--current-color);
	z-index: -1;
}

.wp-block-image.has-background.terracotta::before {
	--current-color: var(--terracotta);
}

.wp-block-image.has-background.green::before {
	--current-color: var(--green);
}

.wp-block-image.has-background.supersoft::before {
	opacity: 0.05;
}

.alignfull + .wp-block-image.has-background {
	/* padding-top: 0; */
}

.wp-block-image.has-background + .alignfull {
	margin-top: 0;
}

.wp-block-image figcaption {
	font-size: 0.625rem;
	width: 80%;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	opacity: 0.75;
}

.list-items {
	width: calc(100% + 2 * var(--column-gap));
	margin-top: calc(var(--section-space) - var(--element-space));
	margin-left: calc(-1 * var(--column-gap));
	margin-bottom: calc(-1 * var(--element-space));
}

.list-items > .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
}

.list-items.center > .wp-block-group__inner-container {
	justify-content: center;
}

.list-items.right > .wp-block-group__inner-container {
	justify-content: flex-end;
}

.list-items.space-between > .wp-block-group__inner-container {
	justify-content: space-between;
}

.list-items.evenly > .wp-block-group__inner-container {
	justify-content: space-evenly;
}

.list-items > .wp-block-group__inner-container > * {
	width: calc(100% / var(--column-count));
	padding: var(--element-space) var(--column-gap);
}

.video-links-list {
	--column-count: 1;
}

.video-link-wrapper {
	margin-top: var(--section-space);
	transition: 0.5s;
}

.video-link-cover {
	position: relative;
}

.video-link-cover:first-child {
	margin-top: 0;
}

.video-links-list .video-link-wrapper {
	margin-top: 0;
}

.video-link-wrapper.has-background {
	position: relative;
	padding: var(--section-space) var(--container-space);
	/*width: calc(100% + 2 * var(--container-space));*/
	/*margin-left: calc(-1 * var(--container-space));*/
}

.video-link-wrapper.has-background.small-padding {
	padding: 20px;
}

.video-link-wrapper.has-background::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--current-color);
	z-index: -1;
	border-radius: inherit;
}

.video-link-wrapper.has-background.supersoft::before {
	opacity: 0.05;
}

.video-link-wrapper.has-background.extrasoft::before {
	opacity: 0.15;
}

.video-link-wrapper.large-rounded {
	border-radius: var(--large-border-radius);
}

.video-link {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	padding-top: calc(9 / 16 * 100%);
	box-shadow: 2px 3px 8px var(--black-soft);
	border-radius: var(--main-border-radius);
	overflow: hidden;
	z-index: 1;
}

.has-large-border-radius .video-link {
	border-radius: var(--large-border-radius);
}

.video-links-list .video-link {
	padding-top: calc(2 / 3 * 100%);
}

.video-links-list .image-resource .video-link {
	pointer-events: none;
}

.video-links-list .image-resource .video-link::after {
	display: none;
}

.video-links-list .image-resource:hover .video-link::before {
	opacity: 0.6;
}

.video-link-wrapper.flexible-height .video-link {
	height: 80vh;
	padding: 0;
}

.video-link::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/*border-radius: var(--main-border-radius);*/
	background-color: var(--black);
	opacity: 0.1;
	z-index: 1;
	transition: 0.3s;
}

.video-link::after {
	content: "";
	position: absolute;
	width: 48px;
	height: 48px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: url(assets/icon/play-icon.svg);
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 1;
	transition: 0.2s;
}

.video-link:hover::before {
	opacity: 0.6;
}

.video-link:hover::after {
	transform: translate(-50%, -50%) scale3d(0.75, 0.75, 0.75);
}

.video-link.coming-soon {
	pointer-events: none;
	background-color: var(--white-half);
}

.video-link.coming-soon::before,
.video-link.coming-soon::after {
	display: none;
}

.video-link-wrapper.more .video-link.coming-soon::before {
	content: "⋯";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3rem;
	line-height: 1;
	color: var(--white);
	background-color: var(--black-thick);
	border-radius: var(--main-border-radius);
	z-index: 2;
	opacity: 1;
}

.embed-video-clicked .video-link {
	background-color: var(--black);
}

.embed-video-clicked .video-link::after {
	background-image: url(assets/icon/loading-icon.svg);
	animation: loading-translated infinite linear 2s;
	animation-delay: 0.2s;
}

.embed-video-clicked .video-link:hover::after {
	transform: translate(-50%, -50%);
}

@keyframes loading-translated {
	100% {
		transform: translate(-50%, -50%) rotate(1080deg);
	}
}

.video-link.plays-in-place {
	outline: none;
}

.video-link img,
.video-link video {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	/*border-radius: var(--main-border-radius);*/
	z-index: -1;
	transition: 0.5s;
	transform-style: preserve-3d;
}

.video-link:not(.coming-soon):hover img,
.video-link:not(.coming-soon):hover video {
	transform: scale3d(1.08, 1.08, 1.08);
}

.video-link.coming-soon img,
.video-link.coming-soon video {
	filter: grayscale(0.8) contrast(1.5) brightness(0.8) saturate(0.3);
	opacity: 0.75;
}

.video-link-cover:hover .video-link.coming-soon img,
.video-link-cover:hover .video-link.coming-soon video {
	filter: grayscale(1) contrast(1) brightness(0.7) saturate(0.3);
}

.embed-video-clicked .video-link img,
.embed-video-clicked .video-link video {
	opacity: 0;
}

.video-link-coming-soon-text {
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 0.75rem;
	line-height: 1;
	text-transform: lowercase;
	margin-top: 0;
	padding: 4px 8px 6px;
	color: var(--white);
	background-color: var(--current-color);
	border-radius: var(--small-border-radius);
	box-shadow: 0 0 3px var(--black-soft);
	opacity: 0;
	transform: translate3d(0, 10px, 0);
	transition: 0.3s;
	z-index: 1;
}

.video-link-cover:hover .video-link-coming-soon-text {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.video-link-details {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	margin-top: 0.75rem;
	padding-left: 10px;
	min-height: var(--button-height);
}

.video-link-text {
	align-self: center;
}

.video-link-name {
	display: block;
	font-weight: 500;
	line-height: 1.35;
	margin-top: 0;
}

.video-link-caption {
	display: block;
	margin-top: 0.25rem;
	font-size: 0.75em;
	line-height: 1.5;
	opacity: 0.6;
}

.video-link-text > .video-link-caption:first-child {
	margin-top: 0;
}

.has-small-caption .video-link-caption {
	font-size: 0.625rem;
	opacity: 0.75;
}

.video-link-button {
	flex-shrink: 0;
}

.embed-video {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border: none;
	outline: none;
	border-radius: var(--main-border-radius);
	z-index: 2;
}

.menu-anchor {
	width: calc(100% + 2 * var(--container-space));
	margin-left: calc(-1 * var(--container-space));
	margin-top: 0 !important;
	padding: 0 var(--container-space);
	list-style-type: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 9;
	background-color: var(--white);
	text-align: center;
	font-weight: 500;
	box-shadow: 0 1px 6px var(--black-supersoft);
	text-transform: uppercase;
	font-size: 0.875rem;
}

.menu-anchor::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--current-color-extrasoft);
	z-index: -1;
}

.menu-anchor li {
	width: 20%;
	margin: 0;
	padding: 0;
	border-right: 1px solid var(--current-color-extrasoft);
}

.menu-anchor li:last-child{
	border-right-width: 0;
}

.menu-anchor a {
	display: block;
	padding: 24px 20px;
	text-decoration: none;
	transition: 0.3s;
}

.menu-anchor a:hover {
	background-color: var(--current-color);
	color: var(--white);
}

.alignfull + .menu {
	margin-top: 0;
}

.menu-custom {
	font-weight: 500;
	color: var(--current-color);
}

.menu-custom + .has-background.alignfull {
	margin-top: 0;
}

.horizontal-menu {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	width: calc(100% + 2 * var(--container-space));
	margin-left: calc(-1 * var(--container-space));
	font-size: 0.625rem;
	line-height: 1.5;
	padding: 0 2px;
}

.menu.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: -1px;
	z-index: 999;
	background-color: var(--white);
	box-shadow: 0 -2px 6px var(--current-color-extrasoft);
}

.menu.sticky::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--current-color);
	opacity: 0.05;
	z-index: -1;
}

.menu.sticky::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: -1px;
	left: 0;
	background: linear-gradient(to right, var(--current-color-transparent), var(--current-color), var(--current-color-transparent));
	opacity: 0.25;
}

body.menu-open .menu.sticky,
body.sub-menu-active .menu.sticky,
body.pop-up-active .menu.sticky {
	display: none;
}

.horizontal-menu .menu-item {
	flex-basis: 0;
	flex-grow: 1;
	flex-shrink: 0;
}

.horizontal-menu .menu-item a {
	position: relative;
	height: var(--horizontal-menu-height);
	padding: 10px 20px;
}

.horizontal-menu .menu-item a::before {
	content: "";
	position: absolute;
	width: calc(100% - 4px);
	height: calc(100% - 9px);
	top: 5px;
	left: 2px;
	border-radius: calc(var(--main-border-radius) - 2px);
	background-color: var(--current-color-half);
	border: 1px solid var(--current-color-thick);
	opacity: 0;
	z-index: -1;
	transition: 0.2s;
}

.horizontal-menu .menu-item a:hover::before,
.horizontal-menu .menu-item a:focus::before {
	opacity: 0.15;
}

.horizontal-menu .menu-item.active a {
	color: var(--white);
}

.horizontal-menu .menu-item.active a::before {
	opacity: 1;
	background-color: var(--current-color);
}

.horizontal-menu .menu-item.active .menu-item-icon {
	fill: var(--white);
}

.menu.icon-only .menu-item a {
	justify-content: center;
}

.menu-custom .menu-item-text {
	transition: 0.5s;
}

.menu.icon-only .menu-item-text {
	display: none;
}

.menu.sticky .menu-item a {
	outline: none;
}

#nomad-product-range-section .wp-block-cover.decorative {
	margin-top: 0;
}

#compensation-plan-section {
	position: relative;
	padding: var(--section-space) var(--container-space);
	background-color: var(--green);
	margin-top: 0;
	z-index: 1;
	color: var(--white);
}

#compensation-plan-section::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--black);
	opacity: 0.5;
	z-index: -1;
}

#compensation-plan-section .title-with-logo-text h2 {
	color: var(--white);
}

#compensation-plan-section .title-with-logo-text svg {
	fill: var(--white);
}

.pdf-links-list {
	--column-gap: calc(0.5 * var(--container-space));
}

.pdf-thumbnail {
	/*border-radius: var(--small-border-radius);*/
	/*box-shadow: 2px 3px 8px var(--black-soft);*/
}

.pdf-thumbnail a,
.pdf-thumbnail img {
	display: block;
	width: 100%;
	height: auto;
	max-width: none;
	border-radius: var(--small-border-radius);
}

.pdf-thumbnail a {
	position: relative;
	background-color: var(--white-thick);
	box-shadow: inset 0 0 0 1px var(--black-extrasoft);
	perspective: 1600px;
}

.pdf-thumbnail img {
	border-radius: var(--small-border-radius);
	box-shadow: 2px 3px 8px var(--black-soft);
	transform-origin: left center;
	transition: 0.3s;
}

.pdf-thumbnail:hover img {
	transform: rotate3d(0, 1, 0, -20deg);
	box-shadow: 10px 0 3px -4px var(--black-soft);
}

.pdf-name-download {
	margin-top: 20px;
	padding: 0;
	padding-left: 8px;
}

.pdf-name-download {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pdf-name-download .pdf-name {
	font-size: 0.75rem;
	font-weight: 500;
	margin: 0;
	margin-right: 20px;
}

.pdf-name-download .button {
	min-height: var(--button-small-height);
	min-width: var(--button-small-height);
	border-radius: var(--small-border-radius);
}

.pdf-name-download .button-icon {
	height: 18px;
}

.pdf-name-download .button-text {
	font-size: 0.625rem;
}

.pop-up-target {
	display: none;
}

.pop-up-wrapper .pop-up-target {
	display: block;
}

.pop-up-wrapper .pdf-flip-wrapper {
	margin-top: 0;
}

.pop-up-wrapper .pdf-flip-wrapper .df-3dcanvas {
	padding: 0;
}

.overflow-visible {
	position: relative;
	z-index: 0;
}

#nomad-starter-packs-section {
	margin-top: 0;
}

#nomad-starter-packs-section .title-with-logo-text h2 {
	color: var(--white);
}

#nomad-starter-packs-section .title-with-logo-text svg {
	fill: var(--white);
}

#nomad-product-range-section {
	margin-top: 0;
	padding-top: 0;
	background-color: var(--green-extrasoft);
}

#nomad-product-range-section .wp-block-quote {
	color: inherit;
}

#nomad-product-range-section .pdf-links-list {
	margin-top: 0;
}

.box-list {
	--column-count: 1;
	--column-gap: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	width: calc(100% + 2 * var(--column-gap));
	margin: 0;
	margin-left: calc(-1 * var(--column-gap));
	margin-top: calc(var(--section-space) - var(--column-gap));
	margin-bottom: calc(-1 * var(--column-gap));
	padding: 0;
	list-style-type: none;
}

.box-list li {
	flex-grow: 1;
	width: calc(1 / var(--column-count) * (100% - 2 * var(--column-count) * var(--column-gap)));
	padding: var(--element-space);
	margin: var(--column-gap);
	border: 2px solid;
	border-radius: var(--main-border-radius);
}

#charity-project-section .title-with-logo-text .logo-text svg {
	fill: var(--white);
}

#charity-project-section .title-with-logo-text h2 {
	color: var(--white);
}

#charity-project-section .wp-block-quote {
	color: inherit;
}

.charity-item-list {
	--column-count: 1;
}

.charity-item {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	border-radius: var(--main-border-radius);
	box-shadow: 0 2px 6px var(--black-extrasoft);
	overflow: hidden;
}

.charity-item .charity-name-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	padding: 10px 20px;
	background-color: var(--white-superthick);
}

.charity-item .charity-name-logo img {
	display: block;
	width: auto;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.charity-item .charity-thumbnail {
	position: relative;
	padding-top: calc(3 / 4 * 100%);
	background-color: var(--black);
	z-index: -1;
}

.charity-item .charity-thumbnail img {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	transition: 0.3s;
}

.charity-item:hover .charity-thumbnail img {
	opacity: 0.5;
}

.charity-item .charity-description {
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 0.875rem;
	padding: 20px;
	background-color: var(--white);
	color: var(--text-color);
}

.charity-description .charity-short-info {
	position: relative;
	margin-top: 0;
	max-height: calc(1.6 * 4em);
	overflow: hidden;
}

.charity-short-info::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1.6em;
	bottom: 0;
	left: 0;
	background: linear-gradient(to left, var(--white) 3em, var(--white-transparent));
	z-index: 1;
}

.charity-short-info::after {
	content: "...";
	position: absolute;
	bottom: 0.3rem;
	right: 1em;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.2px;
	z-index: 1;
	opacity: 0.75;
}

.charity-description .button {
	margin-left: 20px;
}

.charity-description .button::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.charity-details-header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--main-border-radius);
	background-color: var(--white);
	padding: 10px 20px;
	box-shadow: 0 2px 6px var(--black-extrasoft);
}

.charity-details-header::before {
	content: "";
	position: absolute;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	top: 4px;
	left: 4px;
	border: 1px solid;
	border-radius: calc(var(--main-border-radius) - 2px);
	z-index: 1;
}

.charity-details-header img {
	display: block;
	height: 60px;
	width: auto;
	max-width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.charity-details-content {
	margin-top: var(--section-space);
}

.charity-statistics-title {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.6px;
}

.charity-statistics-title.has-text-align-center {
	justify-content: center;
}

.charity-statistics-title::before {
	content: "i";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: none;
	width: 18px;
	height: 18px;
	border: 2px solid;
	border-radius: 50%;
	margin-right: 8px;
}

.charity-statistics .charity-statistics-title {
	margin-top: 0;
}

.charity-statistic-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px;
	border: 1px solid var(--text-color-thick);
	border-radius: var(--main-border-radius);
	line-height: 1;
	margin-top: 1rem;
}

.charity-statistic-item.white {
	color: var(--white);
	border-color: var(--white-thick);
}

.charity-statistic-name {
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.2px;
	line-height: 1.5;
	max-width: 40%;
}

.charity-statistic-value {
	font-size: 2rem;
	font-weight: 500;
}

.charity-last-updated .last-updated-title {
	display: block;
	font-size: 0.625rem;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	opacity: 0.75;
}

.charity-last-updated .last-updated-time {
	display: block;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.6px;
}

.charity-details-text {
	margin-top: var(--section-space);
}

.wp-block-columns.stats-columns {
	flex-wrap: wrap;
	gap: 10px;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.is-layout-flex.wp-block-columns.stats-columns {
	flex-wrap: wrap;
}

.wp-block-columns.stats-columns.no-wrap {
	flex-wrap: nowrap;
}

.is-layout-flex.wp-block-columns.stats-columns.no-wrap {
	flex-wrap: nowrap;
}

.stats-columns > .wp-block-column {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 10px 20px;
	border: 1px solid;
	border-radius: var(--main-border-radius);
}

.stats-icon img {
	width: auto;
	height: 80px;
}

.stats-name {
	font-size: 0.75em;
	margin-top: 0;
}

.stats-value {
	margin-top: 0.25rem;
	font-weight: 600;
}

.text-gallery-overlap {
	--column-count: 1;
	--gallery-item-space: 8px;
}

.text-gallery-overlap .video-link-wrapper {
	margin-top: 0;
}

.text-gallery-overlap .video-link {
	box-shadow: none;
}

.text-gallery-overlap .wp-block-gallery {
	margin-top: var(--gallery-item-space);
}

.filled-with-empty-color.green {
	--current-color: var(--green);
}

.filled-with-empty-color.blue {
	--current-color: var(--blue);
}

.filled-with-empty-color.grey {
	--current-color: var(--grey);
}

.filled-with-empty-color.brown {
	--current-color: var(--brown);
}

.filled-with-empty-color .wp-block-image {
	position: relative;
}

.filled-with-empty-color .wp-block-image:nth-child(1),
.filled-with-empty-color .wp-block-image:nth-child(5) {
	margin-left: calc((100% - (var(--gallery-column) - 1) * var(--gallery-item-space)) / var(--gallery-column) + var(--gallery-item-space));
}

.filled-with-empty-color .wp-block-image:nth-child(3) {
	--gallery-column: 2;
	margin-right: calc((100% - (var(--gallery-column) - 1) * var(--gallery-item-space)) / var(--gallery-column) + var(--gallery-item-space));
}

.filled-with-empty-color .wp-block-image:nth-child(1)::before,
.filled-with-empty-color .wp-block-image:nth-child(3)::before,
.filled-with-empty-color .wp-block-image:nth-child(5)::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: calc(-100% - var(--gallery-item-space));
	background-color: var(--current-color);
	border-radius: var(--main-border-radius);
}

.filled-with-empty-color .wp-block-image:nth-child(3)::before {
	left: calc(100% + var(--gallery-item-space));
}

.text-gallery-overlap .wp-block-image img {
	border-radius: var(--main-border-radius);
}

.small-text {
	font-size: 0.75rem;
}

.uppercase {
	text-transform: uppercase;
}

.section-break {
	margin-top: var(--section-space);
}

.social-media-link {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: var(--current-color);
	fill: var(--current-color);
	padding: 8px 0;
	margin-top: 16px;
	position: relative;
}

.social-media-link::before,
.social-media-link::after {
	content: "";
	position: absolute;
	width: 50%;
	height: 1px;
	top: 0;
	left: 0;
	background: linear-gradient(to right, var(--current-color-transparent), var(--current-color) 2rem, var(--current-color-transparent));
	opacity: 0.5;
}

.social-media-link::after {
	width: 80%;
	top: auto;
	bottom: 0;
}

.social-media-link a {
	display: block;
	padding: 15px;
}

.social-media-link a:first-child {
	margin-left: -15px;
}

.social-media-link svg {
	display: block;
	fill: inherit;
}

.mailto-link {
	font-size: 1.5rem;
	font-weight: 500;
}

.cta-escort {
	margin-top: var(--section-space);
}

.cta-escort .primary-text {
	margin-top: 0;
}

.cta-escort .secondary-text {
	font-size: 0.625rem;
	margin-top: 0.125rem;
}

.footer-end {
	margin-bottom: calc(-1 * var(--section-space));
}

.wp-block-cover.footer-end {
	padding-top: 0;
}

.footer-end .wp-block-cover__image-background {
	top: auto;
	bottom: 0;
	left: -18%;
}

.footer-end .cta-escort {
	position: relative;
	margin-top: 0;
	padding-top: var(--element-space);
}

.footer-end .cta-escort::before {
	content: "";
	position: absolute;
	width: 80%;
	height: 1px;
	top: 0;
	right: 0;
	background: linear-gradient(to left, var(--current-color-transparent), var(--current-color) 2rem, var(--current-color-transparent));
	opacity: 0.5;
}

ul.stand-out,
ol.stand-out {
	list-style-type: none;
	counter-reset: stand-out-list;
	font-size: 1.25rem;
	line-height: 1.25;
	padding: 0;
	padding-left: 40px;
	margin-top: var(--section-space);
}

ul.stand-out + *,
ol.stand-out + * {
	margin-top: var(--section-space);
}

ul.stand-out > li,
ol.stand-out > li {
	counter-increment: stand-out-list;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	position: relative;
	padding: 0;
	padding-bottom: 1em;
}

ul.stand-out > li:last-child,
ol.stand-out > li:last-child {
	padding-bottom: 0;
}

ul.stand-out > li::before,
ol.stand-out > li::before {
	content: counter(stand-out-list);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.75rem;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 1px solid;
	line-height: 1;
	margin-left: -40px;
	margin-right: 16px;
	flex-shrink: 0;
}

ul.stand-out > li::before {
	content: "\2713";
	width: 18px;
	height: 18px;
	margin-top: 3px;
	margin-left: -36px;
	margin-right: 18px;
}

ul.stand-out > li::after,
ol.stand-out > li::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: -1rem;
	background: linear-gradient(to right, var(--text-color-transparent), var(--text-color) 2rem, var(--text-color-transparent));
	opacity: 0.5;
}

ul.stand-out > li:last-child::after,
ol.stand-out > li:last-child::after {
	display: none;
}

.has-white-color ul.stand-out > li::after,
.has-white-color ol.stand-out > li::after,
ul.stand-out.has-white-color > li::after,
ol.stand-out.has-white-color > li::after {
	background: linear-gradient(to right, var(--white-transparent), var(--white) 2rem, var(--white-transparent));
}

.info-with-image {
	--info-fg-color: var(--current-color);
	--info-bg-color: var(--white);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 16px 20px;
	margin: 0;
	margin-top: var(--section-space);
	border-radius: var(--main-border-radius);
	border: var(--main-border-size) solid var(--info-fg-color);
	color: var(--info-fg-color);
	z-index: 1;
}

.info-with-image.element-space {
	margin-top: var(--element-space);
}

.info-with-image.dark-bg {
	--info-fg-color: var(--white);
	--info-bg-color: var(--current-color);
	color: var(--info-bg-color);
}

.info-with-image.dark-bg.terracotta {
	--info-bg-color: var(--terracotta);
}

.info-with-image.dark-bg.green {
	--info-bg-color: var(--green);
}

.info-with-image.dark-bg.blue {
	--info-bg-color: var(--blue);
}

.info-with-image.dark-bg.grey {
	--info-bg-color: var(--grey);
}

.info-with-image.dark-bg.black {
	--info-bg-color: var(--black);
}

.info-with-image.light-bg.terracotta {
	--info-fg-color: var(--terracotta);
}

.info-with-image.light-bg.green {
	--info-fg-color: var(--green);
}

.info-with-image.light-bg.blue {
	--info-fg-color: var(--blue);
}

.info-with-image.light-bg.grey {
	--info-fg-color: var(--grey);
}

.info-with-image.light-bg.black {
	--info-fg-color: var(--black);
}

.info-with-image::before {
	content: "i";
	font-size: 0.75rem;
	font-weight: 600;
	line-height: initial;
	position: absolute;
	width: 24px;
	height: 24px;
	top: -12px;
	left: -12px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 3px solid var(--info-bg-color);
	border-radius: 50%;
	background-color: var(--info-fg-color);
	color: var(--info-bg-color);
	z-index: 1;
}

.info-with-image.no-info-icon::before {
	display: none;
}

.info-with-image::after {
	content: "";
	position: absolute;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	top: 4px;
	left: 4px;
	border-radius: calc(var(--main-border-radius) - 4px);
	background-color: var(--white);
	z-index: -1;
}

.info-with-image .info-image {
	flex-shrink: 0;
}

.info-with-image .info-image img {
	display: block;
	height: 64px;
	width: auto;
}

.info-with-image .info-text {
	font-size: 0.75rem;
	font-weight: 500;
	margin: 0;
	margin-left: 20px;
}

/* Media and Text Carousel */
.media-and-text-carousel {
	width: calc(100% + 2 * var(--container-space));
	margin-left: calc(-1 * var(--container-space));
	margin-top: var(--section-space);
	overflow: hidden;
}

.media-and-text-carousel .owl-stage {
	align-items: flex-start;
}

.media-and-text-carousel .owl-item {
	margin-right: auto;
	cursor: move;
}

.media-and-text-carousel-item {
	width: var(--viewport-width);
}

.media-and-text-carousel .carousel-item-media {
	position: relative;
	padding: 0;
	padding-top: calc(2 / 3 * 100%);
}

.media-and-text-carousel .carousel-item-media img {
	display: block;
	position: absolute;
	width: calc(100% - 2 * var(--container-space));
	height: calc(100% - 2 * var(--container-space));
	top: var(--container-space);
	left: var(--container-space);
	object-fit: cover;
	border-radius: var(--main-border-radius);
	transition: 0.5s;
}

.owl-item.active .carousel-item-media img {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 0;
	transition-delay: 0.65s;
}

.owl-grab .owl-item.active .carousel-item-media img {
	width: calc(100% - 2 * var(--container-space));
	height: calc(100% - 2 * var(--container-space));
	top: var(--container-space);
	left: var(--container-space);
	border-radius: var(--main-border-radius);
	transition-delay: 0s;
}

.media-and-text-carousel .carousel-item-text {
	padding: var(--element-space) var(--container-space);
}

.media-and-text-carousel .carousel-item-text > *:first-child {
	margin-top: 0;
}

.media-and-text-carousel .owl-nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: absolute;
	bottom: calc(var(--section-space) - 1.375em);
	right: var(--container-space);
}

.media-and-text-carousel .owl-prev,
.media-and-text-carousel .owl-next {
	position: static;
	transform: none;
	width: 3.5rem;
	height: 3.5rem;
}

.media-and-text-carousel .owl-next {
	margin-left: 0.5em;
}

.media-and-text-carousel .owl-next.disabled {
	display: none;
}

.media-and-text-carousel .owl-dots {
	justify-content: flex-start;
	padding: 0 calc(var(--container-space) - 4px);
	margin-top: calc(var(--section-space) - var(--element-space));
	margin-bottom: 0;
}

.new-line {
	display: block;
}

#why-biokissed-section {
	padding-top: 0;
}

#why-biokissed-section .title-with-logo-text {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	padding: var(--section-space) var(--container-space);
	padding-bottom: 0;
	background: linear-gradient(to bottom, var(--black-thick), var(--black-transparent));
}

#why-biokissed-section .title-with-logo-text::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom, var(--green), var(--green-transparent));
	z-index: -1;
	opacity: 0.5;
}

#why-biokissed-section .title-with-logo-text h2 {
	text-transform: uppercase;
	margin-top: -0.25em;
}

#why-biokissed-section .title-with-logo-text .new-line {
	text-transform: none;
	font-size: 0.75em;
	margin-top: 0.125em;
}

#why-biokissed-section .title-description {
	width: 60%;
}

#why-biokissed-section .media-and-text-carousel {
	margin-top: 0;
}

#why-biokissed-section .owl-item {
	counter-increment: number;
}

#why-biokissed-section .carousel-item-text {
	position: relative;
	padding: var(--section-space) var(--container-space) var(--element-space);
	padding-top: calc(var(--section-space) + 20px);
}

#why-biokissed-section .carousel-item-text::before {
	content: counter(number);
	position: absolute;
	width: 80px;
	height: 80px;
	top: -40px;
	left: var(--container-space);
	font-weight: 500;
	font-size: 3rem;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: var(--terracotta);
	box-shadow: 2px 3px 6px var(--black-soft);
	text-shadow: 2px 2px 3px var(--black-supersoft);
	color: var(--white);
	padding: 0;
	padding-bottom: 0.1em;
	transform: scale3d(0, 0, 0);
	transition: 0.3s;
}

#why-biokissed-section .owl-item.active .carousel-item-text::before {
	transform: scale3d(1, 1, 1);
	transition-delay: 0.3s;
}

#why-biokissed-section .carousel-item-text p {
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.25;
}

/* 5 Elements Quiz */
:root {
	--quiz-header-height: 52px;
	--quiz-navigation-height: 90px;
	--quiz-container-space: 20px;
}

body.quiz-opened {
	overflow-y: hidden;
}

body.quiz-opened .site-header {
	display: none;
}

body.quiz-opened .wp-block-columns.biokissed-5-pillars-list.sticky {
	display: none;
}

.close-quiz {
	position: fixed;
	top: 10px;
	right: 10px;
	border-radius: 50%;
	z-index: 9999;
	display: none;
}

body.quiz-opened .close-quiz {
	display: inline-flex;
}

.quiz-wrapper {
	background-color: var(--page-background);
}

.entry-content > .quiz-wrapper:last-child .biokissed-5-elements-quiz-cover.alignfull {
	margin-bottom: calc(-1 * var(--section-space));
}

.quiz-introduction > .alignfull:first-child {
	margin-top: 0;
}

.biokissed-5-elements-quiz-cover .wp-block-cover__background::after {
	content: url(assets/icon/bk-icon-light.svg);
	display: block;
	position: absolute;
	width: 65%;
	height: auto;
	top: 50%;
	left: 25%;
	transform: translate(-50%, -50%) rotate(-10deg);
	z-index: -1;
	opacity: 0.08;
}

.biokissed-5-elements-quiz-cover.no-bg-icon .wp-block-cover__background::after {
	display: none;
}

.biokissed-5-elements-quiz-title {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white);
	fill: var(--white);
}

.biokissed-5-elements-quiz-title .title-number {
	font-size: 11rem;
	line-height: 1;
}

.biokissed-5-elements-quiz-title .title-text {
	margin-left: 10px;
	margin-top: 6px;
}

.biokissed-5-elements-quiz-title .title-logo {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.biokissed-5-elements-quiz-title .title-logo svg {
	display: block;
}

.biokissed-5-elements-quiz-title .logo-icon {
	display: block;
	height: 30px;
}

.biokissed-5-elements-quiz-title .logo-text {
	display: block;
	height: 20px;
	margin-left: 10px;
	margin-top: 2px;
}

.biokissed-5-elements-quiz-title .title-name {
	display: block;
	font-size: 2rem;
	font-weight: 400;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 10px;
}

.bk-5-elements-list {
	max-width: var(--container-default-width);
	margin-top: var(--section-space);
	padding-left: 20px;
	padding-right: 20px;
}

.hero-element .bk-5-elements-list {
	max-width: 480px;
}

.hero-element .bk-5-elements-list + h1 {
	margin-top: 24px;
}

.bk-5-elements-list .wp-block-group__inner-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.bk-5-elements-list svg {
	display: block;
	width: auto;
	height: auto;
	fill: var(--white);
	margin-left: auto;
	margin-right: auto;
}

.quiz-content {
	position: fixed;
	width: calc(100% - 2 * var(--container-space));
	height: calc(100% - 40px - var(--quiz-navigation-height) - var(--header-height));
	bottom: var(--quiz-navigation-height);
	right: var(--container-space);
	border-radius: var(--large-border-radius);
	z-index: 999;
	display: none;
}

.quiz-content::before {
	content: "";
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--white);
	z-index: -1;
}

.quiz-content::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: inherit;
	background-color: var(--white);
	background: linear-gradient(60deg, var(--white) 50%, var(--white-thick));
	backdrop-filter: blur(8px);
	box-shadow: 0 2px 8px var(--black-extrasoft);
	z-index: -1;
}

body.quiz-opened .quiz-content {
	display: block;
}

.quiz-header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	height: var(--quiz-header-height);
	padding: 0 var(--quiz-container-space);
	color: var(--current-color);
	border-bottom: 8px solid var(--green-extrasoft);
	background: var(--white);
	border-radius: inherit;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.quiz-header-title {
	font-size: 0.625rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	margin-top: 4px;
}

.quiz-header .progress-text {
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1;
}

.quiz-header .progress-bar {
	position: absolute;
	width: 0;
	height: 8px;
	bottom: -8px;
	left: 0;
	background-color: var(--success-color);
	transition: 1s;
}

.quiz-items {
	display: block;
	width: 100%;
	height: calc(100% - var(--quiz-header-height));
	border-radius: var(--large-border-radius);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	overflow-y: auto;
}

.quiz-item {
	display: none;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	height: 100%;
}

.quiz-item.active {
	display: flex;
}

.quiz-item-background {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

.quiz-item-background::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(to top, var(--black) 30%, var(--black-transparent));
	opacity: 0.6;
	z-index: 1;
}

.quiz-item-background img,
.quiz-item-background video {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: 0.5s;
	transition-delay: 0.1s;
}

.quiz-item.active .quiz-item-background img,
.quiz-item.active .quiz-item-background video {
	opacity: 1;
}

.fitted-preview img {
	border-radius: 0;
}

.quiz-question {
	width: 100%;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.25;
	padding: 0 var(--quiz-container-space);
	margin-top: var(--quiz-container-space);
	color: var(--current-color);
}

.quiz-options {
	width: 100%;
	margin-top: 20px;
	padding-bottom: var(--quiz-container-space);
}

.quiz-answer-label {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	font-size: 1rem;
	line-height: 1.5;
	text-transform: none;
	letter-spacing: normal;
	padding: 10px var(--quiz-container-space);
	cursor: pointer;
	z-index: 1;
}

.quiz-answer-label:hover {
	background-color: var(--current-color-extrasoft);
}

.quiz-answer-label input[type="radio"]:checked {
	background-color: var(--white);
	border-color: var(--current-color);
	box-shadow: 0 0 0 var(--main-border-size) var(--white);
}

.quiz-answer-label input[type="radio"]:checked + .quiz-answer-text {
	color: var(--white);
}

.quiz-answer-text::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--current-color);
	opacity: 0;
	z-index: -1;
}

.quiz-answer-label input[type="radio"]:checked + .quiz-answer-text::before {
	opacity: 1;
}

.quiz-navigation {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: var(--quiz-navigation-height)
}

.quiz-navigation__previous {
	border-width: 0;
	padding-left: var(--quiz-container-space);
	padding-right: var(--quiz-container-space);
	margin-right: auto;
}

.quiz-navigation__previous:hover,
.quiz-navigation__previous:focus,
.quiz-navigation__previous:active {
	background-color: transparent;
}

.quiz-navigation__previous:focus {
	color: var(--current-color);
}

.quiz-navigation__end {
	display: none;
}

.quiz-result {
	/*margin-bottom: calc(-1 * var(--section-space));*/
}

.quiz-result-hero .wp-block-cover__inner-container {
	align-content: flex-end;
}

.quiz-result-title-info {
	font-size: 0.625rem;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.quiz-result-hero svg {
	height: 120px;
	width: auto;
	fill: var(--white);
	margin-top: var(--section-space);
}

.quiz-result-title {
	text-transform: uppercase;
	margin-top: var(--element-space);
}

.quiz-result-title-description {
	font-size: 1.25rem;
}

.quiz-result__element-preview {
	color: var(--text-color);
}

.quiz-result__element-preview > .wp-block-group__inner-container {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 120px;
	padding: var(--container-space);
	background-color: var(--off-white);
	border-radius: var(--large-border-radius);
}

.quiz-result__element-character {
	flex-basis: calc((100% - 80px) / 3 );
	flex-grow: 1;
	position: relative;
}

.quiz-result__element-character:nth-child(2)::before,
.quiz-result__element-character:nth-child(2)::after {
	content: "";
	position: absolute;
	width: calc(150% - 20px);
	height: 6px;
	top: 116px;
	right: calc(50% + 40px);
	background-color: var(--current-color);
	border-radius: 3px;
	opacity: 0.5;
}

.quiz-result__element-character:nth-child(2)::after {
	right: auto;
	left: calc(50% + 40px);
}

.quiz-result__element-icon {
	position: relative;
	width: 120px;
	padding-bottom: 40px;
}

.quiz-result__element-icon::after {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	bottom: 0;
	left: calc(50% - 12px);
	background-color: var(--current-color);
	border-radius: 50%;
	opacity: 0.5;
}

.quiz-result__element-character:nth-child(2) .quiz-result__element-icon {
	margin-left: auto;
	margin-right: auto;
}

.quiz-result__element-character:nth-child(3) .quiz-result__element-icon {
	margin-left: auto;
}

.quiz-result__element-character svg {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	fill: var(--current-color);
}

.quiz-result__element-character h2 {
	font-size: 1.25rem;
	font-weight: 600;
	margin-top: 40px;
}

.quiz-result__element-relation-list {
	margin-top: 80px;
}

.quiz-result__element-relation-list > .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	gap: 20px;
}

.quiz-result__element-relation {
	flex-basis: calc(50% - 10px);
	padding: 12px;
	color: var(--current-color);
	background-color: var(--white);
	border-radius: var(--main-border-radius);
	min-height: 120px;
	text-align: center;
}

.quiz-result__element-relation > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
}

.quiz-result__element-relation .element-relation-name {
	position: relative;
	width: 100%;
	font-size: 0.625rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 10px;
	margin-top: 0;
	margin-bottom: 6px;
}

.quiz-result__element-relation .element-relation-name::after {
	content: "";
	position: absolute;
	width: 80%;
	height: 1px;
	bottom: 0;
	left: 10%;
	background: linear-gradient(to right, var(--current-color-transparent), var(--current-color), var(--current-color-transparent));
	opacity: 0.5;
}

.quiz-result__element-relation .element-relation-value {
	width: 100%;
	font-size: 1.125rem;
	line-height: 1.25;
	margin-top: auto;
	margin-bottom: auto;
}

.quiz-result__element-explanation > .wp-block-group__inner-container {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--container-space);
	padding: var(--container-space);
	background-color: var(--off-white);
	border-radius: var(--large-border-radius);
}

.quiz-result__element-explanation svg {
	flex-shrink: 0;
	position: sticky;
	top: calc(var(--header-height) + var(--section-space));
	width: 240px;
	height: 240px;
	fill: var(--current-color);
}

.quiz-result__element-explanation .element-explanation-text > .wp-block-group__inner-container > *:first-child {
	margin-top: 0;
}

.wp-block-separator.is-style-dots {
	position: relative;
	width: 6px;
	height: 6px;
	border-radius: 50%;
}

.wp-block-separator.is-style-dots::before,
.wp-block-separator.is-style-dots::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 12px;
	border-radius: inherit;
	background-color: inherit;
}

.wp-block-separator.is-style-dots::after {
	left: 24px;
}

.quiz-result__suggested-product {
	max-width: 640px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}

.quiz-result__suggested-product:first-of-type {
	margin-top: var(--section-space);
}

.quiz-result__suggested-product .suggested-product-category {
	font-size: 0.625rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-left: 16px;
	margin-top: 0;
}

.quiz-result__suggested-product .suggested-product-name {
	padding: 12px 16px;
	font-size: 1.125rem;
	color: var(--current-color);
	background-color: var(--white);
	border-radius: var(--main-border-radius);
	margin-top: 0.5rem;
}

.take-again-quiz-title {
	font-size: 1.5rem;
	font-weight: 500;
	margin-top: var(--section-space);
}

/* Quiz Result */
.quiz-result-header {
	position: relative;
	padding: 40px;
	padding-top: calc(var(--header-height) + 20px);
	text-align: center;
	background: linear-gradient(to top, var(--current-color) 25%, var(--current-color-thick));
	color: var(--white);
	overflow: hidden;
}

.quiz-result-header::before {
	content: "";
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);
	background-color: var(--black);
	opacity: 0.1;
}

.quiz-result-header p {
	margin-top: 0;
}

.quiz-result-header-name {
	position: relative;
	font-size: 2.5em;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 0;
	z-index: 1;
}

.quiz-result-chart {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.quiz-result-chart-canvas {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	max-width: 520px;
	margin: 0 auto;
}

.quiz-result-chart-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 45%;
	height: 45%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.quiz-result-chart-icon svg {
	fill: var(--current-color);
}

.quiz-result-percentages {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-top: var(--section-space);
}

.quiz-result-percentages-item {
	flex-basis: 100%;
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 60px;
	border-radius: 30px;
	padding: 0;
	margin: 0;
	background-color: var(--current-color);
	background-image: linear-gradient(10deg, var(--black-soft), var(--black-transparent));
	color: var(--white);
	fill: var(--white);
}

.quiz-result-percentages-item .element-icon {
	width: auto;
	height: calc(100% - 8px);
	margin-left: 4px;
}

.quiz-result-percentages-item .element-percentage {
	font-size: 2em;
	font-weight: 600;
	padding-left: 10px;
	padding-right: 34px;
	margin-left: auto;
	margin-right: auto;
}

.quiz-result-description {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	gap: 30px;
	list-style-type: none;
	max-width: 1200px;
	margin-top: var(--element-space);
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	padding-top: var(--element-space);
	border-top: var(--main-border-size) solid var(--black-extrasoft);
}

.quiz-result-description-item {
	flex-basis: calc((100% - 60px) / 3 );
	text-align: center;
	padding: 24px 16px 30px;
	margin: 0;
	background-color: var(--current-color);
	color: var(--white);
	border-radius: var(--main-border-radius);
}

.quiz-result-description-item .element-title {
	font-size: 1.5em;
	font-weight: 600;
	margin-top: 0;
}

.quiz-result-description-item .element-description {
	margin-top: 1em;
	padding-left: 30px;
	padding-right: 30px;
}

.quiz-result-percentages-item.wood,
.quiz-result-description-item.wood {
	--current-color: var(--green);
}

.quiz-result-percentages-item.fire,
.quiz-result-description-item.fire {
	--current-color: var(--terracotta);
}

.quiz-result-percentages-item.earth,
.quiz-result-description-item.earth {
	--current-color: var(--brown);
}

.quiz-result-percentages-item.metal,
.quiz-result-description-item.metal {
	--current-color: var(--grey);
}

.quiz-result-percentages-item.water,
.quiz-result-description-item.water {
	--current-color: var(--blue);
}

/* -----------------------------------------------------------------------------
# Plugins
----------------------------------------------------------------------------- */

/* Jetpack Infinite Scroll
----------------------------------------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/* WPML
----------------------------------------------------------------------------- */
.otgs-development-site-front-end {
	display: none;
}

/* Contact Form 7
----------------------------------------------------------------------------- */
.wpcf7 {
	margin-top: var(--element-space);
}

.wpcf7-form-control-wrap {
	display: block;
	margin-top: 0.25rem;
}

.wpcf7 input[type="file"] {
	width: 100%;
}

.wpcf7-form-control + .wpcf7-spinner {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	margin: 0;
	transform: translateY(-50%);
}

.wpcf7-form .submit-button-container {
	position: relative;
}

.wpcf7-form .ajax-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0;
	margin: 0;
}

.wpcf7 form .wpcf7-response-output {
	position: relative;
	font-size: 0.875rem;
	margin: 0;
	margin-top: var(--element-space);
	padding: 1em;
	padding-left: 4em;
	border: 1px solid var(--info-color);
	border-radius: var(--main-border-radius);
	background-color: var(--info-color-supersoft);
	color: var(--text-color);
}

.wpcf7 form .wpcf7-response-output::before {
	content: "i";
	font-size: 1em;
	font-weight: 600;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 1.5rem;
	height: 1.5rem;
	top: 50%;
	left: 1rem;
	border-radius: 50%;
	border: 1px solid var(--info-color);
	color: var(--info-color);
	transform: translateY(-50%);
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: var(--success-color);
	background-color: var(--success-color-supersoft);
}

.wpcf7 form.sent .wpcf7-response-output::before {
	--info-color: var(--success-color);
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
	border-color: var(--error-color);
	background-color: var(--error-color-supersoft);
}

.wpcf7 form.failed .wpcf7-response-output::before,
.wpcf7 form.aborted .wpcf7-response-output::before,
.wpcf7 form.invalid .wpcf7-response-output::before,
.wpcf7 form.unaccepted .wpcf7-response-output::before,
.wpcf7 form.spam .wpcf7-response-outpu::before {
	--info-color: var(--error-color);
}

.wpcf7-not-valid-tip {
	display: block;
	color: var(--error-color);
	margin-top: 0.25rem;
}

.wpcf7 .submit-button-container input[type="submit"] {
	width: 100%;
}

.contact-side-by-side {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--element-space);
}

.contact-side-by-side .contact-left,
.contact-side-by-side .contact-right {
	width: 100%;
}

.contact-side-by-side .contact-left > *:first-child,
.contact-side-by-side .contact-right > *:first-child {
	margin-top: 0;
}

/* PDF Viewer */
.pdf-viewer-wrapper {
	display: flex;
	align-items: stretch;
	justify-content: center;
	min-height: 100vh;
}

.pdf-viewer-wrapper.error {
	align-items: center;
}

iframe.pdf-viewer {
	width: 100%;
	height: auto;
}

.pdf-viewer-wrapper.error p {
	font-size: 1.5em;
	padding: 20px;
	border: 1px solid;
	border-radius: var(--main-border-radius);
	color: var(--current-color);
}

.pdf-viewer-wrapper.error p:first-child {
	margin-top: 0;
}

.pdf-embed-wrapper {
	display: flex;
	align-items: stretch;
	justify-content: stretch;
	min-height: calc(100vh - var(--section-space));
	margin-top: var(--section-space);
	margin-bottom: var(--section-space);
	background-color: var(--text-color-soft);
	border-radius: var(--large-border-radius);
	border: 6px solid var(--current-color);
	overflow: hidden;
}

.pop-up-content .pdf-embed-wrapper {
	margin-left: calc(-0.5 * (var(--container-large-width) - var(--container-default-width)));
	margin-right: calc(-0.5 * (var(--container-large-width) - var(--container-default-width)));
}

.pop-up-content .pdf-embed-wrapper .pdf-viewer {
	margin-top: 0;
}

/* Others
----------------------------------------------------------------------------- */

/* Known browser extentions or plugins that have ability to change style of the
 * page, related to PDF resources.
 */
.formswift-button {
	display: none;
}

/* -----------------------------------------------------------------------------
# Utilities
----------------------------------------------------------------------------- */

/* Accessibility
----------------------------------------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Lazy load
----------------------------------------------------------------------------- */
/* *[data-loaded="false"] {
	filter: blur(8px);
}

*[data-loaded="true"] {
	transition: 0.5s;
	filter: blur(0);
} */

/* -----------------------------------------------------------------------------
# Media Queries
----------------------------------------------------------------------------- */
@media (prefers-reduced-motion: no-preference) {
	:root {
		scroll-behavior: smooth;
	}
}

@media screen and (max-width: 1599px) {
	.wp-block-columns.packaging-comparison {
		gap: var(--element-space);
	}

	.packaging-comparison .table-default-theme td:first-child {
		flex-basis: 70%;
	}

	.packaging-comparison .table-default-theme.highlight-header-only tr:first-child td {
		min-height: 64px;
	}

	.biokissed-5-elements-quiz-cover .wp-block-cover__background::after {
		width: 100%;
	}
}

@media screen and (max-width: 1199px) {
	.sticky-subtopic-link {
		margin-left: calc(-1 * var(--container-space));
		margin-right: calc(-1 * var(--container-space));
		padding-left: calc(var(--container-space) - 1.25em);
		padding-right: calc(var(--container-space) - 1.25em);
	}

	.plastic-vs-eco-packaging .wp-block-column {
		padding: 40px;
	}

	.plastic-vs-eco-packaging svg {
		position: static;
		margin-bottom: var(--element-space);
	}

	.wp-block-columns.packaging-comparison {
		flex-wrap: wrap !important;
	}

	.wp-block-columns.media-and-text.has-sticky-position .column-text {
		padding: 40px;
	}

	.wp-block-columns.columns-layout.stats-columns {
		--column-count: 3;
		flex-wrap: wrap;
	}

	.wp-block-columns.columns-layout.stats-columns.no-wrap {
		flex-wrap: wrap;
	}

	.quiz-result-percentages {
		flex-wrap: wrap;
	}

	.quiz-result-percentages-item {
		flex-basis: 30%;
	}

	.quiz-result-percentages-item:nth-child(1),
	.quiz-result-percentages-item:nth-child(2) {
		flex-basis: 40%;
	}

	.quiz-result-description-item {
		flex-basis: calc((100% - 30px) / 2 );
	}

	.quiz-result-description-item:nth-child(1) {
		flex-basis: 100%;
		padding-left: 100px;
		padding-right: 100px;
	}

	.quiz-result__element-preview > .wp-block-group__inner-container {
		gap: 80px;
	}
}

@media screen and (max-width: 959px) {
	.hero-element .discount-percent-number {
		font-size: 16px;
	}

	.discount-percent-block .wp-block-group__inner-container {
		flex-wrap: wrap;
		gap: 30px;
	}

	.discount-percent-block .countdown {
		gap: 20px;
	}

	.biokissed-5-pillars h1 {
		padding: 0 20px;
	}

	.wp-block-columns.subtitle-columns[class*='container'] {
		flex-wrap: wrap;
	}

	#become-a-nature-loving-advocate .wp-block-buttons,
	#biokissed-academy .wp-block-buttons {
/*		width: calc(100% + 2 * var(--button-gap));*/
	}

	#become-a-nature-loving-advocate .wp-block-button,
	#biokissed-academy .wp-block-button {
/*		flex-grow: 1;*/
	}

	.product-item.enlarge .product-title {
		display: block;
		width: 60%;
		text-align: left;
		padding-bottom: 0;
	}

	.product-item.enlarge .product-title::after {
		display: none;
	}

	.product-item.enlarge .price-text.on-sale {
		max-width: 120px;
		padding-left: 14px;
	}

	.product-item .product-item-content {
		padding-left: 0;
		padding-right: 0;
	}

	.wp-block-media-text {
		align-items: flex-start;
	}

	.wp-block-media-text.has-background {
		gap: var(--container-space);
		padding-top: var(--container-space);
		padding-bottom: var(--container-space);
	}

	.wp-block-group.carousel.one-item.optimal-height .wp-block-media-text.has-background,
	.wp-block-group.carousel.one-item .wp-block-media-text.optimal-height.has-background {
		padding-top: 0;
	}

	.wp-block-group.carousel.one-item.nav-inside .wp-block-media-text.has-background {
		padding-bottom: calc(var(--section-space) + 0.5 * var(--element-space));
	}

	.wp-block-group.carousel.one-item .wp-block-media-text.has-background {
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: flex-start;
		justify-content: flex-start;
		gap: var(--container-space);
		padding-top: 0;
	}

	.wp-block-cover.stretch-height .wp-block-media-text.has-background {
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: flex-start;
		justify-content: flex-start;
		gap: var(--container-space);
	}

	.wp-block-cover.stretch-height .wp-block-media-text.has-background .wp-block-media-text__media {
		flex-grow: 1;
		width: 100%;
		background-image: none !important;
	}

	.wp-block-media-text.has-background.large-rounded .wp-block-media-text__media {
		border-radius: var(--main-border-radius);
	}

	.wp-block-group.carousel.one-item .wp-block-media-text.has-background.large-rounded .wp-block-media-text__media {
		border-radius: 0;
	}

	.wp-block-group.carousel.one-item .wp-block-media-text.has-background .wp-block-media-text__media {
		flex-grow: 1;
		width: calc(100% + 2 * var(--container-space));
		margin-left: calc(-1 * var(--container-space));
		background-image: none !important;
	}

	.wp-block-cover.stretch-height .wp-block-media-text.has-background .wp-block-media-text__media img,
	.wp-block-cover.stretch-height .wp-block-media-text.has-background .wp-block-media-text__media video,
	.wp-block-group.carousel.one-item .wp-block-media-text.has-background .wp-block-media-text__media img,
	.wp-block-group.carousel.one-item .wp-block-media-text.has-background .wp-block-media-text__media video {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		object-fit: cover;
	}

	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
		order: -1;
	}

	.wp-block-media-text.is-image-fill.equal-width .wp-block-media-text__content,
	.wp-block-media-text.is-image-fill-element.equal-width .wp-block-media-text__content {
		flex-basis: 100%;
		width: 100%;
	}

	.wp-block-cover.stretch-height .wp-block-media-text.has-background .wp-block-media-text__content,
	.wp-block-group.carousel.one-item .wp-block-media-text.has-background .wp-block-media-text__content {
		flex-basis: auto;
	}

	.wp-block-group.carousel.one-item.nav-inside .wp-block-media-text.has-background .wp-block-media-text__content {
		padding: 0;
	}

	.wp-block-cover.optimal-height {
		padding-top: var(--container-space);
		padding-bottom: var(--container-space);
	}

	.wp-block-columns.plastic-vs-eco-packaging {
		flex-wrap: wrap !important;
	}

	.plastic-vs-eco-packaging .wp-block-column:first-child svg {
		margin-bottom: 0;
	}

	.plastic-usage-table .wp-block-column {
		padding-left: 10px;
		padding-right: 10px;
	}

	.plastic-usage-table .wp-block-column:first-child {
		padding-left: 0;
	}

	.plastic-usage-table svg {
		height: 40px;
	}

	.wp-block-columns.media-and-text.has-sticky-position {
		flex-wrap: wrap;
		gap: var(--element-space);
	}

	.wp-block-columns.columns-layout.stats-columns {
		--column-count: 2;
	}

	.wp-block-columns.stats-columns .stats-details {
		width: 50%;
	}

	.biokissed-5-elements-quiz-cover .wp-block-cover__background::after {
		width: 300%;
		left: 50%;
	}

	.quiz-result-percentages-item {
		flex-basis: 40%;
	}

	.quiz-result-percentages-item:nth-child(1) {
		flex-basis: 100%;
	}

	.quiz-result-description-item .element-description {
		padding-left: 10px;
		padding-right: 10px;
	}

	.quiz-result__element-preview > .wp-block-group__inner-container {
		flex-wrap: wrap;
		gap: 40px;
	}

	.quiz-result__element-character {
		flex-basis: 100%;
		padding-left: calc(var(--container-space) + 12px);
	}

	.quiz-result__element-character:nth-child(n)::before {
		content: "";
		position: absolute;
		width: calc(var(--container-space) + 50px);
		height: 6px;
		top: 116px;
		left: 0;
		background-color: var(--current-color);
		border-radius: 3px;
		opacity: 0.5;
	}

	.quiz-result__element-character:nth-child(n)::after {
		content: "";
		position: absolute;
		width: 6px;
		height: calc(100% + 42px);
		top: 117px;
		left: 0;
		background-color: var(--current-color);
		border-radius: 3px;
		opacity: 0.5;
	}

	.quiz-result__element-character:last-child::after {
		display: none;
	}

	.quiz-result__element-character:nth-child(2) .quiz-result__element-icon {
		margin-left: 0;
	}

	.quiz-result__element-character:nth-child(3) .quiz-result__element-icon {
		margin-left: 0;
	}

	.quiz-result__element-explanation > .wp-block-group__inner-container {
		flex-wrap: wrap;
		justify-content: center;
	}

	.quiz-result__element-explanation svg {
		position: static;
	}
}

@media screen and (max-width: 767px) {
	#why-biokissed-section .carousel-item-media {
		padding-top: 100%;
	}

	.biokissed-5-pillars {
		padding-bottom: 0;
		margin-bottom: calc(-1 * var(--element-space));
	}

	.product-item.enlarge .price-text.on-sale {
		max-width: 96px;
	}

	#nomad-product-range-list .product-images-list {
/*		margin-top: 10px;*/
	}

	#nomad-product-range-list .product-item .price-text.on-sale {
		justify-content: center;
	}

	#nomad-product-range-list .price-text.on-sale .discount-info {
		font-size: 2.5rem;
	}

	#nomad-product-range-list .price-text.on-sale .discount-info-percentage {
		font-size: 2.5rem;
	}

	.plastic-usage-table {
		font-size: 0.625em;
	}

	.plastic-usage-table .wp-block-column {
		padding-left: 8px;
		padding-right: 8px;
	}

	.plastic-usage-table .wp-block-columns:first-child p {
		font-size: 1rem;
	}

	.plastic-usage-table svg {
		height: 24px;
	}

	.plastic-vs-eco-packaging .wp-block-column {
		padding: 20px;
	}

	.wp-block-columns.media-and-text.has-sticky-position .column-text {
		padding: var(--element-space);
	}
}

@media screen and (max-width: 639px) {
	.quiz-result-description-item {
		flex-basis: 100%;
	}

	.quiz-result-description-item:nth-child(1) {
		padding-left: 16px;
		padding-right: 16px;
	}

	.quiz-result__element-character:nth-child(n)::before {
		height: 4px;
	}

	.quiz-result__element-character:nth-child(n)::after {
		width: 4px;
	}

	.quiz-result__element-explanation svg {
		width: 120px;
		height: 160px;
	}
}

@media screen and (max-width: 479px) {
	.hero-element .discount-percent-block {
		margin-top: 90px;
	}

	.hero-element .discount-percent-number {
		transform: scale(0.8);
	}

	.discount-percent-block .countdown {
		gap: 20px 12px;
	}

	.discount-percent-block .countdown-time {
		font-size: 3em;
	}

	.discount-percent-block .countdown-label {
		font-size: 0.5rem;
		height: 16px;
		padding-left: 8px;
		padding-right: 7px;
		padding-bottom: 1px;
	}

	.hero-element .countdown-description .text-info.larger {
		margin-top: 1em;
	}

	.biokissed-5-pillars h1 {
		font-size: 2.25em;
	}

	.wp-block-columns.columns-layout.stats-columns {
		--column-count: 1;
	}
}

@media screen and (max-width: 359px) {
	.logged-in {
		--menu-item-space: 10px;
	}
	
	.product-media-text .pv-info {
		transform: translateY(-100%);
	}

	.navigation .page-numbers {
		padding: 0.375em;
	}

	.pop-up-menu {
		min-width: 280px;
	}

	.social-media-link a {
		padding: 12px;
	}

	.social-media-link a:first-child {
		margin-left: -12px;
	}
}

@media screen and (min-width: 600px) {
	:root {
		--page-space: 30px;
	}

	.charity-item-list {
		--column-count: 2;
		--column-gap: 20px;
	}
}

@media screen and (min-width: 768px) {
	:root {
		--header-height: 80px;
		--menu-width: 65%;
		--container-space: 60px;
		--section-space: 60px;
		--element-space: 40px;
		--pop-up-space: 30px;
		--product-item-carousel: 2;
		font-size: 20px;
	}

	.logged-in {
		--menu-item-space: 15px;
	}

	h1 {
		font-size: 3em;
		line-height: 1.1;
	}

	h3 {
		font-size: 2em;
	}

	.site-header::before {
		box-shadow: -2px 0 8px var(--current-color-soft);
	}

	.site-branding .logo-text {
		display: block;
	}

	.search-active:not(.menu-open) #search-form {
		--menu-width: 75%;
	}

	.sub-menu-active .site-branding,
	.search-active .site-branding {
		opacity: 1;
		visibility: visible;
		transform: none;
	}

	#menu-back-button {
		right: calc(var(--menu-width) - var(--page-space) - var(--main-icon-size));
	}

	.sub-menu-active #menu-back-button,
	.menu-open.search-active #menu-back-button {
		transform: translate3d(var(--page-space), 0, 0);
	}

	.search-active:not(.menu-open) #menu-back-button {
		opacity: 0;
		visibility: hidden;
		transform: none;
	}

	#top-right-text-navigation {
		position: relative;
		width: auto;
		height: auto;
		top: auto;
		left: auto;
		z-index: 2;
		transition: 0.5s;
	}

	body.menu-open #top-right-text-navigation {
		top: auto;
	}

	.search-active #top-right-text-navigation {
		transform: translate3d(100%, 0, 0);
		opacity: 0;
	}

	#top-right-text-navigation .menu {
		position: relative;
		background-color: transparent;
		font-size: 0.875em;
		color: var(--current-color);
		transform: translate3d(0, 0, 0);
		padding-left: 0;
		transition: opacity 0.5s, color 0.5s;
		transition-delay: 0.8s, 0s;
	}

	body.has-white-header-color #top-right-text-navigation .menu {
		color: var(--white);
	}

	body.has-white-header-color .site-header:hover #top-right-text-navigation .menu,
	body.has-white-header-color.scrolled #top-right-text-navigation .menu,
	body.has-white-header-color.pop-up-active #top-right-text-navigation .menu,
	body.has-white-header-color.search-active #top-right-text-navigation .menu,
	body.has-white-header-color.menu-open #top-right-text-navigation .menu {
		color: var(--current-color);
	}

	#top-right-text-navigation .menu-item > a {
		height: var(--header-height);
		padding: 0 var(--menu-item-space);
	}

	#top-right-text-navigation .menu-item:first-child a {
		margin-left: 0;
	}

	.menu-open #top-right-text-navigation .menu {
		transform: none;
		opacity: 0;
		visibility: hidden;
		transition-delay: 0s;
	}

	#language-currency-options {
		padding-bottom: 10px;
	}

	#language-currency-options a {
		padding-top: calc(0.75 * var(--pop-up-space));
		padding-bottom: calc(0.75 * var(--pop-up-space));
	}

	#account-menu-options {
		padding-bottom: 10px;
	}

	#footer-navigation {
		--page-space: var(--container-space);
		--section-space: 60px;
	}

	#footer-navigation .menu {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-between;
		margin-left: calc(-2 * var(--menu-item-space));
		margin-right: 0;
	}

	#footer-navigation a:not(.button) {
		padding-left: 0;
		padding-right: 0;
		margin-left: calc(2 * var(--menu-item-space));
	}

	#footer-navigation .sub-menu {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	#footer-navigation .menu-item.has-button {
		padding-left: 0;
		padding-right: 0;
	}

	#footer-navigation .menu-item.has-button > .button {
		margin-left: calc(2 * var(--menu-item-space));
	}

	#footer-navigation .socmed-links .sub-menu {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
	}

	#footer-navigation .menu > .menu-item.trademark {
		flex-basis: 100%;
		flex-grow: 1;
		margin-left: calc(2 * var(--menu-item-space) - var(--page-space));
		margin-right: calc(-1 * var(--page-space));
		margin-bottom: calc(0.5em - var(--section-space));
		height: var(--header-height);
		padding-top: 0;
		padding-bottom: 0;
	}

	#footer-navigation .menu-item.trademark > a {
		flex-basis: auto;
	}

	.hero-background + .entry-title {
		text-align: center;
		bottom: calc(50% - 0.25 * (var(--header-height)));
		transform: translateY(50%);
	}

	.wp-block-pullquote {
		font-size: 2.25em;
		line-height: 1.25;
	}

	.wp-block-pullquote.smaller-text {
		font-size: 1.75em;
		line-height: 1.35;
		padding-top: var(--element-space);
		padding-bottom: var(--element-space);
	}

	.wp-block-pullquote.sans-serif-text {
		font-size: 1.5em;
	}

	.wp-block-quote {
		font-size: 1.75rem;
		max-width: var(--container-default-width);
	}

	.wp-block-quote.alignwide {
		max-width: var(--container-wide-width);
	}

	.wp-block-quote.has-text-align-center {
		margin-left: auto;
		margin-right: auto;
	}

	.wp-block-quote.has-text-align-right {
		margin-left: auto;
		margin-right: 0;
	}

	.hero-element.side-by-side .hero-title {
		font-size: 4em;
		width: 80%;
	}

	.product-media-text .pv-info {
		transform: translateY(-25%);
	}

	.search-results .site-main article {
		padding-left: 210px;
	}

	.search-results .post-thumbnail {
		width: 180px;
	}

	.search-results .entry-title {
		font-size: 1.75em;
	}

	.navigation .page-numbers {
		padding: 1em;
	}

	.title-with-logo-text h2 {
		font-size: 3em;
	}

	.title-description {
		max-width: 600px;
	}

	.title-description.has-text-align-center {
		margin-left: auto;
		margin-right: auto;
	}

	.pdf-name-download .pdf-name {
		font-size: 1rem;
		line-height: 1.375;
	}

	.pdf-name-download .button {
		min-height: var(--button-height);
		min-width: var(--button-height);
		border-radius: var(--main-border-radius);
	}

	.pdf-name-download .button-icon {
		height: var(--main-icon-size);
	}

	.pdf-name-download .button-text {
		font-size: 0.75rem;
	}

	.footer-end .wp-block-cover__inner-container {
		width: 60%;
		margin-left: auto;
		margin-right: 0;
	}

	.video-link-icon.icon-only-on-mobile a {
		color: inherit;
		width: auto;
		height: auto;
		padding: 0;
		padding-right: 64px;
		overflow: visible;
	}

	:root {
		--quiz-navigation-height: 160px;
		--quiz-container-space: 40px;
	}

	.biokissed-5-elements-quiz-title {
		transform: scale(1.5);
		transform-origin: left center;
	}

	.quiz-introduction {
		/*font-size: 1.5rem;*/
	}
}

@media screen and (min-width: 960px) {
	:root {
		--menu-width: 50%;
		--container-space: 80px;
		--section-space: 80px;
		--element-space: 30px;
		--page-index-width: 360px;
		font-size: 16px;
	}

	.site::before {
		z-index: 9;
	}

	.site-branding .logo {
		padding-left: calc(0.5 * (var(--container-space) - var(--main-icon-size)) - 6px);
	}

	#top-right-text-navigation .menu {
		font-size: 1em;
	}

	.search-active:not(.menu-open) #search-form {
		--menu-width: 50%;
	}

	#footer-navigation .menu {
		gap: 0 30px;
	}

	#footer-navigation .feedback-menu {
		flex-basis: 40%;
	}

	.align-center-on-wide {
		text-align: center;
	}

	.no-hero-background.standard-layout .entry-title {
		text-align: center;
	}

	/* WordPress Blocks */
	.wp-block-buttons.alignfull.normal-on-medium-screen {
		width: auto;
	}

	.wp-block-button.full-width-medium {
		width: auto;
	}

	.wp-block-media-text {
		flex-wrap: nowrap;
	}

	.wp-block-media-text.fixed-media {
		min-height: 0;
	}

	.wp-block-media-text.has-media-on-the-right {
		/*flex-direction: row-reverse;*/
	}

	.wp-block-media-text.is-image-fill,
	.wp-block-media-text.is-image-fill-element {
		position: relative;
		min-height: 60vh;
	}

	.wp-block-media-text.minimal-half-height {
		min-height: 50vh;
	}

	.wp-block-media-text.full-height {
		min-height: 100vh;
	}

	.wp-block-media-text.sticky-media {
		align-items: flex-start;
		overflow: visible !important;
	}

	.wp-block-media-text.is-image-fill .wp-block-media-text__media,
	.wp-block-media-text.is-image-fill-element .wp-block-media-text__media {
		position: absolute;
		width: calc(0.5 * (100% - var(--container-space)));
		height: 100%;
		top: 0;
		left: 0;
		background-size: cover;
	}

	.wp-block-media-text.is-image-fill.less-width-media .wp-block-media-text__media,
	.wp-block-media-text.is-image-fill-element.less-width-media .wp-block-media-text__media {
		width: calc(0.35 * (var(--viewport-width) - 2 * var(--container-space)));
	}

	.wp-block-media-text.is-image-fill.media-width-40 .wp-block-media-text__media,
	.wp-block-media-text.is-image-fill-element.media-width-40 .wp-block-media-text__media {
		width: calc(0.4 * (var(--viewport-width) - 2 * var(--container-space)));
	}

	.wp-block-media-text.is-image-fill.media-width-50 .wp-block-media-text__media,
	.wp-block-media-text.is-image-fill-element.media-width-50 .wp-block-media-text__media {
		width: calc(0.5 * (var(--viewport-width) - 2 * var(--container-space)));
	}

	.wp-block-media-text.is-image-fill.alignfull .wp-block-media-text__media,
	.wp-block-media-text.is-image-fill-element.alignfull .wp-block-media-text__media {
		width: 50%;
	}

	.wp-block-media-text.is-image-fill.alignfull.media-width-60 .wp-block-media-text__media,
	.wp-block-media-text.is-image-fill-element.alignfull.media-width-60 .wp-block-media-text__media {
		width: 60%;
	}

	.wp-block-media-text.has-media-on-the-right.is-image-fill .wp-block-media-text__media,
	.wp-block-media-text.has-media-on-the-right.is-image-fill-element .wp-block-media-text__media {
		left: auto;
		right: 0;
	}

	.wp-block-media-text.sticky-media .wp-block-media-text__media {
		position: sticky;
		top: 20%;
	}

	.wp-block-media-text.alignfull.sticky-media .wp-block-media-text__media {
		top: 10%;
	}

	.wp-block-media-text.sticky-media.has-background.is-image-fill,
	.wp-block-media-text.sticky-media.has-background.is-image-fill-element {
		--media-sticky-space: 8px;
	}

	.wp-block-media-text.sticky-media.has-background.is-image-fill .wp-block-media-text__media,
	.wp-block-media-text.sticky-media.has-background.is-image-fill-element .wp-block-media-text__media {
		position: sticky;
		top: var(--media-sticky-space);
		bottom: auto;
		left: auto;
		right: auto;
		height: calc(100vh - 2 * var(--media-sticky-space));
		margin: calc(-1 * (var(--section-space) - var(--media-sticky-space))) calc(-1 * (var(--container-space) - var(--media-sticky-space)));
		margin-right: 0;
		border-radius: var(--main-border-radius);
	}

	.wp-block-media-text.sticky-media.has-background.is-image-fill.has-media-on-the-right .wp-block-media-text__media,
	.wp-block-media-text.sticky-media.has-background.is-image-fill-element.has-media-on-the-right .wp-block-media-text__media {
		margin-left: 0;
		margin-right: calc(-1 * (var(--container-space) - var(--media-sticky-space)));
	}

	.wp-block-media-text.sticky-media.has-background.is-image-fill.alignfull,
	.wp-block-media-text.sticky-media.has-background.is-image-fill-element.alignfull {
		--media-sticky-space: 0px;
	}

	.wp-block-media-text.sticky-media.has-background.is-image-fill.alignfull .wp-block-media-text__media,
	.wp-block-media-text.sticky-media.has-background.is-image-fill-element.alignfull .wp-block-media-text__media {
		border-radius: 0;
	}

	.wp-block-media-text.is-image-fill .wp-block-media-text__media img,
	.wp-block-media-text.is-image-fill .wp-block-media-text__media video,
	.wp-block-media-text.is-image-fill-element .wp-block-media-text__media img,
	.wp-block-media-text.is-image-fill-element .wp-block-media-text__media video {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.wp-block-media-text.sticky-media .wp-block-media-text__media img,
	.wp-block-media-text.sticky-media .wp-block-media-text__media video {
		height: 60vh;
		width: auto;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		object-fit: contain;
	}

	.wp-block-media-text.sticky-media.fill-height .wp-block-media-text__media img,
	.wp-block-media-text.sticky-media.fill-height .wp-block-media-text__media video {
		height: calc(100vh - var(--header-height));
	}

	.wp-block-media-text.sticky-media.fill-width .wp-block-media-text__media img,
	.wp-block-media-text.sticky-media.fill-width .wp-block-media-text__media video {
		width: 100%;
		height: auto;
	}

	.wp-block-media-text.sticky-media.is-image-fill img,
	.wp-block-media-text.sticky-media.is-image-fill video,
	.wp-block-media-text.sticky-media.is-image-fill-element img,
	.wp-block-media-text.sticky-media.is-image-fill-element video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: var(--main-border-radius);
	}

	.wp-block-media-text.sticky-media.is-image-fill.alignfull img,
	.wp-block-media-text.sticky-media.is-image-fill.alignfull video,
	.wp-block-media-text.sticky-media.is-image-fill-element.alignfull img,
	.wp-block-media-text.sticky-media.is-image-fill-element.alignfull video {
		border-radius: 0;
	}

	.wp-block-media-text__content {
		flex-shrink: 0;
		width: calc(0.5 * (100% - var(--container-space)));
		margin-left: var(--container-space);
	}

	.wp-block-media-text.wider-media .wp-block-media-text__content {
		width: calc(0.4 * (100% - var(--container-space)));
	}

	.wp-block-media-text.has-more-right-space-content .wp-block-media-text__content {
		padding-right: calc(0.5 * var(--container-space));
	}

	.wp-block-media-text__content > *:first-child {
		margin-top: 0;
	}

	.wp-block-media-text.has-background:not(.alignfull) .wp-block-media-text__content {
		/*padding-left: 0;*/
	}

	.wp-block-media-text.has-background.has-media-on-the-right:not(.alignfull) .wp-block-media-text__content {
		/*padding-left: var(--container-space);
		padding-right: 0;*/
	}

	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
		margin-left: 0;
		margin-right: var(--container-space);
	}

	.wp-block-media-text.less-width-media .wp-block-media-text__content {
		width: calc(0.65 * (var(--viewport-width) - 2 * var(--container-space)) - 2 * var(--container-space));
	}

	.wp-block-media-text.media-width-40 .wp-block-media-text__content {
		width: calc(0.6 * (var(--viewport-width) - 2 * var(--container-space)) - 2 * var(--container-space));
	}

	.wp-block-media-text.media-width-50 .wp-block-media-text__content {
		width: calc(0.5 * (var(--viewport-width) - 2 * var(--container-space)) - 2 * var(--container-space));
	}

	.wp-block-media-text.alignfull .wp-block-media-text__content {
		width: 50%;
		margin-left: 0;
	}

	.wp-block-media-text.alignfull.media-width-60 .wp-block-media-text__content {
		width: calc(0.4 * (100% + 2 * var(--container-space)) - var(--container-space));
	}

	.wp-block-media-text.alignfull.has-background .wp-block-media-text__content {
		padding-top: 0;
		padding-bottom: 0;
		padding-right: 0;
	}

	.wp-block-media-text.has-media-on-the-right.alignfull.has-background .wp-block-media-text__content {
		padding-right: var(--container-space);
		padding-left: 0;
	}

	.wp-block-media-text.has-media-on-the-right.alignfull .wp-block-media-text__content {
		margin-right: 0;
	}

	.wp-block-media-text.is-image-fill .wp-block-media-text__content,
	.wp-block-media-text.is-image-fill-element .wp-block-media-text__content {
		margin-left: auto;
	}

	.wp-block-media-text.has-media-on-the-right.is-image-fill .wp-block-media-text__content,
	.wp-block-media-text.has-media-on-the-right.is-image-fill-element .wp-block-media-text__content {
		margin-left: 0;
		margin-right: auto;
	}

	.wp-block-media-text.alignright-content .wp-block-media-text__content {
		text-align: right;
		align-items: flex-end;
	}

	.wp-block-media-text.sticky-media .wp-block-media-text__content {
		align-self: center;
	}

	.wp-block-media-text.sticky-media.has-background.is-image-fill .wp-block-media-text__content,
	.wp-block-media-text.sticky-media.has-background.is-image-fill-element .wp-block-media-text__content {
		margin-left: var(--container-space);
	}

	.wp-block-media-text.sticky-media.has-background.is-image-fill.alignfull .wp-block-media-text__content,
	.wp-block-media-text.sticky-media.has-background.is-image-fill-element.alignfull .wp-block-media-text__content {
		margin-left: 0;
		padding-left: var(--container-space);
	}

	.wp-block-media-text.sticky-media.has-background.is-image-fill.has-media-on-the-right .wp-block-media-text__content,
	.wp-block-media-text.sticky-media.has-background.is-image-fill-element.has-media-on-the-right .wp-block-media-text__content {
		margin-left: 0;
		margin-right: var(--container-space);
	}

	.wp-block-media-text.sticky-media.has-background.is-image-fill.has-media-on-the-right.alignfull .wp-block-media-text__content,
	.wp-block-media-text.sticky-media.has-background.is-image-fill-element.has-media-on-the-right.alignfull .wp-block-media-text__content {
		margin-right: 0;
		padding-left: 0;
		padding-right: var(--container-space);
	}

	.wp-block-cover__inner-container {
		width: 75%;
		max-width: var(--container-wide-width);
		margin-left: auto;
		margin-right: auto;
	}

	.wp-block-cover.wide-width-content .wp-block-cover__inner-container {
		width: 85%;
		max-width: calc(var(--container-wide-width) + 2 * var(--container-space));
	}

	.wp-block-cover.full-width-content .wp-block-cover__inner-container {
		width: 100%;
		max-width: none;
	}

	.wp-block-cover.no-max-width .wp-block-cover__inner-container {
		max-width: none;
	}

	.wp-block-columns.feedback-columns {
		/*flex-wrap: nowrap;*/
		gap: var(--container-space);
	}

	.wp-block-columns.feedback-columns .wp-block-column.feedback-text {
		flex-basis: 50%;
	}

	.wp-block-cover.justified > .wp-block-cover__inner-container {
		max-width: none;
	}

	.hero-block-text.wide-content > .wp-block-cover__inner-container {
		width: 100%;
		max-width: var(--container-wide-width);
	}

	.wp-block-column .wp-block-cover__inner-container {
		width: 100%;
		max-width: 560px;
	}

	.wp-block-cover.square-adaptive {
		height: calc(0.5 * (var(--viewport-width) - 2 * var(--container-space) - var(--element-space)));
		max-height: calc(var(--viewport-height) - 2 * var(--section-space) - 0.5 * var(--header-height));
	}

	.wp-block-pullquote::before,
	.wp-block-pullquote::after {
		width: 360px;
		left: 50%;
		transform: translateX(-50%);
		background: linear-gradient(to right, var(--current-color-transparent), var(--current-color), var(--current-color-transparent));
	}

	.wp-block-pullquote > * {
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.wp-block-pullquote.has-text-align-center > * {
		margin-left: auto;
		margin-right: auto;
	}

	.wp-block-pullquote.has-text-align-right > * {
		margin-left: auto;
	}

	.wp-block-columns {
		flex-wrap: nowrap;
	}

	.wp-block-columns.stretch-height {
		align-items: stretch;
	}

	.wp-block-columns.stretch-height .wp-block-column {
		display: flex;
		flex-direction: column;
	}

	.wp-block-columns.stretch-height .wp-block-column > *:nth-last-child(2) {
		margin-bottom: auto;
	}

	.wp-block-columns.has-sticky-position > .wp-block-column {
		position: sticky;
		top: var(--section-space);
	}

	.wp-block-columns.has-sticky-position.small-gap > .wp-block-column {
		top: 40px;
	}

	body.scroll-up .wp-block-columns.has-sticky-position > .wp-block-column {
		top: calc(var(--header-height) + var(--container-space));
	}

	.wp-block-column.column-media {
		--gallery-item-space: 20px;
	}

	.wp-block-columns.media-and-text.has-media-on-the-left > .wp-block-column.column-media {
		order: -1;
	}

	.hero-element.side-by-side .hero-content.model-media {
		width: 50%;
		padding-bottom: var(--section-space);
	}

	.hero-element.side-by-side .hero-content.product-media {
		position: relative;
		width: 50%;
	}

	.hero-element.side-by-side .hero-title {
		font-size: 3em;
		padding-right: 0;
		margin-bottom: -0.2em;
		text-align: center;
	}

	.product-media-text {
		--padding-inside: 120px;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		padding: var(--padding-inside);
	}

	.product-media-text .wp-block-media-text__media {
		flex-shrink: 0;
	}

	.product-media-text .wp-block-media-text__content {
		align-items: flex-start;
		text-align: left;
		flex-basis: auto;
		margin-top: 0;
		margin-left: var(--container-space);
	}

	.product-media-text .product-description {
		font-size: 1em;
	}

	.product-media-text .pv-info {
		right: auto;
		left: var(--padding-inside);
		transform: translateY(-50%);
	}

	.cover-info .wp-block-cover__inner-container {
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
	}

	.cover-info.is-position-top-center .wp-block-cover__inner-container {
		justify-content: flex-start;
	}
	
	.cover-info.is-position-top-center .wp-block-cover__inner-container > * {
		flex-basis: auto;
	}

	.product-philosophy {
		flex-wrap: nowrap;
	}

	.philosophy-media {
		flex-shrink: 0;
	}

	.philosophy-content {
		margin-left: calc(0.5 * var(--container-space));
	}

	.philosophy-title {
		text-align: left;
		margin-top: 0;
	}

	.philosophy-description {
		text-align: left;
	}

	.search-results .site-main {
		display: inline-block;
		width: 70%;
		vertical-align: top;
	}

	.search-results .site-main article:first-of-type {
		margin-top: calc(var(--section-space) - 1.5em);
	}

	.search-results .post-thumbnail::before {
		width: calc(0.7 * var(--viewport-width) - 2 * var(--container-space));
	}

	.search-results .widget-area {
		display: inline-block;
		width: calc(30% - 8px);
		margin-top: calc(var(--header-height) + var(--element-space) + 1.25em);
		margin-left: auto;
		padding-top: 0;
		padding-left: 0;
	}

	.search-results .widget-area::before {
		display: none;
	}

	.faq-container > .wp-block-group__inner-container {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		max-width: var(--container-wide-width);
		margin-left: auto;
		margin-right: auto;
	}

	.faq-container .general-question,
	.faq-container .member-question {
		width: calc(50% - var(--element-space));
	}

	.faq-container .member-question {
		margin-top: 0;
	}

	.faq-container h2 {
		text-align: center;
	}

	.faq-contact {
		max-width: var(--container-wide-width);
		margin-left: auto;
		margin-right: auto;
	}

	.wpcf7 {
		max-width: var(--container-wide-width);
		margin-left: auto;
		margin-right: auto;
	}

	.contact-side-by-side .contact-left,
	.contact-side-by-side .contact-right {
		width: calc(50% - 0.5 * var(--element-space));
	}

	.contact-side-by-side .contact-right textarea {
		height: 14.6em;
	}

	.wpcf7 form .contact-side-by-side + .wpcf7-response-output {
		width: calc(50% - 0.5 * var(--element-space));
		margin-left: auto;
		margin-right: 0;
	}

	.page-index-container {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-direction: row-reverse;
	}

	.page-index-on-the-left .page-index-container {
		flex-direction: row;
	}

	.page-index-list {
		display: block;
		width: var(--page-index-width);
		list-style-type: none;
		margin: 0;
		margin-top: calc(var(--element-space) + 0.5em);
		padding: 0;
		border: var(--thin-border-style);
		border-radius: var(--main-border-radius);
		position: -webkit-sticky;
		position: sticky;
		top: calc(var(--header-height));
		max-height: calc(var(--viewport-height) - 2 * var(--header-height));
		background-color: var(--current-color-supersoft);
		overflow-y: auto;
	}

	body.has-hero-background .page-index-list {
		margin-top: var(--section-space);
	}

	.page-index-item {
		margin: 0;
		border-bottom: var(--thin-border-style);
	}

	.page-index-item:last-child {
		border-bottom-width: 0;
	}

	.page-index-item a {
		display: block;
		padding: 1rem 1.25rem;
		text-decoration: none;
		transition: 0.1s;
	}

	.page-index-item a:hover {
		background-color: var(--current-color);
		color: var(--contrast-color);
	}

	body.has-page-index .entry-content {
		width: calc(100% - var(--page-index-width) - var(--container-space));
		max-width: var(--container-default-width);
		margin-left: 0;
	}

	body.has-page-index.page-index-on-the-left .entry-content {
		margin-left: auto;
		margin-right: 0;
	}

	.fixed-hero-background .hero-background::after {
		background-color: var(--black-soft);
	}

	body.fixed-media-on-the-left .entry-title {
		width: calc(50% - 0.5 * var(--section-space));
		margin-left: auto;
	}

	.wp-block-media-text.fixed-media {
		justify-content: flex-end;
	}

	.wp-block-media-text.fixed-media.has-media-on-the-right {
		justify-content: flex-start;
	}

	.wp-block-media-text.fixed-media .wp-block-media-text__media {
		position: fixed;
		width: calc(0.5 * (100% - var(--container-space)));
		height: 100%;
		top: 0;
		left: 0;
		z-index: -9;
		border-radius: 0;
		opacity: 0;
		transition: 1.5s;
	}

	.wp-block-media-text.fixed-media.has-media-on-the-right .wp-block-media-text__media {
		left: auto;
		right: 0;
	}

	.wp-block-media-text.fixed-media .wp-block-media-text__media.active {
		opacity: 1;
	}

	.wp-block-media-text.fixed-media .wp-block-media-text__media img,
	.wp-block-media-text.fixed-media .wp-block-media-text__media video {
		width: 100%;
		height: 100%;
		border-radius: 0;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.wp-block-media-text.fixed-media .wp-block-media-text__content {
		position: relative;
	}

	.wp-block-media-text.fixed-media .wp-block-media-text__content::before {
		content: "";
		position: absolute;
		width: calc(100% + 2 * var(--container-space));
		height: calc(100% + 2 * var(--section-space));
		top: calc(-1 * var(--section-space));
		right: calc(-1 * var(--container-space));
		background-color: var(--page-background);
		z-index: -1;
	}

	.wp-block-media-text.fixed-media .wp-block-cover:not(.alignfull) {
		padding: calc(0.5 * var(--container-space));
	}

	.wp-block-media-text.fixed-media .wp-block-cover__inner-container {
		width: 100%;
	}

	.wp-block-cover.decorative .wp-block-cover__inner-container {
		width: 60%;
		margin-left: 0;
	}

	.wp-block-cover.decorative.is-position-center-right .wp-block-cover__inner-container {
		margin-left: auto;
	}

	.wp-block-cover.decorative.has-focus-image .wp-block-cover__inner-container {
		margin-left: auto;
	}

	.video-link::after {
		width: 80px;
		height: 80px;
	}

	.video-links-list .video-link::after {
		width: 64px;
		height: 64px;
	}

	.pop-up-content.pop-up-video::after {
		width: 64px;
		height: 64px;
	}

	.pop-up-content .iframe-video-wrapper::before {
		width: 64px;
		height: 64px;
	}

	.title-with-logo-icon-text h1,
	.title-with-logo-text h1 {
		font-size: 3.5em;
	}

	.title-description {
		max-width: 480px;
	}

	.wp-block-cover.decorative .wp-block-quote {
		/*font-size: 2rem;*/
	}

	.wp-block-cover.decorative .wp-block-quote > p:first-child {
		margin-top: -30px;
	}

	.wp-block-cover.decorative.bottom .focus-image img {
		width: 125%;
		max-width: none;
		left: -12.5%;
	}

	.pdf-flip-wrapper .df-3dcanvas {
		padding: 40px;
	}

	.pdf-links-list {
		--column-count: 4;
		--column-gap: 20px;
	}

	.pdf-thumbnail,
	.pdf-thumbnail a,
	.pdf-thumbnail img {
		border-radius: var(--main-border-radius);
	}

	.video-links-list {
		--column-count: 2;
		/*--column-gap: 20px;*/
	}

	.pop-up-content.has-iframe {
		--pop-up-width: 960px;
	}

	#nomad-product-range-section .wp-block-media-text__media {
		border-bottom-right-radius: 24px;
		overflow: hidden;
	}

	#nomad-product-range-section .pdf-links-list {
		margin-top: var(--section-space);
	}

	.box-list {
		--column-count: 2;
	}

	.charity-item-list {
		--column-gap: 24px;
	}

	.charity-item .charity-description {
		padding: 30px;
	}

	.wp-block-columns.text-gallery-overlap {
		--column-count: 2;
		--column-gap: calc(0.5 * var(--container-space));
		align-items: flex-start;
		gap: var(--container-space);
	}

	.text-gallery-overlap .gallery-section {
		position: relative;
		padding: 0;
		margin-top: calc(-1 * (var(--section-space) - var(--element-space) - 2 * var(--gallery-item-space)));
		right: calc(-1 * (var(--container-space) - var(--column-gap) - 2 * var(--gallery-item-space)));
	}

	.charity-details-header {
		max-width: 480px;
		margin-top: calc(-1 * var(--section-space));
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 20px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	.charity-details-header::before {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		height: calc(100% - 4px);
		top: 0;
		border-top-width: 0;
	}

	.charity-details-header img {
		height: 80px;
	}

	.charity-details-content {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	.charity-details-content .charity-statistics {
		flex-shrink: 0;
		position: -webkit-sticky;
		position: sticky;
		top: -30px;
		width: 35%;
		max-width: 360px;
	}

	.charity-details-text {
		flex-grow: 1;
		margin-top: 0;
		margin-left: 80px;
	}

	.charity-details-text > *:first-child {
		margin-top: 0;
	}

	.info-with-image {
		max-width: 480px;
		margin-left: auto;
		margin-right: auto;
	}

	.media-and-text-carousel-item {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	.media-and-text-carousel-item.has-media-on-the-right {
		flex-direction: row-reverse;
	}

	.media-and-text-carousel .carousel-item-media {
		width: 50%;
		min-height: 50vh;
		padding-top: 0;
	}

	.owl-item.active .carousel-item-media img {
		width: calc(100% - 32px);
		height: calc(100% - 32px);
		top: 16px;
		left: 16px;
		border-radius: var(--main-border-radius);
	}

	.owl-grab .owl-item.active .carousel-item-media img {
		width: calc(100% - 80px);
		height: calc(100% - 80px);
		top: 40px;
		left: 40px;
	}

	.media-and-text-carousel .carousel-item-text {
		width: 50%;
		padding-top: var(--section-space);
		padding-bottom: var(--section-space);
	}

	#why-biokissed-section {
		padding-bottom: 0;
	}

	#why-biokissed-section .title-with-logo-text {
		width: 50%;
		background: transparent;
	}

	#why-biokissed-section .title-with-logo-text::before {
		display: none;
	}

	#why-biokissed-section .title-description {
		width: 80%;
		max-width: 260px;
		opacity: 0.75;
	}

	#why-biokissed-section .media-and-text-carousel-item {
		flex-direction: row-reverse;
		align-items: stretch;
	}

	#why-biokissed-section .carousel-item-media {
		min-height: calc(100vh - var(--horizontal-menu-height) + 2px);
	}

	#why-biokissed-section .carousel-item-text {
		align-self: flex-end;
		padding-top: 64px;
		margin-top: 320px;
		padding-bottom: calc(0.25 * var(--section-space) + 1.375em);
		margin-bottom: calc(0.75 * var(--section-space) + 1.375em);
	}

	#why-biokissed-section .owl-item.active .carousel-item-text::before {
		transition-delay: 1s;
	}

	#why-biokissed-section .media-and-text-carousel .owl-nav {
		right: calc(50% + var(--container-space) - 40px);
		bottom: calc(0.75 * var(--section-space) - 1.375em);
	}

	#why-biokissed-section .media-and-text-carousel .owl-dots {
		position: absolute;
		left: 0;
		bottom: calc(0.75 * var(--section-space));
		margin: 0;
	}

	.menu.icon-only.full-on-medium .menu-item-text {
		display: block;
	}

	.tcm-element {
		max-width: 480px;
	}

	.tcm-element:first-child *:first-child {
		margin-top: 0;
	}

	.charity-statistic-name {
		max-width: 60%;
	}

	.iti-mobile .iti__country-list {
		max-width: 640px;
		max-height: 640px;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}

	:root {
		--quiz-header-height: 60px;
	}

	.biokissed-5-elements-quiz-title {
		transform: scale(2);
		transform-origin: center;
	}

	.quiz-header .progress-text {
		font-size: 1.75rem;
	}

	.quiz-content {
		width: 50%;
		max-width: 720px;
		height: calc(100% - var(--quiz-navigation-height) - var(--header-height));
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}

	.quiz-header {
		padding-right: 16px;
	}

	.quiz-items {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}

	.quiz-question {
		font-size: 2.5rem;
		margin-top: calc(var(--quiz-container-space) - 0.4em);
	}

	.quiz-options {
		margin-top: 60px;
	}

	.quiz-answer-label {
		font-size: 1.125rem;
		gap: 16px;
	}

	.quiz-navigation {
		position: relative;
		height: 80px;
		padding-right: 16px;
		background-color: var(--white);
		border-bottom-right-radius: var(--large-border-radius);
		border-bottom-left-radius: var(--large-border-radius);
	}

	.quiz-navigation::before {
		content: "";
		position: absolute;
		width: 80%;
		height: 2px;
		top: 0;
		left: 10%;
		background: linear-gradient(to right, var(--current-color-transparent), var(--current-color), var(--current-color-transparent));
		opacity: 0.5;
	}

	.quiz-navigation__previous:hover {
		color: var(--current-color-thick);
	}

	.bk-5-elements-list .wp-block-group__inner-container {
		gap: 30px;
	}

	.hero-element .bk-5-elements-list .wp-block-group__inner-container {
		gap: 20px;
	}

	.quiz-result__element-relation-list {
		margin-top: 140px;
		max-width: var(--container-large-width);
		margin-left: auto;
		margin-right: auto;
	}

	.quiz-result__element-relation-list > .wp-block-group__inner-container {
		flex-wrap: nowrap;
	}

	.quiz-result__element-relation {
		flex-basis: 0;
		flex-grow: 1;
		padding-left: 20px;
		padding-right: 20px;
	}

	.quiz-result__element-relation .element-relation-value {
		font-size: 1.25rem;
	}

	.quiz-result__element-explanation .element-explanation-text {
		font-size: 1.125rem;
		margin-top: 0;
	}

	.quiz-result__open-quiz-again .wp-block-group__inner-container {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 20px;
	}

	.wp-block-columns.columns-media-text {
		flex-wrap: nowrap;
		align-items: center;
		gap: var(--container-space);
	}

	.wp-block-columns.columns-media-text.has-background {
		min-height: calc(100vh - 2 * var(--section-space));
		border-radius: var(--main-border-radius);
		overflow: hidden;
	}

	.wp-block-columns.columns-media-text.large-rounded {
		border-radius: var(--large-border-radius);
	}

	.wp-block-columns.columns-media-text.optimal-height {
		height: calc(100vh - var(--section-space));
	}

	.wp-block-columns.columns-media-text.is-image-fill {
		align-items: stretch;
	}

	.wp-block-columns.columns-media-text.equal-width.separated {
		gap: 20px;
		padding: 0;
		background-color: transparent;
	}

	.columns-media-text.is-image-fill.has-background .column-media {
		margin: calc(-1 * var(--container-space)) calc(-1 * var(--section-space));
		margin-right: 0;
	}

	.columns-media-text.is-image-fill.has-background.has-media-on-the-right .column-media {
		margin-right: calc(-1 * var(--container-space));
		margin-left: 0;
	}

	.columns-media-text.equal-width .column-media {
		flex-basis: auto;
		width: 50%;
	}

	.columns-media-text.equal-width.separated .column-media {
		margin: 0;
		border-radius: inherit;
	}

	.columns-media-text.equal-width .column-text {
		flex-basis: auto;
		flex-grow: 0;
		width: calc(50% - var(--container-space));
	}

	.columns-media-text.equal-width.separated .column-text {
		flex-grow: 1;
		align-self: stretch;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		width: 50%;
		padding: var(--section-space) var(--container-space);
		border-radius: inherit;
	}

	.columns-media-text.is-image-fill .column-media img,
	.columns-media-text.is-image-fill .column-media video {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.columns-media-text.is-image-fill.has-background .column-media img,
	.columns-media-text.is-image-fill.separated .column-media img,
	.columns-media-text.is-image-fill.has-background .column-media video,
	.columns-media-text.is-image-fill.separated .column-media video {
		border-radius: 0;
	}

	.columns-media-text .column-media .owl-nav {
		margin: 0;
	}

	.columns-media-text .column-media.nav-nearest .owl-prev {
		top: auto;
		bottom: 40px;
		left: calc(50% - 70px);
	}

	.columns-media-text .column-media.nav-nearest .owl-next {
		top: auto;
		bottom: 40px;
		right: calc(50% - 70px);
	}

	.wp-block-group.carousel.nav-nearest.on-the-left .owl-prev {
		top: auto;
		bottom: 40px;
		left: calc(25% - 70px);
	}

	.wp-block-group.carousel.nav-nearest.on-the-left .owl-next {
		top: auto;
		bottom: 40px;
		right: calc(75% - 70px);
	}

	.wp-block-group.carousel.nav-nearest.on-the-right .owl-prev {
		top: auto;
		bottom: 40px;
		left: calc(75% - 70px);
	}

	.wp-block-group.carousel.nav-nearest.on-the-right .owl-next {
		top: auto;
		bottom: 40px;
		right: calc(25% - 70px);
	}

	.columns-media-text .column-media.nav-inside .owl-dots {
		display: flex;
		position: relative;
		margin-top: -40px;
	}

	.wp-block-group.carousel.nav-nearest.on-the-left .owl-dots {
		left: 25%;
	}

	.wp-block-group.carousel.nav-nearest.on-the-right .owl-dots {
		left: 75%;
	}

	.wp-block-columns.columns-media-text.bottle-mug-carousel {
		flex-wrap: wrap;
	}
}

@media screen and (min-width: 1200px) {
	:root {
		--highlight-menu-height: 30px;
		--container-space: 80px;
		--pop-up-space: 24px;
		--avatar-menu-size: 40px;
		--menu-open-space: 16px;
		--menu-open-top-space: 8px;
		--menu-open-radius: 16px;
		--menu-open-top-position: calc(var(--header-height) + var(--menu-open-top-space));
	}

	h1 {
		font-size: 4em;
		line-height: 1.1;
	}

	h2 {
		font-size: 2.5em;
		line-height: 1.2;
	}

	h3 {
		font-size: 2em;
		line-height: 1.375;
	}

	h4 {
		font-size: 1.5em;
	}

	body.has-white-header-color.sub-menu-active #top-navigation::before {
		background-color: var(--menu-background);
	}

	body.has-white-header-color.sub-menu-active #top-left-navigation .menu,
	body.has-white-header-color.sub-menu-active #top-right-text-navigation .menu {
		color: var(--current-color);
	}

	body.has-white-header-color.sub-menu-active .site-header svg {
		fill: var(--current-color);
	}

	#top-navigation {
		flex-grow: 1;
	}

	#menu-button,
	#menu-close-button,
	#menu-back-button {
		display: none;
	}

	body.sub-menu-active #menu-close-button {
		display: inline-flex;
		transform: none;
		opacity: 1;
		visibility: visible;
		top: calc(var(--header-height) + var(--menu-open-top-space) + 4px);
		right: calc(var(--menu-open-space) + 4px);
		height: auto;
		min-width: 32px;
		min-height: 32px;
		padding: 0;
		border-radius: 50%;
		background-color: var(--white);
		color: var(--current-color);
		fill: var(--current-color);
		box-shadow: 0 2px 6px var(--black-soft);
	}

	body.sub-menu-active #menu-close-button .button-icon {
		width: 16px;
		height: 16px;
	}

	body.sub-menu-active #menu-close-button svg {
		fill: inherit;
	}

	#language-options {
		margin-right: calc(var(--page-space) - var(--menu-item-space));
	}

	#top-left-navigation {
		--menu-background: var(--white);
		--menu-image-width: calc(0.5 * (var(--viewport-width) - 2 * var(--menu-open-space)));
		--menu-image-height: calc(3 / 4 * var(--menu-image-width));
		--max-menu-image-height: calc(100vh - var(--header-height) - 80px);
		--max-menu-image-width: calc(4 / 3 * var(--max-menu-image-height));
		--menu-item-hspace: 20px;
		--menu-item-vspace: 20px;
		--menu-item-gap: 8px;
		--sub-menu-item-hspace: 30px;
		--sub-menu-item-vspace: 20px;
		position: relative;
		top: 0;
		left: 0;
		opacity: 1;
		visibility: visible;
		margin-left: 0;
		margin-right: auto;
		width: auto;
		height: auto;
	}

	#top-left-navigation .menu {
		font-size: 1em;
		font-weight: 400;
		margin: 0;
		padding: 0;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		overflow: visible;
	}

	#top-left-navigation .menu > .menu-item {
		position: relative;
	}

	#top-left-navigation .menu > .menu-item-has-children::before {
		content: "";
		position: fixed;
		width: 100%;
		height: 0;
		top: 0;
		left: 0;
		background: linear-gradient(to bottom, var(--white) var(--header-height), var(--white-transparent));
		backdrop-filter: blur(30px) contrast(1.2) brightness(0.6) saturate(1.5);
		z-index: -1;
		visibility: hidden;
		transition: height 0s;
	}

	#top-left-navigation .menu > .menu-item-has-children.active::before {
		height: 300vh;
		visibility: visible;
	}

	#top-left-navigation .menu > .menu-item::after,
	#top-right-text-navigation .menu > .menu-item::after {
		content: "";
		position: absolute;
		width: calc(100% + 30px);
		height: 0;
		left: 50%;
		bottom: 1px;
		transform: translateX(-50%);
		background: linear-gradient(to right, var(--current-color-transparent), var(--current-color) 50%, var(--current-color-transparent));
	}

	#top-left-navigation .menu > .menu-item:first-child::after {
		width: calc(100% + var(--page-space) - var(--menu-item-space));
		left: 0;
		transform: none;
	}

	#top-left-navigation .menu > .menu-item:hover::after,
	#top-right-text-navigation .menu > .menu-item:hover::after {
		height: 1px;
	}

	#top-left-navigation .menu > .menu-item > a {
		position: relative;
		height: var(--header-height);
		padding: 0 var(--menu-item-space);
	}

	#top-left-navigation .menu > .menu-item > a::before {
		content: "";
		position: absolute;
		width: calc(100% - 2px);
		height: calc(100% - 28px);
		top: 14px;
		left: 1px;
		border: 1px solid var(--current-color-supersoft);
		background-color: var(--current-color-extrasoft);
		border-radius: var(--main-border-radius);
		z-index: -1;
		opacity: 0;
		transition: 0.3s;
	}

	#top-left-navigation .menu > .menu-item:first-child > a::before {
		width: calc(100% - 2px - var(--page-space) + var(--menu-item-space));
		left: calc(var(--page-space) - var(--menu-item-space));
	}

	#top-left-navigation .menu > .menu-item.active > a::before {
		opacity: 1;
	}

	#top-left-navigation .menu > .menu-item > .sub-menu {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		position: fixed;
		width: calc(100% - 2 * var(--menu-open-space));
		height: var(--menu-image-height);
		max-height: var(--max-menu-image-height);
		top: var(--menu-open-top-space);
		left: var(--menu-open-space);
		padding: 0;
		padding-right: var(--menu-image-width);
		border-radius: var(--menu-open-radius);
		opacity: 0;
		visibility: hidden;
		transition: 0s;
		color: var(--current-color);
		box-shadow: -1px 1px 3px var(--current-color-soft), inset 0 1px 6px var(--current-color-supersoft);
		overflow-y: auto;
	}

	#top-left-navigation .menu > .menu-item > .sub-menu::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: var(--current-color-supersoft);
		z-index: -1;
	}

	#top-left-navigation .menu > .menu-item.active > .sub-menu {
		opacity: 1;
		visibility: visible;
		transform: none;
		transition: 0s;
	}

	#top-left-navigation .menu-item > a {
		padding-left: 0;
		padding-right: 0;
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item {
		width: var(--main-menu-item-width);
		margin-top: 0;
		margin-right: 0;
		border-width: 0;
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item-has-children > a::after {
		display: none;
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item-has-children::before {
		content: "";
		display: block;
		position: fixed;
		width: var(--main-menu-item-width);
		height: var(--menu-image-height);
		max-height: var(--max-menu-image-height);
		top: var(--menu-open-top-position);
		left: var(--menu-open-space);
		right: auto;
		transform: none;
		background-color: transparent;
		border-radius: unset;
		opacity: 0;
		visibility: hidden;
		z-index: -1;
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item-has-children::after {
		content: "";
		display: block;
		position: fixed;
		width: calc(100% - var(--main-menu-item-width) - 2 * var(--menu-open-space));
		height: var(--menu-image-height);
		max-height: var(--max-menu-image-height);
		top: var(--menu-open-top-position);
		left: calc(var(--main-menu-item-width) + var(--menu-open-space));
		right: auto;
		transform: none;
		background-color: transparent;
		border-radius: unset;
		opacity: 0;
		visibility: hidden;
		z-index: 0;
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item-has-children:hover::before,
	#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item-has-children.active::before,
	#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item-has-children:hover::after,
	#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item-has-children.active::after {
		visibility: visible;
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item.has-button-text {
		padding: 0;
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item.has-button-text > a {
		margin-bottom: var(--menu-item-gap);
		padding-left: var(--menu-item-hspace);
		padding-right: var(--menu-item-hspace);
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item.has-button-text > a:not(:hover) {
		background-color: transparent;
		border-color: transparent;
		color: var(--current-color);
		fill: var(--current-color);
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item.has-button-text:not(.has-menu-item-image):hover > a {
		box-shadow: none;
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item.has-button-text .button.solid svg {
		fill: inherit;
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item > a {
		position: relative;
		font-size: 1.375rem;
		font-weight: 600;
		padding-top: var(--menu-item-vspace);
		padding-bottom: var(--menu-item-vspace);
		padding-left: var(--menu-item-hspace);
		padding-right: var(--menu-item-hspace);
		margin-top: var(--menu-item-gap);
		margin-left: var(--menu-item-gap);
		border-radius: var(--main-border-radius);
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item-has-children > a {
		padding-right: calc(var(--menu-item-hspace) + 28px);
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item:not(.has-menu-item-image):hover > a {
		background-color: var(--current-color);
		color: var(--white);
		box-shadow: inset 0 1px 6px var(--black-extrasoft);
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item-has-children > a::before {
		content: "";
		position: absolute;
		width: 10px;
		height: 10px;
		top: 50%;
		right: calc(var(--menu-item-hspace) + 2px);
		border: 2px solid var(--current-color);
		border-left-width: 0;
		border-bottom-width: 0;
		transform: translateY(-50%) rotate(45deg);
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item-has-children.active > a::before,
	#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item-has-children:hover > a::before {
		border-color: var(--white);
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item-has-children > a::after {
		content: "";
		width: 50%;
		height: 320%;
		top: 50%;
		left: 50%;
		border-radius: 0;
		clip-path: polygon(0 50%, 100% 0, 100% 100%);
		background-color: transparent;
		display: none;
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item-has-children:hover > a::after {
		display: block;
	}

	#top-left-navigation .sub-menu .sub-menu a {
		position: relative;
		padding: var(--sub-menu-item-vspace) var(--sub-menu-item-hspace);
		line-height: 1.25;
	}

	#top-left-navigation .sub-menu .sub-menu a::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 1px;
		bottom: 0;
		left: 0;
		background: linear-gradient(to right, var(--text-color-transparent) 40px, var(--text-color) 60px, var(--text-color-transparent));
		opacity: 0.08;
	}

	#top-left-navigation .sub-menu .sub-menu .menu-item:last-child > a::before {
		display: none;
	}

	#top-left-navigation .sub-menu .sub-menu a:hover {
		color: var(--current-color);
	}

	#top-left-navigation .sub-menu .sub-menu > .menu-item:first-child > a {
		padding-top: 30px;
	}

	#top-left-navigation .sub-menu a:hover .menu-item-text {
		/*opacity: 0.5;*/
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item-has-children.active > a {
		margin-bottom: 0;
		background-color: var(--current-color);
		color: var(--white);
	}

	#top-left-navigation .menu > .menu-item > .sub-menu.has-highlight-menu > .menu-item:not(.has-highlight-menu):not(.has-button-text):not(.has-menu-item-image),
	#top-left-navigation .menu > .menu-item > .sub-menu > .has-highlight-menu {
		margin-top: 0;
		border: none;
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .has-highlight-menu.active {
		padding-top: 0;
	}
	
	#top-left-navigation .menu > .menu-item > .sub-menu > .has-highlight-menu > a {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
		/*padding-top: calc(var(--menu-item-vspace) - 12px);
		padding-bottom: calc(var(--menu-item-vspace) - 8px);*/
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .has-highlight-menu.active > a,
	#top-left-navigation .menu > .menu-item > .sub-menu > .has-highlight-menu:hover > a {
		padding-top: calc(var(--menu-item-vspace) - 12px);
		padding-bottom: calc(var(--menu-item-vspace) - 8px);
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .has-highlight-menu .highlight-text {
		flex-basis: auto;
		justify-content: flex-start;
		position: absolute;
		top: auto;
		right: auto;
		/*width: calc(100% + 2 * var(--highlight-menu-space));
		padding: 0.625rem var(--highlight-menu-space);
		margin-left: calc(-1 * var(--highlight-menu-space));
		margin-right: calc(-1 * var(--highlight-menu-space));
		margin-bottom: 0;*/
		padding: 0;
		padding-left: 1px;
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .has-highlight-menu .highlight-text::before,
	#top-left-navigation .menu > .menu-item > .sub-menu > .has-highlight-menu .highlight-text::after {
		display: none;
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .has-highlight-menu.active .highlight-text,
	#top-left-navigation .menu > .menu-item > .sub-menu > .has-highlight-menu:hover .highlight-text {
		position: relative;
		opacity: 1;
		visibility: visible;
		transition: 0.8s;
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .has-highlight-menu:hover .highlight-text::before,
	#top-left-navigation .menu > .menu-item:hover > .sub-menu.has-highlight-menu:not(:hover) > .has-highlight-menu:first-of-type .highlight-text::before {
		width: 100%;
		transition: 1s;
	}

	#top-left-navigation .menu-item-image {
		display: block;
		position: fixed;
		width: var(--menu-image-width);
		height: var(--menu-image-height);
		max-width: var(--max-menu-image-width);
		max-height: var(--max-menu-image-height);
		top: var(--menu-open-top-position);
		right: var(--menu-open-space);
		opacity: 0;
		visibility: hidden;
		transition: 0.3s;
	}

	#top-left-navigation .menu-item.active > a > .menu-item-image,
	#top-left-navigation .menu-item:hover > a > .menu-item-image {
		opacity: 1;
		visibility: visible;
	}

	#top-left-navigation .menu-item-image img {
		width: 100%;
		height: 100%;
		border-radius: var(--menu-open-radius);
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		-o-object-fit: cover;
		object-fit: cover;
	}

	#top-left-navigation .menu > .menu-item > a > .menu-item-image {
		display: none;
	}

	#top-left-navigation > .menu > .menu-item > .sub-menu > .has-menu-item-image {
		display: block;
		position: absolute;
		width: 100%;
		height: var(--menu-open-top-space);
		top: calc(-1 * var(--menu-open-top-space));
		left: 0;
		margin: 0;
		z-index: -1;
	}

	#top-left-navigation > .menu > .menu-item > .sub-menu > .has-menu-item-image > a {
		display: block;
		position: fixed;
		width: 0;
		height: 0;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
	}

	#top-left-navigation .menu > .menu-item > a:hover + .sub-menu > .has-menu-item-image .menu-item-image {
		/*opacity: 1;*/
		/*visibility: visible;*/
	}

	#top-left-navigation .has-menu-item-image:hover .menu-item-image {
		opacity: 1;
		visibility: visible;
	}

	#top-left-navigation .menu > .menu-item > .sub-menu > .menu-item.has-button-text:hover + .has-menu-item-image .menu-item-image {
		opacity: 1;
		visibility: visible;	
	}

	#top-left-navigation .sub-menu .sub-menu {
		font-size: 1rem;
		position: fixed;
		width: calc(100% - var(--main-menu-item-width) - var(--menu-image-width) - 2 * var(--menu-open-space));
		height: auto;
		max-height: var(--menu-image-height);
		top: var(--menu-open-top-position);
		left: calc(var(--main-menu-item-width) + var(--menu-open-space));
		overflow-y: auto;
		opacity: 0;
		visibility: hidden;
		z-index: 1;
	}

	#top-left-navigation .sub-menu .sub-menu::before {
		content: "";
		position: fixed;
		width: var(--menu-image-width);
		height: var(--menu-image-height);
		max-width: var(--max-menu-image-width);
		max-height: var(--max-menu-image-height);
		top: var(--menu-open-top-position);
		right: var(--menu-open-space);
		background-color: var(--white);
		opacity: 0;
		visibility: hidden;
		transition: 0.3s;
		border-radius: var(--menu-open-radius);
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

	#top-left-navigation .sub-menu .sub-menu:hover::before {
		opacity: 1;
		visibility: visible;
	}

	#top-left-navigation .sub-menu .menu-item.active .sub-menu {
		padding-bottom: 0;
	}

	#top-left-navigation .sub-menu .menu-item.active > .sub-menu,
	#top-left-navigation .sub-menu .menu-item:hover > .sub-menu {
		opacity: 1;
		visibility: visible;
	}

	.sub-menu-active #top-left-navigation .menu > .menu-item > a:first-child {
		transform: none;
		opacity: 1;
		visibility: visible;
	}

	.sub-menu-active #top-right-text-navigation .menu {
		transform: none;
	}

	#top-right-text-navigation .menu > .menu-item {
		position: relative;
	}

	#top-right-icon-navigation .menu-item:last-child > a {
		padding-right: var(--page-space);
	}

	#search-form {
		max-width: 450px;
	}

	.site-header.center .site-branding {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

	.site-header.center #top-left-navigation > .menu > .menu-item:first-child > a:first-child {
		padding-left: var(--page-space);
	}

	.pop-up-menu {
		right: calc(var(--page-space) - 5px);
	}

	.logged-in .main-pop-up-menu {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		position: absolute;
		top: var(--header-height);
		right: calc(var(--page-space) - 5px);
		box-shadow: -1px 1px 6px var(--black-extrasoft);
		border-radius: var(--main-border-radius);
		display: none;
	}

	.logged-in .main-pop-up-menu.active {
		display: flex;
		-webkit-animation: pop-up-show-up 0.5s;
		animation: pop-up-show-up 0.5s;
	}

	.logged-in .main-pop-up-menu .pop-up-menu {
		display: block;
		position: relative;
		top: 0;
		right: 0;
		box-shadow: none;
	}

	.logged-in .main-pop-up-menu .pop-up-menu::before {
		border-width: 0;
	}

	.logged-in .main-pop-up-menu .pop-up-menu.active {
		-webkit-animation: none;
		animation: none;
	}

	.logged-in #language-currency-options {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		z-index: 2;
	}

	.logged-in #language-currency-options .pop-up-menu-close-button {
		opacity: 0;
		visibility: hidden;
	}

	.logged-in #language-currency-options li::after {
		height: calc(100% - 8px);
		top: 4px;
	}

	.logged-in #language-currency-options a {
		padding-top: calc(0.75 * var(--pop-up-space));
		padding-bottom: calc(0.75 * var(--pop-up-space));
	}

	.logged-in #account-menu-options {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		min-width: 264px;
	}

	.logged-in #account-menu-options .pop-up-menu-title {
		/*display: none;*/
		padding-left: 8px;
		max-width: 180px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.logged-in .account-menu-list a {
		padding-left: 32px;
	}

	#footer-navigation .menu > .menu-item.separator {
		margin-right: auto;
	}

	#footer-navigation .feedback-menu {
		flex-basis: 30%;
	}

	.wp-block-buttons.alignfull.normal-on-large-screen {
		width: auto;
	}
	
	.wp-block-pullquote {
		font-size: 2.5em;
		line-height: 1.2;
	}

	.wp-block-pullquote.sans-serif-text {
		font-size: 2em;
	}

	.hero-element.side-by-side .hero-title {
		font-size: 4em;
	}

	.heading-section {
		margin-bottom: var(--section-space);
	}

	.product-philosophy {
		padding-left: calc(0.5 * (var(--viewport-width) - var(--container-wide-width)));
		padding-right: calc(0.5 * (var(--viewport-width) - var(--container-wide-width)));
	}

	.no-hero-background.standard-layout .entry-title {
		max-width: var(--container-wide-width);
		margin-bottom: var(--section-space);
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.standard-layout .entry-content {
		max-width: var(--container-default-width);
		margin-left: auto;
		margin-right: auto;
	}

	.search-results .site-main {
		max-width: var(--container-wide-width);
	}

	.search-results .post-thumbnail::before {
		max-width: calc(var(--container-wide-width) - 2 * var(--container-space));
	}

	.earth-values .wp-block-group__inner-container {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
	}

	.earth-values p {
		width: calc(20% - 20px);
		padding: 1.5rem;
		padding-top: 96px;
		font-size: 0.75rem;
	}

	.earth-values p::before {
		justify-content: flex-start;
		width: 100%;
		height: 80px;
		padding-left: 1.5rem;
		border-right-width: 0;
		border-bottom: 1px solid var(--black-supersoft);
	}

	.earth-values p strong {
		display: block;
		font-size: 1rem;
		margin-bottom: 0.75rem;
	}

	.page-member-resources {
		/*--container-space: 120px;*/
		/*--section-space: 100px;*/
	}

	.title-with-logo-icon-text h1,
	.title-with-logo-text h1 {
		font-size: 4em;
	}

	.title-with-logo-text h2 {
		font-size: 3.5em;
	}

	.wp-block-cover.decorative .wp-block-cover__inner-container {
		width: 50%;
	}

	.wp-block-cover.decorative.bottom .focus-image img {
		width: 125%;
		left: -12.5%;
		top: 22%;
	}

	.pdf-links-list {
		--column-gap: 30px;
	}

	.pdf-links-list.small .wp-block-group__inner-container {
		max-width: calc(1200px + 2 * var(--column-gap));
		margin-left: auto;
		margin-right: auto;
	}

	.video-links-list {
		--column-count: 3;
	}

	.video-link-wrapper.blackout.embed-video-clicked {
		background-color: var(--black);
		color: var(--white);
	}

	.video-link-wrapper.has-background .video-link {
		height: 70vh;
		padding: 0;
	}

	.pdf-flip-wrapper .df-container.df-floating > .df-ui-prev,
	.pdf-flip-wrapper .df-container.df-floating > .df-ui-next {
		width: 64px;
		height: 64px;
		border: 1px solid var(--white);
		border-radius: 50%;
	}

	.pdf-flip-wrapper .df-container.df-floating > .df-ui-prev {
		left: var(--container-space);
		padding-right: 8px;
	}

	.pdf-flip-wrapper .df-container.df-floating > .df-ui-next {
		right: var(--container-space);
		padding-left: 8px;
	}

	#nomad-product-range-section .wp-block-gallery {
		--gallery-item-space: 16px;
	}

	#nomad-product-range-section .pdf-links-list {
		--column-count: 5;
	}

	#nomad-product-range-section .pdf-links-list.has-bigger-item {
		--column-count: 3;
	}

	.pdf-links-list.has-bigger-item .wp-block-group__inner-container {
		padding-left: 40%;
	}

	.pdf-flip-link.bigger {
		position: absolute;
		width: 40%;
		top: 0;
		left: 0;
	}

	.box-list {
		--column-count: 3;
	}

	.pop-up-content .long-content .iframe-video-wrapper {
		width: var(--container-wide-width);
		margin-left: auto;
		margin-right: auto;
	}

	.pop-up-content .long-content .iframe-video {
		width: var(--container-wide-width);
		height: calc(9 / 16 * (var(--container-wide-width) - 8px) + 8px);
		margin-left: auto;
		margin-right: auto;
	}

	.charity-item-list {
		--column-count: 3;
		--column-gap: var(--element-space);
	}

	.charity-details-content {
		width: var(--container-wide-width);
		margin-left: auto;
		margin-right: auto;
	}

	.text-gallery-overlap .text-section p {
		max-width: 480px;
	}

	.text-gallery-overlap .gallery-section {
		width: calc(50% + var(--column-gap) - 2 * var(--gallery-item-space));
		margin-left: calc(-1 * (var(--column-gap) - 2 * var(--gallery-item-space)));
	}

	.footer-end .cta-escort > .wp-block-group__inner-container {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.footer-end .cta-escort .button-wrapper {
		flex-shrink: 0;
		flex-grow: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 20px;
	}

	.horizontal-menu {
		padding-left: calc(var(--container-space) - 2px);
		padding-right: calc(var(--container-space) - 2px);
	}

	.menu.icon-only.full-on-large .menu-item-text {
		display: block;
	}

	.media-and-text-carousel .carousel-item-text {
		max-width: 720px;
		margin-right: auto;
	}

	#why-biokissed-section .carousel-item-text {
		max-width: 800px;
		margin-top: 340px;
		padding-right: calc(var(--container-space) + 10px);
	}

	#why-biokissed-section .carousel-item-text p {
		font-size: 1.75rem;
	}

	.title-with-logo-icon-text + p {
		max-width: 480px;
	}

	.wp-block-pullquote > * {
		/*max-width: 800px;*/
	}

	.pop-up-content__details {
		max-width: var(--container-default-width);
		margin-left: auto;
		margin-right: auto;
	}

	.pop-up-content__details > .alignfull {
		margin-left: calc(-0.5 * (var(--viewport-width) - var(--container-default-width)));
		margin-right: calc(-0.5 * (var(--viewport-width) - var(--container-default-width)));
	}

	.standard-layout .entry-content > .alignwide {
		width: var(--container-wide-width);
		margin-left: calc(0.5 * (var(--container-default-width) - var(--container-wide-width)));
	}

	.bottle-mug-carousel .wp-block-quote {
		font-size: 1.375rem;
	}

	.wp-block-columns.columns-media-text.bottle-mug-carousel {
		flex-wrap: nowrap;
		align-items: stretch;
		padding: 0;
	}

	.wp-block-columns.columns-media-text.bottle-mug-carousel .column-media {
		flex-basis: 200%;
		margin: 0;
	}

	.wp-block-columns.columns-media-text.bottle-mug-carousel .owl-stage-outer {
		border-radius: 0;
	}

	.wp-block-columns.columns-media-text.bottle-mug-carousel .column-text {
		margin: var(--container-space);
		margin-left: 0;
	}
}

@media screen and (min-width: 1200px) and (min-height: 800px) {
	.wp-block-columns.columns-media-text.bottle-mug-carousel .column-media {
		flex-basis: 300%;
	}
}

@media screen and (min-width: 1360px) {
	#footer-navigation .socmed-links {
		/*flex-basis: 50%;*/
	}
	
	#footer-navigation .menu > .menu-item.trademark.inline {
		flex-basis: auto;
		flex-grow: 0;
		background-color: transparent;
		box-shadow: none;
		margin-top: 3em;
		margin-bottom: 0;
		margin-left: calc(2 * var(--menu-item-space));
		margin-right: 0;
		padding: 0;
		height: auto;
	}

	#footer-navigation .menu-item.trademark.inline > a {
		margin-right: calc(2 * var(--menu-item-space));
	}

	#why-biokissed-section .carousel-item-text {
		padding-top: 0;
		margin-top: 300px;
		padding-bottom: calc(0.35 * var(--section-space) + 1.375em);
		margin-bottom: calc(0.85 * var(--section-space) + 1.375em);
	}

	#why-biokissed-section .carousel-item-text::before {
		top: auto;
		bottom: -56px;
		left: calc(var(--container-space) - 12px);
	}

	#why-biokissed-section .media-and-text-carousel .owl-nav {
		bottom: calc(0.85 * var(--section-space) - 1.375em);
	}

	#why-biokissed-section .media-and-text-carousel .owl-dots {
		left: 90px;
		bottom: calc(0.85 * var(--section-space));
	}
}

@media screen and (min-width: 1440px) {
	.bottle-mug-carousel .wp-block-quote {
		font-size: 1.5rem;
	}
}

@media screen and (min-width: 1500px) {
	.wp-block-buttons.alignfull.normal-on-xlarge-screen {
		width: auto;
	}

	.page-index-list {
		margin-left: auto;
		margin-right: auto;
	}

	body.has-page-index .entry-content {
		margin-left: auto;
	}

	body.has-page-index.page-index-on-the-left .entry-content {
		margin-right: auto;
		margin-left: var(--container-space);
	}

	.box-list {
		--column-count: 4;
	}

	.pop-up-content.has-iframe {
		--pop-up-width: 1280px;
	}

	.bottle-mug-carousel .wp-block-quote {
		font-size: 1.625rem;
	}
}

@media screen and (min-width: 1800px) {
	.pop-up-content.has-iframe {
		--pop-up-width: 1440px;
	}
}

/* -----------------------------------------------------------------------------
# WooCommerce
----------------------------------------------------------------------------- */
.woocommerce-breadcrumb {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 0.75em;
	line-height: 1;
	padding: 0.5em var(--page-space);
	width: 100%;
	height: var(--breadcrumb-height);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background: linear-gradient(to right, var(--current-color-soft), var(--current-color-transparent));
	/*position: fixed;
	top: var(--header-height);
	left: 0;
	z-index: 2;
	transition: 0.3s;
	transform: translate3d(0, 0, 0);*/
	margin-left: calc(-1 * var(--container-space));
}

body.single-product .woocommerce-breadcrumb::before,
body.single-product .woocommerce-breadcrumb::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background: linear-gradient(to right, var(--current-color-transparent), var(--current-color), var(--current-color-transparent));
	opacity: 0;
}

body.single-product .woocommerce-breadcrumb::after {
	top: auto;
	bottom: 0;
}

body.hfeed .woocommerce-breadcrumb {
	display: none;
}

body.scrolled .woocommerce-breadcrumb {
	/*transform: translate3d(0, -100%, 0);*/
}

.woocommerce-breadcrumb a {
	font-weight: 600;
	text-decoration: none;
}

body.has-hero-background .woocommerce-breadcrumb {
	background: linear-gradient(to right, var(--white), var(--white-supersoft));
}

body.has-hero-background .woocommerce-products-header {
	position: relative;
}

body.has-hero-background .woocommerce-products-header .header-content {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: var(--section-space);
	color: var(--contrast-color);
}

.woocommerce-products-header .hero-background::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 50%;
	left: 0;
	bottom: 0;
	background: linear-gradient(to top, var(--black-thick), var(--black-transparent));
}

body.woocommerce.archive .woocommerce-products-header .header-content {
	text-align: center;
}

.woocommerce-info,
.woocommerce-error,
.woocommerce-message {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	font-size: 0.875em;
	margin-top: var(--element-space);
	padding: 1em;
	padding-left: 4em;
	/*background-color: var(--info-color-supersoft);*/
	background-color: var(--off-white);
	border: 1px solid var(--info-color-half);
	border-radius: var(--main-border-radius);
	z-index: 2;
}

body.single.woocommerce .woocommerce-info,
body.single.woocommerce .woocommerce-error,
body.single.woocommerce .woocommerce-message {
	margin-bottom: var(--element-space);
}

@media screen and (min-width: 960px) {
	body.single.woocommerce .woocommerce-info,
	body.single.woocommerce .woocommerce-error,
	body.single.woocommerce .woocommerce-message {
		margin-top: 0;
		margin-bottom: var(--product-image-space);
	}
}

.woocommerce-info::before,
.woocommerce-error::before,
.woocommerce-message::before {
	content: "i";
	font-size: 1em;
	font-weight: 600;
	line-height: initial;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 1.5rem;
	height: 1.5rem;
	top: 50%;
	left: 1rem;
	transform: translateY(-50%);
	border-radius: 50%;
	border: 1px solid var(--info-color);
	color: var(--info-color);
}

.woocommerce-info::after,
.woocommerce-error::after,
.woocommerce-message::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: inherit;
	background-color: var(--info-color-supersoft);
	z-index: -1;
}

.woocommerce-error {
	--info-color: var(--error-color);
	--info-color-half: var(--error-color-half);
	--info-color-soft: var(--error-color-soft);
	--info-color-supersoft: var(--error-color-supersoft);
}

.woocommerce-message {
	--info-color: var(--success-color);
	--info-color-half: var(--success-color-half);
	--info-color-soft: var(--success-color-soft);
	--info-color-supersoft: var(--success-color-supersoft);
}

ul.woocommerce-info,
ul.woocommerce-error,
ul.woocommerce-message {
	flex-wrap: wrap;
	list-style-type: none;
}

.woocommerce-info li,
.woocommerce-error li,
.woocommerce-message li {
	width: 100%;
	padding: 0.5em 0;
	border-bottom: 1px solid var(--info-color-soft);
	margin-top: 0;
}

.woocommerce-info li:first-child,
.woocommerce-error li:first-child,
.woocommerce-message li:first-child {
	padding-top: 0;
}

.woocommerce-info li:last-child,
.woocommerce-error li:last-child,
.woocommerce-message li:last-child {
	padding-bottom: 0;
	border-bottom-width: 0;
}

.woocommerce-info a,
.woocommerce-error a,
.woocommerce-message a {
	font-weight: 600;
	color: var(--info-color);
	text-decoration: none;
}

.woocommerce-cart .woocommerce-message a[href*="cart"] {
	display: none;
}

.woocommerce-cart .woocommerce-message a[href*="basket"] {
	display: none;
}

.woocommerce-cart .woocommerce-message a[href*="keranjang"] {
	display: none;
}

.woocommerce-info.has-button,
.woocommerce-error.has-button,
.woocommerce-message.has-button {
	flex-wrap: nowrap;
}

.woocommerce-info .button,
.woocommerce-error .button,
.woocommerce-message .button {
	order: 1;
	font-size: 0.875rem;
	min-height: var(--button-small-height);
	padding: var(--button-small-padding);
	white-space: nowrap;
	flex-shrink: 0;
	margin-left: 1em;
	text-align: center;
	--current-color: var(--info-color);
	--current-color-half: var(--info-color-half);
}

.woocommerce-info .button:hover,
.woocommerce-info .button:focus,
.woocommerce-error .button:hover,
.woocommerce-error .button:focus,
.woocommerce-message .button:hover,
.woocommerce-message .button:focus {
	color: var(--contrast-color);
}

.member-info.woocommerce-message p:first-child {
	margin-top: 0;
}

.member-info.woocommerce-message a {
	display: block;
	font-weight: 400;
	color: inherit;
}

.member-info.woocommerce-message a strong {
	color: var(--info-color);
}

.woocommerce-Price-currencySymbol {
	margin-right: 3px;
}

/* WooCommerce field and form */
.woocommerce-billing-fields .select-container::before {
	display: none;
}

label,
.label-text {
	display: block;
	font-size: 0.625em;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

label .required {
	font-size: 2em;
	text-decoration: none;
	color: var(--current-color);
	position: relative;
	top: 6px;
	left: 4px;
	line-height: 0;
}

label .optional {
	opacity: 0.5;
}

.woocommerce-input-wrapper,
label + input,
label + .password-input,
.label-text + .value-text {
	display: block;
	margin-top: 0.375em;
}

.woocommerce-invalid input,
.woocommerce-input-wrapper .invalid-field,
.woocommerce-invalid .select2-container--default .select2-selection--single .select2-selection__rendered,
.invalid-field + .select2-container--default .select2-selection--single .select2-selection__rendered {
	border-color: var(--error-color);
	background-color: var(--error-color-supersoft);
}

.woocommerce-validated .woocommerce-input-wrapper .invalid-field,
.woocommerce-validated .invalid-field + .select2-container--default .select2-selection--single .select2-selection__rendered {
	border-color: var(--current-color);
	background-color: var(--contrast-color);
}

.select2-container .select2-selection--single {
	margin: 0;
}

.select2-container--default .select2-selection--single {
	border: none;
	border-radius: 0;
	height: var(--field-height);
	background-color: transparent;
	outline: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	display: block;
	height: var(--field-height);
	padding: var(--field-padding);
	padding-right: 2.5em;
	border: var(--main-border-size) solid var(--current-color);
	border-radius: var(--main-border-radius);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: var(--contrast-color-superthick);
	color: var(--text-color-thick);
	fill: var(--text-color-thick);
	font-weight: 500;
	line-height: initial;
}

.select2-container--focus .select2-selection--single .select2-selection__rendered {
	background-color: var(--contrast-color);
}

.select2-container--open .select2-selection--single .select2-selection__rendered {
	background-color: var(--contrast-color);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	position: absolute;
	width: 0.5em;
	height: 0.5em;
	top: 1rem;
	right: 1em;
	border: 0.25em solid var(--current-color);
	border-top-color: transparent;
	border-right-color: transparent;
	transform: rotate(-45deg);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none;
}

.select2-container--open .select2-dropdown--above,
.select2-container--open .select2-dropdown--below {
	margin: 0;
	padding: 0.5em;
	border: var(--main-border-size) solid var(--current-color);
	border-radius: var(--main-border-radius);
}

.select2-container--open .select2-dropdown--above {
	top: -0.5em;
}

.select2-container--open .select2-dropdown--below {
	top: 0.5em;
}

.select2-search--dropdown {
	padding: 0;
	padding-bottom: 0.5em;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid var(--current-color);
	border-radius: var(--small-border-radius);
	padding: var(--field-padding);
}

.select2-container--default .select2-results>.select2-results__options {
	max-height: 220px;
}

.select2-results__option {
	padding: 0.625em 0.75em;
	margin-top: 0;
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true] {
	background-color: var(--text-color-supersoft);
	border-radius: var(--small-border-radius);
	outline: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: var(--current-color);
	border-radius: var(--small-border-radius);
	outline: 0;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: var(--current-color-half);
}

.form-row-rememberme {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.woocommerce-form-login__rememberme {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	line-height: initial;
}

.woocommerce-form-login__rememberme span {
	margin-left: 0.5rem;
}

.woocommerce-validated input[type="checkbox"] {
	background-color: var(--current-color);
	border-color: var(--contrast-color);
}

.lost_password {
	padding: 0.5rem 0;
	border-top: var(--thin-border-style);
}

.lost_password a {
	font-weight: 600;
	color: var(--current-color);
	text-decoration: none;
}

.woocommerce-input-wrapper .iti {
	width: 100%;
}

.woocommerce-input-wrapper .iti--allow-dropdown.opened .iti__flag-container {
	width: 100%;
}

.woocommerce-input-wrapper .iti__selected-flag {
	padding: 0 0.5em 0 0.875em;
}

.woocommerce-input-wrapper .iti__arrow {
	margin-left: 8px;
}

.woocommerce-input-wrapper .iti--allow-dropdown input,
.woocommerce-input-wrapper .iti--allow-dropdown input[type=text],
.woocommerce-input-wrapper .iti--allow-dropdown input[type=tel],
.woocommerce-input-wrapper .iti--separate-dial-code input,
.woocommerce-input-wrapper .iti--separate-dial-code input[type=text], 
.woocommerce-input-wrapper .iti--separate-dial-code input[type=tel] {
	padding-left: 3.75em;
	padding-right: 0.75em;
}

.woocommerce-input-wrapper .iti__country-list {
	width: 100%;
	border: var(--main-border-size) solid var(--current-color);
	border-radius: var(--main-border-radius);
	padding: 0;
	box-shadow: none;
	min-height: 332px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	white-space: normal;
}

.iti-mobile .iti--container::before {
	content: "";
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--white-thick);
	backdrop-filter: blur(8px);
	z-index: -1;
}

.iti-mobile .iti__country-list {
	border: var(--main-border-size) solid var(--current-color);
	border-radius: var(--main-border-radius);
	padding: 0;
	white-space: normal;
}

.woocommerce-input-wrapper .iti__country,
.iti-mobile .iti__country {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0.75em 0.8em;
	margin: 0;
}

.iti-mobile .iti__country {
	padding: 0.75em 1em !important;
}

.woocommerce-input-wrapper .iti__country.iti__highlight,
.iti-mobile .iti__country.iti__highlight {
	background-color: var(--current-color);
	color: var(--white);
}

.woocommerce-input-wrapper .iti__flag-box,
.iti-mobile .iti__flag-box {
	margin-right: 12px;
}

.woocommerce-input-wrapper .iti__country-name,
.iti-mobile .iti__country-name {
	margin-right: 20px;
}

.woocommerce-input-wrapper .iti__dial-code,
.iti-mobile .iti__dial-code {
	margin-left: auto;
}

.woocommerce-input-wrapper .iti__country.iti__highlight .iti__dial-code,
.iti-mobile .iti__country.iti__highlight .iti__dial-code {
	color: var(--white);
}

/* Shop or archive page */
:root {
	--product-bg-color: #f7f7f7;
	--product-shade-color: #f5f5f5;
	--product-padding: 20px;
	--product-edge-space: 8px;
}

body.woocommerce.archive {
	--product-per-row: 1;
	--product-padding: 20px;
}

body.woocommerce.archive .site-main {
	padding-top: 0;
	padding-bottom: var(--product-edge-space);
}

.term-description {
	/*font-size: 0.875rem;*/
	/*line-height: 1.5;*/
	width: 85%;
	margin-top: 1rem;
	margin-left: auto;
	margin-right: auto;
}

.term-description p {
	margin-top: 0;
}

.woocommerce-result-count {
	font-size: 0.625em;
	margin-top: 1rem;
	display: none;
}

.woocommerce-ordering {
	margin-top: 0.5rem;
	display: none;
}

.woocommerce-ordering .orderby {
	font-size: 0.875em;
	height: var(--button-small-height);
	background-color: transparent;
}

.woocommerce-ordering .select-container::before {
	top: 0.625em;
	right: 0.875em;
}

.products {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	gap: var(--product-edge-space);
	list-style-type: none;
	padding: 0;
	margin: 0 calc(-1 * (var(--container-space) - var(--product-edge-space)));
	margin-top: var(--product-edge-space);
}

.products .products {
	margin-left: 0;
	margin-right: 0;
}

.products .product {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	align-items: center;
	width: calc(1 / var(--product-per-row) * (var(--viewport-width) - (var(--product-per-row) + 1) * var(--product-edge-space)));
	margin: 0;
	padding: 0;
	border-radius: var(--main-border-radius);
}

.products .owl-stage {
	align-items: stretch;
}

.products .owl-stage .product {
	height: 100%;
}

.woocommerce-loop-product__link {
	flex-grow: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-decoration: none;
}

.woocommerce-loop-product__link:focus {
	outline: none;
}

.products > .product:nth-child(even) .woocommerce-loop-product__link {
	flex-direction: row-reverse;
}

.onsale {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	top: 8px;
	right: 8px;
	padding: 0.375em 0.5em;
	font-size: 0.625em;
	font-weight: 600;
	line-height: 1;
	color: var(--white);
	background-color: var(--info-color);
	text-transform: uppercase;
	letter-spacing: 0.6px;
	border-radius: 3px;
	z-index: 1;
	display: none;
}

.products .product-thumbnail {
	flex-shrink: 0;
	align-self: flex-end;
	position: relative;
	width: 50%;
	border-radius: var(--main-border-radius);
	overflow: hidden;
}

.products .product-thumbnail::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 60%;
	bottom: 0;
	left: 0;
	background: linear-gradient(to top, var(--black), var(--black-transparent));
	z-index: 1;
	transition: 0.5s;
	opacity: 0;
}

.products .product:hover .product-thumbnail::before {
	opacity: 0.5;
}

.products img,
.products video {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--main-border-radius);
	transition: 0.75s;
}

.products .product:hover img {
	transform: scale3d(1.08, 1.08, 1.08);
}

.products .product-content {
	width: 50%;
	padding: var(--product-padding);
}

.woocommerce-loop-product__title {
	font-size: 1.125rem;
	line-height: 1.35;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: -0.25em;
	margin-bottom: auto;
	/*color: var(--current-color);*/
}

.products .product-short-description {
	display: block;
	font-size: 0.625rem;
	line-height: 1.5;
	margin-top: 0.5rem;
	opacity: 0.75;
	max-height: 4.5em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.products .button {
	width: auto;
	margin-top: 0.5rem;
	z-index: 1;
	display: none;
}

.products .button-product-details {
	display: inline-flex;
	position: absolute;
	margin: 0;
	top: calc(5 / 4 * 1 / var(--product-per-row) * (var(--viewport-width) - (var(--product-per-row) + 1) * var(--product-edge-space)));
	left: 50%;
	transform: translate3d(-50%, -100%, 0);
	transition: 0.3s;
	box-shadow: 0 2px 8px var(--black-soft);
	opacity: 0;
	visibility: hidden;
}

.products .product:hover .button-product-details {
	transform: translate3d(-50%, calc(-100% - 20px), 0);
	opacity: 1;
	visibility: visible;
}

.products .product:hover .button-product-details:hover {
	box-shadow: 0 4px 16px var(--black-half);
	transform: translate3d(-50%, calc(-100% - 22px), 0);
}

.product .added_to_cart {
	display: block;
	font-size: 0.75em;
	font-weight: 600;
	margin-top: 0.5rem;
	color: var(--success-color);
}

.woocommerce-Price-amount {
	display: block;
	letter-spacing: 0.2px;
}

/* Featured product */
.products .product.featured {
	width: 100%;
}

.products .product.featured .woocommerce-loop-product__link {
	flex-wrap: wrap;
}

.featured-product-thumbnail,
.featured-product-thumbnail span {
	display: block;
}

.featured-product-thumbnail {
	position: relative;
	width: 100%;
	border-radius: var(--main-border-radius);
	overflow: hidden;
}

.products .product.featured .product-thumbnail {
	width: 100%;
}

.featured-product-thumbnail .flex-viewport {
	margin: 0;
}

.featured-product-media {
	overflow: hidden;
}

.featured-product-thumbnail .flex-viewport img,
.featured-product-thumbnail .flex-viewport video {
	width: 100%;
	height: calc( 2 / 3 * (var(--viewport-width) - 2 * var(--product-edge-space)));
	object-fit: cover;
	border-radius: 0;
	margin: 0;
}

.featured-product-thumbnail .flex-direction-nav {
	display: none;
}

.flex-control-paging {
	display: flex;
	align-items: center;
	justify-content: center;
	list-style-type: none;
	margin: 0;
	margin-top: 0.75rem;
	padding: 0;
}

.featured-product-thumbnail .flex-control-paging {
	position: absolute;
	width: 100%;
	bottom: 20px;
	margin: 0;
}

.flex-control-paging li {
	margin: 0;
	padding: 0;
}

.flex-control-paging a {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	text-indent: -9999px;
	margin: 0 3px;
	background-color: var(--product-bg-color);
	border: 1px solid var(--product-shade-color);
	box-shadow: 0 0 3px 1px var(--black-soft);
	opacity: 0.5;
}

.flex-control-paging a.flex-active {
	background-color: var(--current-color);
	opacity: 1;
}

.products .product.featured .product-content {
	justify-content: flex-start;
	width: 100%;
}

.products .product.featured .product-content::after {
	content: "";
	position: absolute;
	width: calc(100% - 4px);
	height: 1px;
	bottom: 0;
	left: 4px;
	background-color: var(--text-color-extrasoft);
}

.products .product.featured .woocommerce-loop-product__title {
	font-size: 1.5rem;
}

.products .product.featured .product-short-description {
	font-size: 0.75rem;
	width: 50%;
}

.products .product.featured .biokissed-price.primary {
	flex-basis: auto;
	margin-right: 1.5rem;
}

.products .product.featured .price {
	display: none;
}

.products .product.featured .button-product-details {
	opacity: 1;
	visibility: visible;
	transform: none;
	top: auto;
	bottom: 2.875rem;
	left: auto;
	right: 0;
	box-shadow: none;
	background-color: var(--current-color-transparent);
	color: var(--current-color);
}

.products .product.featured .button-product-details:hover {
	transform: none;
	box-shadow: none;
	background-color: var(--current-color);
	color: var(--white);
}

/* WooCommerce navigation */
.woocommerce-navigation {
	margin-top: var(--product-edge-space);
	padding-top: calc(1em + var(--product-edge-space));
	padding-bottom: 1em;
}

/* Price, CP, and PV point */
.variations_form.cart {
	text-align: left;
}

.biokissed-price-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 0 30px;
}

.price-text {
	flex-basis: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 0.625rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-bottom: 0.5rem;
	line-height: initial;
}

.price-text::before {
	content: "i";
	font-size: 0.5rem;
	font-weight: 700;
	width: 0.875rem;
	height: 0.875rem;
	border-radius: 50%;
	background-color: var(--current-color);
	color: var(--white);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 0.625rem;
	line-height: initial;
	padding-top: 1px;
	text-transform: none;
	letter-spacing: normal;
}

.price-text::after {
	content: "";
	position: absolute;
	width: 120px;
	height: 1px;
	bottom: -3px;
	left: 0;
	background: linear-gradient(to right, var(--text-color-transparent), var(--text-color) 1.5rem, var(--text-color-transparent));
	opacity: 0.25;
}

.price-text-info {
	opacity: 0.75;
}

.price-text.on-sale {
/*	font-style: italic;*/
}

.price-text.on-sale::before {
	display: none;
}

.price-text.on-sale::after {
	left: 3rem;
	bottom: 1px;
}

.price-text.on-sale .discount-info {
	position: relative;
	font-size: 3rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0;
	color: var(--green);
}

.price-text.on-sale .discount-info::before {
	/*content: "";
	position: absolute;
	width: calc(100% + 8px);
	height: calc(100% + 8px);
	top: -4px;
	left: -4px;
	border-radius: 50%;
	border: var(--main-border-size) solid var(--info-color-thick);
	opacity: 0.75;*/
}

.price-text.on-sale .discount-info-percentage {
	font-size: 3rem;
	font-weight: 600;
	color: var(--green);
	margin-right: 3px;
}

.price-text.on-sale .price-text-info {
	letter-spacing: 1.4px;
}

.price-text.on-sale .price-text-info .limited,
.price-text.on-sale .price-text-info .new-line {
	display: block;
}

.biokissed-price-wrapper.has-countdown .price-text.on-sale {
	padding-bottom: 0;
}

.countdown.on-single-price {
	display: none;
	gap: 8px;
	margin-top: 4px;
	margin-bottom: 1rem;
}

body.single-product .entry-summary .countdown.on-single-price {
	display: flex;
	flex-basis: 100%;
	justify-content: flex-start;
}

.countdown.on-single-price .countdown-part {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 4px;
}

.countdown.on-single-price .countdown-time {
	font-size: 1.5rem;
	color: var(--terracotta);
	margin: 0;
/*	transform: skewX(-12deg);*/
}

.countdown.on-single-price .countdown-label {
	font-size: 0.5rem;
	height: auto;
	padding: 0;
	background-color: transparent;
	color: var(--text-color);
/*	transform: skewX(-8deg);*/
}

.biokissed-price-wrapper .tax-rate-info {
	display: block;
	position: relative;
	padding-bottom: 0.5rem;
	margin-top: 0.625rem;
	margin-bottom: 0.25rem;
}

.biokissed-price-wrapper .tax-rate-info::after {
	content: "";
	position: absolute;
	width: 100%;
	max-width: 240px;
	height: 1px;
	bottom: 0;
	left: 0;
	background: linear-gradient(to right, var(--current-color-transparent), var(--current-color) 1.5rem, var(--current-color-transparent));
	opacity: 0.35;
}

body.archive .biokissed-price-wrapper .tax-rate-info {
	font-size: 0.625rem;
	margin-top: 0.25rem;
	margin-bottom: 0.5rem;
}

.biokissed-prices-points {
	flex-basis: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
}

body.single-product .product-overview__summary .biokissed-prices-points {
	gap: 30px;
}

#nomad-starter-packs-list .biokissed-prices-points,
#nomad-product-range-list .biokissed-prices-points {
	justify-content: center;
}

.biokissed-prices {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.biokissed-price,
.biokissed-point {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	font-size: 1.125em;
	font-weight: 500;
	line-height: initial;
	padding-left: 1.5rem;
	margin-top: 0.75rem;
}

.biokissed-price::before,
.biokissed-point::before {
	content: "";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 0.875rem;
	height: 0.875rem;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	border-radius: 50%;
	background-color: var(--current-color);
	font-size: 0.5rem;
	font-weight: 700;
	line-height: initial;
	text-transform: uppercase;
	color: var(--white);
}

.biokissed-price::after,
.biokissed-point::after {
	content: "";
	position: absolute;
	width: 1.125rem;
	height: 1.125rem;
	top: 50%;
	left: -0.125rem;
	border-radius: 50%;
	border: 1px solid var(--current-color);
	transform: translateY(-50%);
	opacity: 0.5;
}

.biokissed-price.primary {
	color: var(--current-color);
	font-size: 1.5em;
	font-weight: 600;
}

.biokissed-price.wholesale::before {
	content: "M";
	background-color: var(--green);
	/*padding-top: 1px;*/
}

.biokissed-price.wholesale::after {
	border-color: var(--green);
}

.biokissed-price.secondary {
	flex-shrink: 0;
	/*margin-right: 1.375rem;*/
}

.biokissed-price.retail::before {
	content: "R";
	background-color: var(--blue);
}

.biokissed-price.retail::after {
	border-color: var(--blue);
}

.biokissed-price .sale-price,
.biokissed-point .sale-point {
	font-weight: 600;
	color: var(--green);
}

.biokissed-price .regular-price,
.biokissed-point .regular-point {
	position: relative;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--text-color-half);
}

.biokissed-price .regular-price::before,
.biokissed-point .regular-point::before {
	content: "";
	position: absolute;
	width: 120%;
	height: 1px;
	top: 50%;
	left: -10%;
	transform: translateY(-50%);
	background: linear-gradient(to right, var(--text-color-transparent), var(--text-color), var(--text-color-transparent));
	opacity: 0;
}

body.currency-usd .biokissed-price .regular-price {
	margin-left: 1px;
}

/*.biokissed-price.wholesale .woocommerce-Price-currencySymbol {
	font-size: 1.125rem;
	position: relative;
	top: -2px;
}*/

.biokissed-price.primary .woocommerce-Price-currencySymbol {
	font-size: 1.125rem;
	position: relative;
	top: -1px;
}

/*.biokissed-price.wholesale .regular-price .woocommerce-Price-currencySymbol {
	font-size: 0.875rem;
	top: 0;
}*/

.biokissed-price.primary .regular-price .woocommerce-Price-currencySymbol {
	font-size: 0.875rem;
	top: 0;
}

body.currency-idr .biokissed-price .woocommerce-Price-currencySymbol {
	font-size: 0.875rem;
	position: relative;
	top: -1px;
}

/*body.currency-idr .biokissed-price.wholesale .woocommerce-Price-currencySymbol {
	top: -3px;
}*/

body.currency-idr .biokissed-price.primary .woocommerce-Price-currencySymbol {
	top: -3px;
}

body.currency-idr .biokissed-price .regular-price .woocommerce-Price-currencySymbol {
	top: 0;
}

.biokissed-points {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
}

.biokissed-price-wrapper.on-sale .biokissed-points {
	justify-content: space-between;
}

.biokissed-point {
	padding-left: 1.75rem;
}

.biokissed-point::before {
	content: "";
	width: 1.125rem;
	height: 0.75rem;
	border-radius: 2px;
	letter-spacing: 1px;
	padding-left: 1px;
	background-color: var(--terracotta);
}

.biokissed-point.cp-point {
	margin-top: 0.95rem;
}

.biokissed-price-wrapper.on-sale .biokissed-points .cp-point {
	margin-top: 1rem;
}

.biokissed-price-wrapper.on-sale .biokissed-points .pv-point {
	margin-bottom: 0.55rem;
}

.biokissed-point.cp-point::before {
	content: "CP";
}

.biokissed-point.pv-point::before {
	content: "PV";
}

.biokissed-point::after {
	width: 1.375rem;
	height: 1rem;
	border-radius: 3px;
	border-color: var(--terracotta);
}

.tooltip-info {
	position: absolute;
	width: 1.125rem;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}

.tooltip-info::before {
	content: attr(data-tooltip);
	position: absolute;
	bottom: calc(100% + 8px);
	left: -12px;
	font-size: 0.75rem;
	font-weight: 500;
	text-transform: none;
	letter-spacing: normal;
	text-align: left;
	line-height: 1.5;
	/*white-space: nowrap;*/
	background-color: var(--black);
	color: var(--white);
	padding: 8px 12px;
	border-radius: 4px;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
}

.product-overview__summary .tooltip-info::before {
	white-space: nowrap;
}

.tooltip-info::after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	bottom: calc(100% + 4px);
	left: 2px;
	transform: rotate3d(0, 0, 1, 45deg);
	background-color: var(--black);
	border-bottom-right-radius: 2px;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
}

.tooltip-info:hover::before,
.tooltip-info:hover::after {
	opacity: 1;
	visibility: visible;
}

.biokissed-point .tooltip-info::before {
	left: -10px;
}

.biokissed-point .tooltip-info::after {
	left: 4px;
}

.products > .product:nth-child(odd):not(.featured) .woocommerce-loop-product__link .tooltip-info::before {
	left: auto;
	right: -12px;
}

.products > .product:nth-child(odd):not(.featured) .woocommerce-loop-product__link .biokissed-point .tooltip-info::before {
	left: auto;
	right: -12px;
}

.products .price {
	width: 100%;
	line-height: 1;
	margin-top: 0.75rem;
	margin-left: 1px;
}

.products .price-text {
	display: none;
}

.products .price-text.on-sale {
	display: flex;
	position: absolute;
	top: 0.25rem;
	right: var(--product-padding);
}

.products .price-text.on-sale::after {
	display: none;
}

.products .price-text.on-sale .discount-info,
.products .price-text.on-sale .discount-info-percentage {
	font-size: 1rem;
	font-style: normal;
	color: var(--terracotta);
	letter-spacing: normal;
}

.products .price-text.on-sale .discount-info::before {
	content: "-";
	margin-right: 2px;
}

.products .price-text.on-sale .discount-info-percentage {
	margin-right: 0;
}

.products .price-text.on-sale .price-text-info {
	display: none;
}

.products .biokissed-price {
	font-size: 0.875rem;
	margin-left: 0.125rem;
	z-index: 3;
}

.products .biokissed-price.primary {
	font-size: 1.125rem;
	margin-top: 0.75rem;
}

.products .biokissed-price.secondary {
	margin-top: 0.5rem;
	margin-right: 0;
}

.products .biokissed-price .regular-price {
	font-size: 0.75rem;
}

.products .biokissed-price.primary::before,
.products .biokissed-price.primary::after {
	/*display: none;*/
}

.products .biokissed-price.primary .woocommerce-Price-currencySymbol {
	top: 0;
}

.products .biokissed-points {
	order: -1;
	flex-basis: 100%;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 0.25rem 0.875rem;
	margin-top: 0;
}

.products .biokissed-point {
	font-size: 0.75rem;
	margin-top: 0;
}

.products .biokissed-point::before {
	margin-right: calc(0.5rem + 1px);
}

.products .biokissed-point.cp-point {
	margin-right: 0;
}

.products .biokissed-price-wrapper.on-sale .biokissed-points .cp-point {
	margin-top: 0;
}

.products .biokissed-point {
	opacity: 0.75;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	transition: 0.3s;
}

.products .product:hover .biokissed-point {
	opacity: 1;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.products .biokissed-points .regular-point {
	display: none;
}

.products .biokissed-point .sale-point {
	font-weight: inherit;
	color: inherit;
}

body.currency-idr .products .biokissed-price .woocommerce-Price-currencySymbol {
	font-size: 0.625rem;
}

/* Product details page */
:root {
	--type-options-height: calc(var(--button-height) + 2px);
	--color-options-height: 64px;
}

body.single-product {
	/*--menu-background: var(--current-color-supersoft);*/
}

body.single-product .site-main {
	border-bottom-width: 0;
}

body.single-product.scrolled {
	/*--menu-background: var(--current-color-extrasoft);*/
}

body.single-product.menu-open {
/*	--menu-background: var(--white);*/
}

body.single-product.pop-up-active {
/*	--menu-background: var(--white);*/
}

body.single-product .site {
	/*background-color: var(--current-color-supersoft);*/
	transition: background-color 0.5s;
}

#top-navigation::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: transparent;
	z-index: -1;
	transition: 0.5s;
	transition-delay: 0.3s;
}

body.no-hero-background #top-navigation::before {
	background-color: var(--menu-background);
}

body.has-white-header-color .site-header:hover #top-navigation::before,
body.has-white-header-color.scrolled #top-navigation::before,
body.has-white-header-color.pop-up-active #top-navigation::before,
body.has-white-header-color.search-active #top-navigation::before,
body.has-white-header-color.menu-open #top-navigation::before {
	background-color: var(--menu-background);
	/*background-color: var(--page-background);*/
}

body.single-product #top-navigation::before {
	background-color: var(--menu-background);
}

body.scrolled #top-navigation::before {
	transition-delay: 0s;
}

body.pop-up-active #top-navigation::before {
	opacity: 0;
	transition: 0.3s;
	transition-delay: 0s;
}

body.woocommerce .site-main {
	/*padding-top: calc(var(--header-height) + var(--breadcrumb-height));*/
	padding-top: var(--header-height);
}

.button-plain {
	font-size: 1rem;
	border: none;
	background-color: transparent;
	line-height: initial;
	padding: 0;
	margin: 0;
	font-weight: 400;
	color: inherit;
	fill: inherit;
	height: auto;
	min-height: 0;
}

.button-plain:hover,
.button-plain:focus,
.button-plain:active {
	background-color: transparent;
	color: inherit;
	fill: inherit;
}

.type-options {
	/*position: fixed;*/
	width: 100%;
	top: var(--header-height);
	left: 0;
	background: var(--white);
	z-index: 2;
	/*transform: translate3d(0, var(--breadcrumb-height), 0);*/
	transition: 0.3s;

	margin-top: var(--element-space);

	display: none;
}

.type-options::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--current-color-supersoft);
	z-index: -1;
	transition: 0.5s;
}

body.scrolled .type-options {
	/*transform: translate3d(0, 0, 0);*/
}

body.scrolled .type-options::after {
	opacity: 1;
	visibility: visible;
}

.options-info {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	width: auto;
	margin: 0;
	padding: 0.5rem 0.75rem;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.4px;
	background-color: var(--black);
	color: var(--white);
	border-radius: 4px;
	position: absolute;
	top: calc(100% + 4px);
	left: calc(var(--container-space) + 1rem);
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	-webkit-animation: options-info 2.1s;
	animation: options-info 2.1s;
	transform-origin: left top;
}

.options-info::before {
	content: "i";
	width: 14px;
	height: 14px;
	line-height: initial;
	border-radius: 50%;
	padding: 0;
	margin-right: 0.75rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--info-color);
	font-size: 0.625rem;
	font-weight: 600;
	flex-shrink: 0;
}

.options-info::after {
	content: "";
	width: 1rem;
	height: calc(50% + 8px);
	position: absolute;
	border: 1px dashed var(--black-thick);
	border-top-width: 0;
	border-right-width: 0;
	top: -8px;
	right: 100%;
}

@-webkit-keyframes options-info {
	0% {
		opacity: 1;
		visibility: visible;
	}

	95% {
		opacity: 1;
		visibility: visible;
		transform: scale3d(1, 1, 1);
	}

	100% {
		opacity: 0;
		visibility: hidden;
		transform: scale3d(0.5, 0.5, 0.5);
	}
}

@keyframes options-info {
	0% {
		opacity: 1;
		visibility: visible;
	}

	95% {
		opacity: 1;
		visibility: visible;
		transform: scale3d(1, 1, 1);
	}

	100% {
		opacity: 0;
		visibility: hidden;
		transform: scale3d(0.5, 0.5, 0.5);
	}
}

.type-list {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: var(--type-options-height);
}

.type-list::before,
.type-list::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background: linear-gradient(to right, var(--current-color-transparent), var(--current-color), var(--current-color-transparent));
	opacity: 0.5;
}

.type-list::after {
	top: auto;
	bottom: 0;
}

.type-item {
	flex-basis: calc(100% / 3);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	margin-top: 0;
	cursor: pointer;
	position: relative;
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	color: var(--text-color-thick);
}

.type-item::before {
	content: "";
	position: absolute;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	top: 4px;
	left: 4px;
	background-color: var(--current-color-extrasoft);
	border-radius: calc(var(--main-border-radius) - 3px);
	border: 1px solid var(--current-color-half);
	box-shadow: inset 0 0 6px var(--current-color-supersoft);
	transition: 0.5s;
	z-index: -1;
	opacity: 0;
}

.type-item:hover,
.type-item:focus,
.type-item:active {
	color: var(--current-color-thick);
}

.type-item.selected {
	color: var(--current-color);
}

.type-item.selected::before {
	opacity: 0.75;
}

.color-options {
	/*position: fixed;*/
	width: 100%;
	height: var(--color-options-height);
	left: 0;
	bottom: 0;
	z-index: 2;
	background: var(--white);
	/*transform: translate3d(0, 0, 0);*/

	margin-top: 1rem;

	display: none;
}

.color-options::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--current-color-extrasoft);
	z-index: 1;
	transition: 0.5s;

	display: none;
}

.color-options-label {
	position: absolute;
	top: -0.5rem;
	left: 50%;
	font-size: 0.75rem;
	letter-spacing: 0.2px;
	text-align: center;
	line-height: 1;
	margin: 0;
	padding: 0.5rem 0.75rem;
	border-radius: var(--small-border-radius);
	background-color: var(--current-color);
	color: var(--white);
	white-space: nowrap;
	transform: translate3d(-50%, -100%, 0);
	box-shadow: 0 12px 24px 24px var(--white);
	z-index: -1;
	display: none;
}

.color-list {
	display: flex;
	align-items: center;
	justify-content: center;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
}

.color-list::before,
.color-list::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	z-index: 1;
	background: linear-gradient(to left, var(--current-color-transparent), var(--current-color), var(--current-color-transparent));
	opacity: 0.5;
}

.color-list::after {
	top: auto;
	bottom: 0;
	display: none;
}

.color-item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 0.75em;
	line-height: 1;
	width: 62px;
	height: calc(var(--color-options-height) - 2px);
	padding: 0;
	margin: 0;
	margin-top: 2px;
	color: var(--current-color);
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.color-item:hover,
.color-item:focus,
.color-item:active {
	color: var(--current-color);
}

.color-item::before {
	content: "";
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: var(--current-color);
}

.color-item.terracotta::before {
	background-color: var(--terracotta);
}

.color-item.blue::before {
	background-color: var(--blue);
}

.color-item.green::before {
	background-color: var(--green);
}

.color-item.grey::before {
	background-color: var(--grey);
}

.color-item.brown::before {
	background-color: var(--brown);
}

.color-item::after {
	content: "";
	position: absolute;
	width: 44px;
	height: 44px;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	border: 2px solid var(--current-color-half);
	opacity: 0;
	transform: translateX(-50%) translateY(-50%);
	transition: 0.5s;
}

.color-item:hover::after,
.color-item:focus::after,
.color-item:active::after {
	opacity: 0.5;	
}

@-webkit-keyframes color-item-growing {
	40% {
		transform: translate3d(-50%, -50%, 0) scale3d(1.1, 1.1, 1.1);
		opacity: 0.15;
	}
	
	60% {
		transform: translate3d(-50%, -50%, 0) scale3d(1.1, 1.1, 1.1);
		opacity: 0.15;
	}
}

@keyframes color-item-growing {
	40% {
		transform: translate3d(-50%, -50%, 0) scale3d(1.1, 1.1, 1.1);
		opacity: 0.15;
	}
	
	60% {
		transform: translate3d(-50%, -50%, 0) scale3d(1.1, 1.1, 1.1);
		opacity: 0.15;
	}
}

.color-item.selected::after {
	opacity: 1;
	-webkit-animation: color-item-growing 2s;
	animation: color-item-growing 2s;
}

.color-item.terracotta::after {
	border-color: var(--terracotta);
}

.color-item.blue::after {
	border-color: var(--blue);
}

.color-item.green::after {
	border-color: var(--green);
}

.color-item.grey::after {
	border-color: var(--grey);
}

.color-item.brown::after {
	border-color: var(--brown);
}

.color-item .color-icon {
	display: block;
	position: absolute;
	width: 24px;
	height: 24px;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	fill: var(--white);
	opacity: 0;
	transition: 0.5s;
}

.color-item.selected .color-icon {
	opacity: 1;
}

.color-item .element-name {
	position: absolute;
	display: inline-block;
	padding: 0.5rem;
	font-size: 0.75rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1;
	white-space: nowrap;
	color: var(--white);
	background-color: var(--current-color);
	border-radius: 4px;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
	opacity: 0;
	visibility: hidden;
}

.color-item.selected .element-name {
	-webkit-animation: color-element-name 1.5s;
	animation: color-element-name 1.5s;
}

@-webkit-keyframes color-element-name {
	0% {
		opacity: 0;
		visibility: hidden;
		transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
	}

	10% {
		opacity: 1;
		visibility: visible;
		transform: translate3d(-50%, -198%, 0) scale3d(1, 1, 1);
	}

	80% {
		opacity: 1;
		visibility: visible;
		transform: translate3d(-50%, -198%, 0) scale3d(1, 1, 1);
	}

	100% {
		opacity: 0;
		visibility: hidden;
		transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
	}
}

@keyframes color-element-name {
	0% {
		opacity: 0;
		visibility: hidden;
		transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
	}

	10% {
		opacity: 1;
		visibility: visible;
		transform: translate3d(-50%, -198%, 0) scale3d(1, 1, 1);
	}

	80% {
		opacity: 1;
		visibility: visible;
		transform: translate3d(-50%, -198%, 0) scale3d(1, 1, 1);
	}

	100% {
		opacity: 0;
		visibility: hidden;
		transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
	}
}

body.single-product .woocommerce-notices-wrapper {
	overflow: hidden;
}

/* Product Gallery */
:root {
	--product-thumbnail-size: 64px;
}

.product-overview {
	/*--product-thumbnail-size: 64px;*/
}

.woocommerce-product-gallery {
	position: relative;
	width: calc(100% + 2 * var(--container-space));
	margin-left: calc(-1 * var(--container-space));
	overflow: hidden;
	opacity: 0;
	transition: 0.5s;
}

.flex-viewport {
	/*margin: var(--section-space) 0 30px;*/
	margin: 0;
}

.woocommerce-product-gallery__wrapper {
	margin: 0;
}

.woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
	/*margin-top: var(--section-space);*/
}

.woocommerce-product-gallery__wrapper img {
	display: block;
}

.flex-viewport img,
.flex-viewport video {
	display: block;
	width: 100%;
	height: calc(5 / 4 * var(--viewport-width));
	object-fit: cover;
}

.woocommerce-product-gallery__thumbnails {
	image-rendering: auto;
}

.woocommerce-product-gallery__thumbnails .flex-viewport {
	margin-top: 8px;
}

.woocommerce-product-gallery__thumbnails .woocommerce-product-gallery__image {
	height: 64px;
}

.woocommerce-product-gallery__thumbnails .woocommerce-product-gallery__image a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.woocommerce-product-gallery__thumbnails .woocommerce-product-gallery__image:first-child {
	margin-left: 8px;
}

.woocommerce-product-gallery__thumbnails .slides {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 4px;
}

.woocommerce-product-gallery__thumbnails .flex-viewport .slides {
/*	display: block;*/
	gap: 0;
}

.woocommerce-product-gallery__thumbnails .gallery-thumbnail {
	width: 64px;
	height: 64px;
}

.woocommerce-product-gallery__thumbnails .gallery-thumbnail:only-child {
	display: none !important;
}

.woocommerce-product-gallery__thumbnails .gallery-thumbnail:first-child {
	margin-left: 8px;
}

.woocommerce-product-gallery__thumbnails img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border: 4px solid var(--current-color-transparent);
	border-radius: var(--main-border-radius);
	transition: 0.5s;
}

.woocommerce-product-gallery__thumbnails .flex-active-slide img {
	border-color: var(--current-color);
}

.flex-control-thumbs {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 4px;
	list-style-type: none;
	margin: 0;
	margin-top: 10px;
	padding: 0 10px 16px;
	list-style-type: none;
	overflow-x: auto;
	justify-content: flex-start;
}

.flex-control-thumbs:empty {
	margin-top: 0;
}

.flex-control-thumbs li {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--product-thumbnail-size);
	height: var(--product-thumbnail-size);
	min-width: var(--product-thumbnail-size);
	max-width: var(--product-thumbnail-size);
	max-height: var(--product-thumbnail-size);
	margin: 0;
	padding: 0;
	border-radius: var(--main-border-radius);
	cursor: pointer;
}

.flex-control-thumbs img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
	border: 4px solid var(--current-color-transparent);
	/*opacity: 0.5;*/
	transition: 0.5s;
}

.flex-control-thumbs img.flex-active {
	opacity: 1;
	border-color: var(--current-color);
}

.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.woocommerce-product-gallery__thumbnails .flex-direction-nav {
	display: none;
}

body.touch-device .flex-direction-nav {
	display: none;
}

.flex-nav-prev,
.flex-nav-next {
	margin: 0;
	padding: 0;
}

.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: calc(50% - 0.5 * (var(--product-thumbnail-size) + 20px));
	left: -40px;
	width: 80px;
	height: 80px;
	text-decoration: none;
	border-radius: 50%;
	background-color: var(--white-extrasoft);
	box-shadow: 3px 0 8px var(--black-extrasoft);
	text-indent: -9999px;
	outline: none;
	transform: translateY(-50%);
	transition: 0.5s;
}

.flex-direction-nav .flex-next {
	left: auto;
	right: -40px;
	box-shadow: -3px 0 8px var(--black-extrasoft);
}

.flex-direction-nav .flex-disabled {
	display: none;
}

.flex-direction-nav .flex-prev::after,
.flex-direction-nav .flex-next::after {
	content: "";
	position: relative;
	width: 16px;
	height: 16px;
	border: var(--main-border-size) solid var(--black-soft);
	border-top-width: 0;
	transition: 0.5s;
	z-index: 1;
}

.flex-direction-nav .flex-prev::after {
	right: -20px;
	border-right-width: 0;
	transform: rotate(45deg);
}

.flex-direction-nav .flex-next::after {
	left: -20px;
	border-left-width: 0;
	transform: rotate(-45deg);
}

.flex-direction-nav .flex-prev:hover,
.flex-direction-nav .flex-next:hover {
	background-color: var(--current-color);
}

.flex-direction-nav .flex-prev:hover::after,
.flex-direction-nav .flex-next:hover::after {
	border-color: var(--white);
}

.woocommerce-product-gallery__trigger {
	text-decoration: none;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
}

.pswp__caption {
	display: none;
}

.variation-gallery-list {
	display: none;
}

.preview-variations {
	display: block;
	width: 100%;
	/*margin-top: var(--section-space);*/
}

.preview-options {
	position: relative;
	z-index: 1;
	image-rendering: auto;
}

.preview-attribute-options {
	margin-top: 30px;
}

.preview-attribute-options:first-child {
	margin-top: var(--section-space);
}

.preview-attribute-name {
	font-size: 0.625rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 0;
}

.preview-attribute-terms {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;
	margin-top: 16px;
}

.preview-options-pop-up .preview-attribute-terms {
	justify-content: center;
}

.preview-options-pop-up .preview-attribute-name {
	text-align: center;
}

@media screen and (max-width: 1199px) {
	.products .price-text.on-sale {
		top: 1rem;
	}
}

@media screen and (max-width: 767px) {
	.products {
		row-gap: var(--product-padding);
	}

	.products .product-thumbnail {
		align-self: stretch;
	}

	.products img,
	.products video {
		height: 100%;
		object-fit: cover;
	}

	.products .price {
		display: block;
	}

	.products .price-text.on-sale {
		padding: 3px 4px 2px;
		border-radius: 4px;
		top: 4px;
		left: 4px;
		right: auto;
		background-color: var(--off-white);
	}

	.products > .product:nth-child(even) .price-text.on-sale {
		left: auto;
		right: 4px;
	}

	.products .price-text.on-sale .discount-info,
	.products .price-text.on-sale .discount-info-percentage {
		font-size: 0.75rem;
		line-height: 1;
	}

	.products .biokissed-prices-points {
		flex-wrap: wrap;
		gap: 0;
	}

	.biokissed-price-wrapper.on-sale .biokissed-points {
		justify-content: flex-start;
	}

	.products .biokissed-price.primary {
		margin-top: 0.5rem;
	}

	.products .biokissed-price.secondary {
		margin-top: 0.375rem;
	}

	.products .biokissed-price-wrapper.on-sale .biokissed-points .pv-point {
		margin-bottom: 0;
	}

	.products .product.featured .button-product-details {
		bottom: var(--product-padding);
		right: var(--product-padding);
	}
}

@media screen and (min-width: 640px) {
	.preview-attribute-pa_starter-pack-type .preview-attribute-terms {
		gap: 16px 26px;
	}

	.preview-attribute-pa_colour-option .preview-attribute-terms {
		gap: 16px 24px;
	}
}

.term-preview {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-width: 48px;
	height: 48px;
	border-radius: var(--main-border-radius);
	transition: 0.3s;
	cursor: pointer;
}

.term-preview::before {
	content: "";
	position: absolute;
	width: calc(100% + 14px);
	height: calc(100% + 14px);
	top: -7px;
	left: -7px;
	border: var(--selected-border-size) solid var(--current-color);
	border-radius: calc(var(--main-border-radius) + 6px);
	z-index: -1;
	opacity: 0;
	transform: scale3d(0.75, 0.75, 0.75);
	transition: 0.3s;
}

.term-preview.selected::before {
	opacity: 1;
	transform: scale3d(1, 1, 1);
}

.term-preview-type-image {
	width: 68px;
	height: 68px;
}

.term-preview-type-image.circle,
.term-preview-type-image.circle::before {
	border-radius: 50%;
}

.term-preview-type-image::after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	top: -2px;
	right: -2px;
	border-radius: 50%;
	border: 2px solid var(--white);
	background-color: var(--current-color);
	background-image: url(assets/icon/checkmark-light.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	opacity: 0;
	transition: 0.3s;
	z-index: 1;
}

.term-preview-type-image.selected::after {
	opacity: 1;
}

.preview-attribute-pa_starter-pack-type .term-preview {
	width: 64px;
	height: 64px;
}

.term-preview-type-text {
	padding: 0 20px;
	background-color: var(--grey);
	color: var(--white);
}

.term-preview-type-text.initial,
.term-preview-type-color {
	padding: 0;
	border-radius: 50%;
}

.term-preview-type-text.selected {
	background-color: var(--current-color);
}

.term-preview-type-text.initial::before,
.term-preview-type-color::before {
	border-radius: 50%;
}

input.term-preview-radio {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border-radius: inherit;
	border-width: 0;
	box-shadow: none;
	background-color: transparent;
	z-index: 1;
}

input.term-preview-radio:checked {
	background-color: transparent;
}

.term-preview-content {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: normal;
	text-transform: none;
	box-shadow: inset 0 0 1px 1px var(--black-supersoft);
}

.term-preview-content img {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
	z-index: -1;
}

.term-preview-type-image.circle .term-preview-content img {
	border-radius: 0;
}

.term-preview-type-color .term-preview-content svg {
	fill: var(--white);
	width: auto;
	height: 28px;
	opacity: 0;
}

.term-preview-type-color.light-color .term-preview-content svg {
	fill: var(--black);
}

.term-preview-type-color.selected .term-preview-content svg {
	opacity: 1;
}

.term-preview-name {
	position: absolute;
	bottom: calc(100% + 10px);
	left: 50%;
	transform: translate3d(-50%, 50%, 0) scale3d(0, 0, 0);
	font-size: 0.75rem;
	font-weight: 500;
	text-transform: none;
	letter-spacing: normal;
	text-align: center;
	line-height: 1.5;
	background-color: var(--black);
	color: var(--white);
	padding: 8px 12px;
	border-radius: 4px;
	z-index: 1;
	transition: 0.2s;
	opacity: 0;
}

.term-preview-name::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	bottom: -4px;
	left: 50%;
	transform: translate3d(-50%, 0, 0) rotate3d(0, 0, 1, 45deg);
	background-color: inherit;
	border-bottom-right-radius: 2px;
	z-index: -1;
}

.term-preview:hover .term-preview-name {
	display: block;
	transform: translate3d(-50%, 0, 0) scale3d(1, 1, 1);
	opacity: 1;
}

body.iron-pack-selected .preview-attribute-pa_colour-option {
	display: none;
}

.preview-attribute-pa_colour-option.sticky {
	margin-top: 0;
}

.preview-attribute-pa_colour-option.sticky .preview-attribute-name,
.preview-attribute-pa_colour-option.sticky .preview-attribute-terms {
	display: none;
}

.preview-summary {
	display: none;
	align-items: center;
	justify-content: space-between;
	background-color: var(--current-color);
	color: var(--white);
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	height: var(--header-height);
	padding: 10px var(--container-space);
}

.preview-variations[data-content="true"] .preview-summary {
/*	display: flex;*/
}

.preview-selection {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.preview-selection-title {
	font-size: 0.625rem;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	opacity: 0.75;
}

.preview-selection-value {
	font-size: 1.125rem;
	font-weight: 600;
	padding: 20px;
	display: none;
}

.selected-attribute:not(:first-child)::before {
	content: "- ";
}

.selected-attribute:nth-child(3),
.selected-attribute:nth-child(4),
.selected-attribute:nth-child(5) {
	display: none;
}

.preview-summary .button {
	flex-shrink: 0;
	width: var(--header-height);
	height: var(--header-height);
	margin-right: -20px;
}

.preview-options-pop-up {
	position: fixed;
	width: 100%;
	max-height: calc(100% - var(--container-space));
	bottom: 0;
	left: 0;
	border-radius: var(--large-border-radius);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	z-index: 9999;
	display: none;
}

.preview-variations.open .preview-options-pop-up {
	display: block;
}

.preview-options-pop-up::before {
	content: "";
	position: absolute;
	width: calc(100% + 2 * var(--container-space));
	height: 100vh;
	bottom: 0;
	left: calc(-1 * var(--container-space));
	background-color: var(--black-thick);
	z-index: -1;
}

.preview-options-pop-up::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: inherit;
	background-color: var(--white);
	z-index: -1;
}

@media screen and (min-width: 640px) {
	.preview-options-pop-up {
		width: auto;
		left: 50%;
		bottom: 50%;
		transform: translate(-50%, 50%);
		border-radius: var(--large-border-radius);
	}

	.preview-options-pop-up::before {
		width: var(--viewport-width);
		left: 50%;
		bottom: 50%;
		transform: translate(-50%, 50%);
	}
}

.preview-options-pop-up-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 10px 20px;
	color: var(--current-color);
	font-weight: 600;
	position: relative;
}

.preview-options-pop-up-header::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background: linear-gradient(to right, var(--current-color-transparent), var(--current-color), var(--current-color-transparent));
	opacity: 0.5;
}

.preview-options-pop-up-header .button svg {
	width: 24px;
	height: 24px;
}

.preview-options-pop-up-header .close-preview-options {
	margin-right: -10px;
}

.preview-options-pop-up .preview-options {
	padding: 20px;
	padding-bottom: 24px;
}

.preview-options-pop-up .preview-attribute-options:first-child {
	margin-top: 0;
}

.preview-options-pop-up-footer {
	padding: 10px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.preview-options-pop-up-footer::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background: linear-gradient(to left, var(--current-color-transparent) 2em, var(--current-color), var(--current-color-transparent));
	opacity: 0.5;
}

.preview-options-pop-up-footer button {
	flex-basis: 100%;
}

.selection-notification-wrapper {
	position: fixed;
	width: 100%;
	top: var(--header-height);
	left: 0;
	padding: 20px;
	transition: 0.5s;
	z-index: 9;
	display: none;
}

.selection-notification-wrapper::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom, var(--white) 40px, var(--white-transparent));
	z-index: -1;
}

.selection-notification-wrapper.open {
	display: block;
}

.show-short-atc .selection-notification-wrapper {
	top: var(--short-atc-height);
}

.selection-notification {
	position: relative;
	border-radius: var(--main-border-radius);
	background-color: var(--current-color);
	color: var(--white);
	z-index: 1;
}

.selection-notification .notification-header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	padding-right: 0;
}

.selection-notification .notification-header::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background:  linear-gradient(to right, var(--white-transparent) 1em, var(--white) 3em, var(--white-transparent));
	opacity: 0.5;
}

.selection-notification .notification-title {
	font-size: 0.625rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.selection-notification .button.notification-close .button-icon {
	height: 16px;
	margin: 6px 0;
}

.selection-notification .notification-content {
	font-size: 0.875rem;
	padding: 12px 20px 16px;
}

.product_title {
	font-size: 2.5rem;
	margin-left: -0.05em;
}

.product_title.multi-line-title {
	text-transform: uppercase;
}

.product_title .first-line-title {
	display: block;
	letter-spacing: 2px;
	line-height: 1;
	margin-left: -0.05em;
}

.product_title .second-line-title {
	position: relative;
	display: block;
	font-family: var(--main-font-family);
	font-size: 0.75rem;
	letter-spacing: 2.2px;
	margin-top: 0.5rem;
	padding-top: 0.75rem;
}

.product_title .second-line-title::before {
	content: "";
	position: absolute;
	width: 50%;
	height: 1px;
	top: 0;
	left: 0;
	background: linear-gradient(to right, var(--current-color-transparent), var(--current-color), var(--current-color-transparent));
	opacity: 0.5;
}

.woocommerce-product-details__short-description {
	margin-top: calc(0.75 * var(--section-space));
}

.woocommerce-product-details__short-description p:first-child {
	margin-top: 0;
}

body.single-product .entry-summary .price {
	margin-top: calc(var(--section-space) - 0.5rem);
}

body.single-product .product-type-variable .entry-summary .price {
	display: none;
}

body.single-product .product-type-variable .woocommerce-variation-price .price {
	display: flex;
}

body.single-product .product-type-variable .woocommerce-variation-description {
	font-size: 0.875rem;
	line-height: 1.5;
	opacity: 0.75;
}

.variations_form .variations {
	display: none;
}

.reset_variations {
	display: none;
}

.variations_form .variations label {
	padding-right: 20px;
}

.single_variation_wrap {
	width: 100%;
}

body.single-product .single_variation_wrap .single_variation {
	display: block !important;
	height: auto !important;
}

body.single-product .entry-summary .cart,
body.single-product .woocommerce-variation-add-to-cart {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: var(--element-space);
	gap: 0.5rem;
}

body.single-product .variations_form.cart {
	flex-wrap: wrap;
	margin-top: 0;
}

.stock {
	font-size: 0.625rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	opacity: 0.75;
}

body.single-product .input-number-handler {
	/*margin-right: 0.5rem;*/
}

.input-text.qty {
	margin-top: 0;
}

.single_add_to_cart_button {
	flex-grow: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.single_add_to_cart_button.disabled {
	color: var(--current-color-thick);
	background-color: var(--current-color-half);
	border-color: var(--current-color-half);
	cursor: not-allowed;
}

.single_add_to_cart_button.disabled:hover,
.single_add_to_cart_button.disabled:focus {
	background-color: var(--current-color-half);
}

.product_meta {
	font-size: 0.75rem;
	margin-top: var(--section-space);
	padding: 0.25rem 1rem;
	background-color: var(--current-color-extrasoft);
	border-radius: var(--main-border-radius);
	border: 1px solid var(--current-color-supersoft);
}

.product_meta_title {
	font-family: var(--main-font-family);
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--current-color);
	margin-top: 0;
	padding: 0.5rem 0 0.625rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	line-height: 1.6;
}

.product_meta_title::before {
	content: "i";
	font-size: 0.5rem;
	font-weight: 700;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: var(--current-color);
	color: var(--white);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 0.625rem;
	line-height: intial;
	padding-top: 1px;
}

.product_meta .sku_wrapper,
.product_meta .woocommerce-product-attributes-item,
.product_meta .posted_in,
.product_meta .tagged_as {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	padding: 0.625rem 0;
}

.product_meta .sku_wrapper::before,
.product_meta .woocommerce-product-attributes-item::before,
.product_meta .posted_in::before,
.product_meta .tagged_as::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background: linear-gradient(to right, var(--current-color-transparent), var(--current-color) 2.5rem, var(--current-color) calc(100% - 2.5rem), var(--current-color-transparent));
	opacity: 0.25;
}

.product_meta .sku_wrapper .sku,
.product_meta .woocommerce-product-attributes-item__value,
.product_meta .posted_in .link-list,
.product_meta .tagged_as .link-list {
	font-size: 0.875rem;
	font-weight: 600;
	margin-left: 1.5rem;
	margin-right: 0;
	text-align: right;
}

.product_meta .woocommerce-product-attributes-item--weight {
	display: none;
}

.product_meta .woocommerce-product-attributes-item p {
	margin: 0;
}

.product_meta .posted_in a,
.product_meta .tagged_as a {
	display: inline;
	text-decoration: none;
}

.woocommerce-tabs {
	margin-top: var(--section-space);
}

.woocommerce-tabs .wc-tabs {
	display: none;
}

body.single-product .entry-content h2:not(.has-text-color) {
	color: var(--current-color);
}

body.single-product .entry-content .wp-block-cover__inner-container h2 {
	color: inherit;
}

/* Short ATC */
:root {
	--short-atc-height: 80px;
	--short-atc-button-width: 48px;
}

body.single-product .site-header {
	transition: height 0.3s;
}

.show-short-atc .site-header {
	height: var(--short-atc-height);
}

.show-short-atc .site-branding {
	opacity: 0;
	visibility: hidden;
}

/* .show-short-atc.scroll-up .site-branding {
	opacity: 1;
	visibility: visible;
	transform: scale3d(1, 1, 1);
} */

.show-short-atc:not(.menu-open):not(.search-active) #top-right-icon-navigation,
.show-short-atc:not(.menu-open):not(.search-active) #menu-button {
	transform: translate3d(100%, 0, 0);
	opacity: 0;
	visibility: hidden;
	transition-delay: 0s;
}

/* .show-short-atc.scroll-up #top-right-icon-navigation,
.show-short-atc.scroll-up #menu-button {
	transform: translate3d(0, 0, 0);
	opacity: 1;
	visibility: visible;
} */

.show-short-atc .type-options {
	top: var(--short-atc-height);
}

.short-atc {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: fixed;
	width: calc(100% - 8px);
	height: calc(var(--short-atc-height) - 8px);
	top: 4px;
	left: 4px;
	transform: translate3d(0, -100%, 0);
	transition: 0.2s;
	z-index: 999;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	background-image: linear-gradient(to right, var(--product-bg-color) 100px, var(--current-color-supersoft) 80%, var(--current-color-transparent));
	background-color: var(--page-background);
	border-radius: var(--main-border-radius);
	box-shadow: 0px 2px 6px var(--black-extrasoft);
}

.show-short-atc .short-atc {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	transition-delay: 0.3s;
}

/* .show-short-atc.scroll-up .short-atc {
	opacity: 0;
	visibility: hidden;
	transition-delay: 0s;
} */

.atc-product-image {
	position: relative;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(var(--short-atc-height) - 16px);
	height: calc(var(--short-atc-height) - 16px);
	margin-left: 4px;
	border-radius: var(--small-border-radius);
	background-color: transparent;
	overflow: hidden;
	transition: background 0.5s;
}

.show-short-atc .atc-product-image {
	background-color: var(--product-bg-color);
	box-shadow: 2px 0 6px var(--current-color-extrasoft);
	/*transition-delay: 0.6s;*/
}

.atc-product-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	outline: none;
}

.atc-product-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 0 24px 0 12px;
	line-height: 1;
	width: calc(100% - var(--short-atc-height) - var(--short-atc-button-width));
	height: 100%;
	overflow-x: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.atc-product-info::-webkit-scrollbar {
	display: none;
}

.atc-product-subtitle {
	font-size: 0.75rem;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.2px;
	white-space: nowrap;
	color: var(--current-color);
}

.atc-product-title {
	display: block;
	width: 100%;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1;
	margin-top: 4px;
	margin-left: -0.08em;
	color: var(--current-color);
	white-space: nowrap;
}

.atc-product-subtitle.empty + .atc-product-title {
	margin-top: 0;
}

.atc-product-price {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 0.875rem;
	width: 100%;
	min-height: 1.125rem;
	margin-top: 4px;
}

.atc-product-price .biokissed-price-wrapper {
	flex-wrap: wrap;
	gap: 0;
}

.atc-product-price .price-text {
	display: none;
}

.atc-product-price .countdown {
	display: none;
}

.atc-product-price .tooltip-info {
	display: none;
}

.atc-product-price .biokissed-price-wrapper .tax-rate-info {
	font-size: 0.625rem;
	margin-top: 0;
	padding-bottom: 0.25rem;
}

.atc-product-price .biokissed-prices-points {
	flex-basis: 100%;
	gap: 0;
}

.atc-product-price .biokissed-prices {
	flex-direction: row;
}

.atc-product-price .biokissed-price {
	font-size: inherit;
	margin-top: 0;
	padding-left: 1.25rem;
}

.atc-product-price .biokissed-price.primary {
	flex-basis: auto;
	margin-right: 0.75rem;
}

.atc-product-price .biokissed-price.secondary {
	margin-right: 0.75rem;
}

.atc-product-price .biokissed-price,
.atc-product-price .biokissed-price .woocommerce-Price-currencySymbol,
.atc-product-price .biokissed-point {
	font-size: inherit;
	top: 0;
}

.atc-product-price .biokissed-price::before,
.atc-product-price .biokissed-point::before {
	margin-right: 0.375rem;
}

.atc-product-price .biokissed-price.secondary,
.atc-product-price .biokissed-point {
	color: var(--current-color);
}

body.currency-idr .atc-product-price .biokissed-price .woocommerce-Price-currencySymbol {
	font-size: 0.625rem;
	top: -1px;
}

.atc-product-price .regular-price {
	display: none;
}

.atc-product-price .biokissed-points {
	flex-direction: row;
	margin-top: 0;
	padding-right: 30px;
}

.atc-product-price .biokissed-point,
.atc-product-price .biokissed-price-wrapper.on-sale .biokissed-point {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 1.625rem;
}

.atc-product-price .biokissed-point .regular-point {
	display: none;
}

.atc-product-price .cp-point {
	margin-right: 0.75rem;
}

.atc-product-button {
	position: absolute;
	width: var(--short-atc-button-width);
	height: 100%;
	top: 0;
	right: 0;
	z-index: 1;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	padding-right: 12px;
}

.atc-product-button::before,
.atc-product-button::after {
	content: "";
	position: absolute;
	width: calc(100% + 32px);
	height: 100%;
	top: 0;
	right: -20px;
	background: var(--current-bg-color-extrasoft);
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.atc-product-button::after {
	width: 150%;
	right: 0;
	-webkit-filter: blur(20px);
	filter: blur(20px);
}

.atc-button {
	flex-shrink: 0;
	position: relative;
	width: 40px;
	height: 40px;
/*	border-radius: 50%;*/
	border: var(--main-border-size) solid var(--current-color-soft);
	top: calc(50% - 22px);
	z-index: 1;
	box-shadow: inset 0 0 0 1px var(--current-color);
}

.atc-button::before,
.atc-button::after {
	content: "";
	position: absolute;
	width: 10px;
	height: var(--main-border-size);
	top: 50%;
	left: 50%;
	background-color: var(--current-color);
	transform: translateX(-50%) translateY(-50%);
	opacity: 0;
}

.atc-button::after {
	opacity: 1;
	width: 0;
	height: 16px;
	background-color: transparent;
	border-right: 4px dotted var(--current-color);
}

.atc-button:hover {
	background-color: var(--current-color);
}

.atc-button:hover::before,
.atc-button:hover::after {
	background-color: var(--white);
}

.atc-button .button-text {
	display: none;
}

/* Related Product and Up Sells*/
.related,
.up-sells {
	--product-per-row: 1;
	--product-edge-space: var(--container-space);
}

.related h2,
.up-sells h2 {
	text-align: left;
}

.related .products,
.up-sells .products {
	/*margin-top: calc(0.5 * var(--section-space));*/
	margin-top: var(--section-space);
	justify-content: center;
}

.related .products .product,
.up-sells .products .product {
	/*border: 1px solid var(--current-color-extrasoft);*/
}

.related .owl-stage,
.up-sells .owl-stage {
	/*gap: var(--product-edge-space);*/
}

.related .owl-dots,
.up-sells .owl-dots {
	margin-top: 1.5rem;
	margin-bottom: 0;
}

/* Cross Sells */
.cross-sells {
	/* Check this later please! */
	display: none;
}

.cross-sells .products .product:nth-child(n) {
	background-color: transparent;
}

/* .cross-sells .woocommerce-loop-product__link {
	padding-bottom: 0.5rem;
}

.cross-sells .products .button {
	display: inline-flex;
} */

/* Cart and Checkout */
body.woocommerce-order-pay .site-main {
	display: flex;
	align-items: center;
	justify-content: center;
}

body.woocommerce-cart .entry-header,
body.woocommerce-checkout .entry-header {
	display: none;
}

body.woocommerce-order-pay .entry-header {
	display: block;
}

body.woocommerce-order-pay .entry-title {
	font-size: 1.25rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	/*margin-top: calc(var(--section-space) - 1.25rem);*/
	margin-top: 0;
	margin-bottom: 0;
}

body.woocommerce-cart .entry-content,
body.woocommerce-checkout .entry-content {
	margin-top: 0;
}

.checkout-steps {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-bottom: var(--section-space);
	line-height: 1.25;
	text-align: center;
	width: calc(100% + 2 * var(--container-space));
	margin-left: calc(-1 * var(--container-space));
	background-color: var(--page-background);
	min-height: var(--field-height);
	position: -webkit-sticky;
	position: sticky;
	top: var(--header-height);
	z-index: 3;
}

.checkout-steps::before,
.checkout-steps::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background: linear-gradient(to right, var(--current-color-transparent), var(--current-color), var(--current-color-transparent));
}

.checkout-steps::after {
	top: auto;
	bottom: 0;
}

.step-item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	font-size: 0.5em;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	width: 25%;
	padding: 0.75rem 0.5rem;
	border-left: 1px solid var(--current-color-soft);
	background-color: var(--current-color-soft);
	counter-increment: number;
	margin: 0;
}

.step-item::before {
	content: counter(number);
	font-size: 1rem;
	line-height: 1;
	margin-bottom: 0.375rem;
}

.step-item:first-child {
	border-left-width: 0;
}

.step-item.current,
body.woocommerce-cart #cart-step {
	font-weight: 600;
	background-color: var(--current-color);
	color: var(--contrast-color);
}

.step-item.current + .step-item,
body.woocommerce-cart #cart-step + .step-item {
	border-left-width: 0;
}

.step-item a {
	max-width: 72px;
	text-decoration: none;
}

.step-item a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.woocommerce-billing-fields > h3,
.woocommerce-shipping-fields > h3,
.checkout-details-item > h3 {
	font-size: 1.5em;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	margin-top: 0;
	margin-bottom: var(--section-space);
}

.cart {
	text-align: right;
}

.cart_item {
	position: relative;
	padding: 1em;
	padding-left: 50%;
	margin-top: var(--element-space);
	border-radius: var(--main-border-radius);
	background-color: var(--white-half);
	box-shadow: var(--thin-border-shadow);
}

.cart_item:first-child {
	margin-top: var(--section-space);
}

.cart_item > span {
	display: block;
}

.cart_item .product-remove {
	position: absolute;
	top: -8px;
	left: -8px;
	z-index: 1;
}

.cart_item .product-remove a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	line-height: initial;
	width: 1.125rem;
	height: 1.125rem;
	padding: 0;
	color: var(--error-color-half);
	border: 1px solid var(--error-color-half);
	border-radius: 50%;
	background-color: var(--page-background);
	text-decoration: none;
	transition: 0.3s;
}

.cart_item .product-remove a:hover {
	color: var(--contrast-color);
	background-color: var(--error-color);
}

.cart_item .product-thumbnail {
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	left: 0;
	border-top-left-radius: var(--main-border-radius);
	border-bottom-left-radius: var(--main-border-radius);
	padding: 10px;
	overflow: hidden;
}

.cart_item .product-thumbnail a {
	display: block;
	width: 100%;
/*	height: 100%;*/
}

.cart_item .product-thumbnail img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
}

.cart_item .product-name {
	position: relative;
	font-size: 1.25em;
	font-weight: 500;
	line-height: 1.2;
	color: var(--current-color);
}

.cart_item .product-name a {
	font-weight: 600;
	text-decoration: none;
}

.cart_item .product-name a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.cart_item .product-name .variation {
	display: block;
	font-size: 0.75rem;
	font-family: var(--main-font-family);
	line-height: 1.5;
	margin: 0;
	margin-top: 0.125rem;
}

/*.cart_item .product-name .variation::before {
	content: " – ";
}*/

.cart_item .product-name .variation dt {
	font-weight: inherit;
	display: none;
}

.cart_item .product-name .variation dd {
	display: inline;
}

.cart_item .product-name .variation dd:not(:last-child) > *:last-child::after {
	content: ", ";
}

.cart_item .product-name .variation p {
	display: inline;
}

.cart_item .product-price {
	position: relative;
	font-size: 0.75em;
	color: var(--text-color-thick);
	margin-top: 0.125rem;
	padding-bottom: 0.5rem;
}

.cart_item .product-price::after {
	content: "";
	position: absolute;
	width: 90%;
	height: 1px;
	right: 0;
	bottom: 0;
	background: linear-gradient(to left, var(--text-color-transparent), var(--text-color) 1em, var(--text-color-transparent));
	opacity: 0.25;
}

.cart_item .biokissed-point {
	font-size: 1em;
	font-weight: inherit;
	color: inherit;
	margin-top: 0;
	line-height: 1;
}

.cart_item .biokissed-point::before {
	margin-right: 0.5rem;
}

.cart_item .product-price .biokissed-point {
	padding-left: 1.5rem;
}

.cart_item .biokissed-point.cp-point {
	margin-right: 0;
}

.cart_item .biokissed-point.pv-point {
	margin-left: 0.75rem;
}

.cart_item .product-price .biokissed-point::before {
	background-color: transparent;
	color: var(--current-color);
	border: 1px solid var(--current-color-half);
	margin-right: 0.25rem;
}

.cart_item .product-price .biokissed-point::after {
	display: none;
}

.cart_item .product-price .biokissed-point.pv-point {
	margin-left: 0.5rem;
}

.cart_item .product-quantity {
	margin-top: 0.5rem;
}

.cart_item .product-quantity input {
	position: relative;
	font-size: 0.875rem;
	padding: 0 1.625rem;
	border-width: 1px;
	border-radius: var(--small-border-radius);
	height: var(--button-small-height);
	width: 100%;
	max-width: 6rem;
	margin-left: auto;
}

.cart_item .product-quantity .input-number-handler {
	max-width: 6rem;
	margin-left: auto;
}

.cart_item .product-quantity .input-number-handler input {
	max-width: 100%;
}

.cart_item .product-quantity .button-handler {
	width: 1.625rem;
	height: calc(var(--button-small-height) - 8px);
	border-radius: calc(var(--small-border-radius) - 2px);
	z-index: 1;
	font-size: 0.75rem;
}

.cart_item .product-quantity .button-min {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.cart_item .product-quantity .button-plus {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.cart_item .product-subtotal {
	font-weight: 600;
	margin-top: 0.5rem;
	line-height: 1.375;
}

.button[name="update_cart"] {
	width: 100%;
	margin-top: var(--element-space);
	display: none;
}

.woocommerce-cart-form .coupon {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	margin-top: var(--element-space);
}

.woocommerce-cart-form .coupon > p {
	margin-top: 0.5rem;
}

.button[name="apply_coupon"] {
	width: 100%;
	margin-top: 0.5rem;
}

.woocommerce-cart-form + .member-info {
	margin-top: var(--section-space);
}

.cross-sells h2 {
	font-size: 1.5em;
	text-align: center;
}

.cross-sells .products {
	justify-content: center;
}

.cart_totals h2 {
	font-size: 1.5em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	text-align: center;
	color: var(--current-color);
}

.cart_totals .shop_table {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
}

.cart_totals .shop_table > div > span:first-child {
	font-weight: 600;
}

.cart-subtotal {
	order: -3;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-top: var(--element-space);
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-top: var(--thin-border-style);
	border-bottom: var(--thin-border-style);
}

.cart-subtotal .amount {
	font-size: 1.25em;
	font-weight: 600;
}

.cart-discount {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: var(--thin-border-style);
	min-height: 3.125em;
}

.cart-discount .coupon-name {
	max-width: 50%;
}

.cart-discount .coupon-value {
	font-weight: 600;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
}

.cart-discount .coupon-value .amount {
	margin-left: 0.2em;
}

.woocommerce-remove-coupon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: initial;
	width: 1.125rem;
	height: 1.125rem;
	padding: 0;
	color: var(--error-color-half);
	border: 1px solid var(--error-color-half);
	border-radius: 50%;
	background-color: var(--page-background);
	transition: 0.3s;
	margin-left: 0.5rem;
	text-decoration: none;
}

.woocommerce-remove-coupon:hover {
	color: var(--contrast-color);
	background-color: var(--error-color);
}

.cart-discount [class*="coupon-value-0"] {
	visibility: hidden;
}

.cart-discount [class*="coupon-value-0"] .woocommerce-remove-coupon {
	visibility: visible;
}

.shop_table .fee {
	order: -2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0 20px;
	font-weight: 600;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: var(--thin-border-style);
	min-height: 3.125em;
}

.woocommerce-cart .cart-shipping {
	margin-top: var(--element-space);
}

.cart-shipping > span:first-child {
	display: block;
	margin-bottom: 0.25rem;
}

.shipping-calculator-button {
	display: block;
	font-size: 0.875em;
	font-weight: 600;
	color: var(--current-color);
	margin-top: 0.25rem;
}

.shipping-calculator-update-button-container {
	text-align: right;
}

.shipping-calculator-form button[name="calc_shipping"] {
	width: 100%;
	background-color: var(--current-color);
	color: var(--white);
}

.woocommerce-shipping-methods {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.woocommerce-shipping-methods li {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0.5rem 0;
	border-bottom: var(--thin-border-style);
}

.woocommerce-shipping-methods label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-grow: 1;
	font-size: 0.75rem;
	margin-left: 1em;
}

.woocommerce-shipping-methods label .amount {
	font-size: 1rem;
	text-transform: none;
	text-align: right;
	margin-left: 1em;
	min-width: 45%;
}

.woocommerce-shipping-methods input:checked + label {
	font-weight: 600;
}

#shipping-details .cart-shipping {
	margin-top: var(--element-space);
}

#shipping-details .cart-shipping > span {
	font-weight: 600;	
}

.update-shipping-options {
	margin-top: var(--element-space);
	display: none;
}

body.ship-to-different-address-checked .update-shipping-options {
	display: block;
}

.update-shipping-options__info {
	display: block;
	font-size: 0.75rem;
	line-height: 1.375;
}

.update-shipping-button {
	width: 100%;
	margin-top: 1rem;
}

.shop_table .tax-rate {
	position: relative;
	margin-top: var(--element-space);
	border-top: var(--thin-border-style);
	padding-top: 0.75rem;
	padding-right: 40%;
}

.shop_table .cart-subtotal + .tax-rate {
	margin-top: 0;
	border-top-width: 0;
}

.shop_table .tax-rate + .tax-rate {
	margin-top: 0.75rem;
}

.shop_table .tax-rate > span {
	display: block;
}

.shop_table .tax-rate small {
	display: none;
}

.shop_table .tax-rate .amount {
	position: absolute;
	top: calc(0.75rem + 50%);
	right: 0;
	transform: translateY(calc(-50% - 0.375rem));
}

.shop_table .tax-total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: var(--element-space);
	padding-top: 0.75em;
	border-top: var(--thin-border-style)
}

.shop_table .tax-total .amount {
	font-weight: 600;
}

.order-total {
	margin-top: var(--element-space);
	text-align: right;
	padding: 0.5em 1em 0.625em;
	border: var(--thin-border-style);
	border-radius: var(--main-border-radius);
	background-color: var(--current-color-supersoft);
}

.woocommerce-cart .order-total {
	margin-top: var(--section-space);
}

.order-total > span:first-child {
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-size: 0.875em;
	font-weight: 600;
	color: var(--current-color);
}

.summary-details .order-total > span:first-child {
	font-weight: 600;
}

.order-total .amount {
	font-size: 1.5em;
	line-height: 1.25;
	margin-top: 0.125rem;
}

.order-total .biokissed-point {
	margin-top: 0;
	font-weight: 600;
}

.order-total .biokissed-point.cp-point {
	margin-right: 0.875rem;
}

.wc-proceed-to-checkout .button {
	margin-top: 0.5rem;
	width: 100%;
}

.return-to-shop .button {
	width: 100%;
}

.form-woocommerce-checkout {
	width: calc(100% + 2 * var(--container-space));
	margin-left: calc(-1 * var(--container-space));
	margin-top: var(--section-space);
	overflow: hidden;
}

.form-woocommerce-checkout .woocommerce-error {
	margin: var(--section-space) var(--container-space);
	margin-top: 0;
}

.form-woocommerce-checkout .woocommerce-NoticeGroup-checkout {
	padding: 0 var(--container-space);
}

.form-woocommerce-checkout .woocommerce-NoticeGroup-checkout .woocommerce-info,
.form-woocommerce-checkout .woocommerce-NoticeGroup-checkout .woocommerce-error,
.form-woocommerce-checkout .woocommerce-NoticeGroup-checkout .woocommerce-message {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}

.form-woocommerce-checkout .woocommerce-NoticeGroup-checkout + .checkout-details-container {
	margin-top: var(--section-space);
}

.checkout-details-container {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	width: calc(3 * var(--viewport-width));
	transition: 0.5s;
}

.checkout-details-item {
	width: calc(100% / 3);
	padding: 0 var(--container-space);
}

.checkout-details-item:not(:target) {
	position: absolute;
	opacity: 0;
	visibility: hidden;
}

.checkout-details-container #account-details h3 {
	margin-bottom: calc(var(--section-space) - 1rem);
}

#ship-to-different-address label {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: space-between;
	text-transform: none;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0;
}

/* #order_review_heading {
	font-size: 1.5rem;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
} */

.checkout_coupon {
	font-size: 0.875em;
}

.checkout_coupon .form-row-last {
	margin-top: 0;
}

body.woocommerce-checkout .woocommerce-form-coupon-toggle {
	display: none;
}

.steps-navigation {
	display: flex;
	align-items: center;
	justify-content: space-between;
	list-style-type: none;
	margin: 0;
	margin-top: var(--section-space);
	padding: 0;
}

.steps-navigation .step-back,
.steps-navigation .step-forward {
	width: 50%;
	margin: 0;
}

.steps-navigation .step-back .button,
.steps-navigation .step-forward .button {
	width: 100%;
}

.steps-navigation .step-back .button {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right-width: 0;
}

.steps-navigation .step-forward .button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

body.woocommerce-checkout .woocommerce-form-login-toggle {
	display: none;
}

body.woocommerce-checkout.account-details .woocommerce-form-login-toggle {
	display: block;
}

.order_item {
	position: relative;
	padding: 1em;
	border: var(--thin-border-style);
}

.order_item .product-name {
	font-size: 1.25em;
	font-weight: 500;
	line-height: 1.2;
	color: var(--current-color);
}

.summary-products .cart_item,
.summary-products .order_item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 1em;
	border-radius: 0;
	border-top-width: 0;
	margin-top: 0;
}

.summary-products .cart_item:first-child,
.summary-products .order_item:first-child {
	border-top-left-radius: var(--main-border-radius);
	border-top-right-radius: var(--main-border-radius);
	border-top-width: 1px;
	margin-top: var(--section-space);
}

.summary-products .cart_item:last-child,
.summary-products .order_item:last-child {
	border-bottom-left-radius: var(--main-border-radius);
	border-bottom-right-radius: var(--main-border-radius);
}

.summary-products .product-image-name {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
	width: calc(100% - 4rem);
}

.summary-products .product-image {
	flex-shrink: 0;
}

.summary-products .product-image img {
	display: block;
	width: 80px;
	height: auto;
	border-radius: 4px;
}

.summary-products .product-name {
/*	width: calc(100% - 4rem);*/
}

.summary-products .product-quantity,
.order-item-quantity {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.875rem;
	font-weight: 600;
	min-width: 2.25rem;
	height: 1.875rem;
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-top: 0;
	background-color: var(--current-color);
	color: var(--contrast-color);
	border-radius: var(--small-border-radius);
	border: var(--main-border-size) solid var(--page-background);
	box-shadow: 0 0 0 var(--main-border-size) var(--current-color);
}

.summary-products .product-total {
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	margin-top: 1rem;
	padding-top: 1rem;
	font-weight: 500;
	text-align: right;
}

.summary-products .product-total::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background: linear-gradient(to left, var(--text-color-transparent), var(--text-color) 1em, var(--text-color-transparent));
	opacity: 0.25;
}

.summary-products .product-total .woocommerce-Price-amount {
	order: 1;
	margin-left: auto;
}

.password-input {
	position: relative;
}

.password-input > input {
	padding-right: 2.5rem;
}

.woocommerce-password-strength {
	position: relative;
	font-weight: 500;
	margin-top: 0.5rem;
	padding-top: 0.5rem;
	color: var(--current-color);
}

.woocommerce-password-strength::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	top: 0;
	left: 0;
	background: linear-gradient(to right, var(--black-transparent), var(--current-color) 1rem, var(--current-color) 80%, var(--black-transparent));
}

.woocommerce-password-strength.short {
	--current-color: var(--error-color);
}

.woocommerce-password-strength.bad {
	--current-color: var(--info-color);
}

.woocommerce-password-strength.good,
.woocommerce-password-strength.strong {
	--current-color: var(--success-color);
}

.woocommerce-password-hint {
	display: block;
	margin-top: 0.5rem;
	padding: 0.75rem 1rem;
	border: var(--thin-border-style);
	border-radius: var(--main-border-radius);
	background-color: var(--info-color-supersoft);
}

.show-password-input {
	position: absolute;
	width: 2.5rem;
	height: var(--field-height);
	top: 0;
	right: 0;
	cursor: pointer;
	border: none;
	background-color: transparent;
}

.show-password-input:hover {
	background-color: transparent;
}

.show-password-input:focus {
	background-color: var(--current-color-extrasoft);
}

.show-password-input::before {
	content: "";
	position: absolute;
	width: 1rem;
	height: 0.75rem;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	border: var(--main-border-size) solid var(--current-color-half);
	transform: translateX(-50%) translateY(-50%);
}

.show-password-input::after {
	content: "";
	position: absolute;
	width: 0.375rem;
	height: 0.375rem;
	top: 50%;
	left: 50%;
	border: var(--main-border-size) solid var(--current-color-half);
	border-radius: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.show-password-input.display-password::before {
	border-color: var(--current-color);
}

.show-password-input.display-password::after {
	background-color: var(--current-color);
}

.shop_table .summary-details {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	margin-top: var(--element-space);
}

.summary-details > div > span:first-child {
	font-weight: 400;
}

.summary-products .order_item {
	flex-wrap: nowrap;
	gap: 0 20px;
}

.summary-products .order_item .product-name .wc-item-meta {
	color: var(--text-color);
	line-height: 1.5;
}

.summary-products .order_item .product-name .wc-item-meta li {
	display: block;
	margin: 0;
}

.summary-products .order_item .product-quantity {
	order: -1;
	align-self: flex-start;
}

.summary-products .order_item .product-total {
	margin-top: 0;
	padding-top: 0;
}

.summary-products .order_item .product-total::before {
	display: none;
}

.summary-details .cart_subtotal {
	order: -3;
}

.summary-details [class*="fee"] {
	order: -3;
}

.summary-details .cart-discount {
	order: -2;
}

.summary-details .woocommerce-remove-coupon {
	display: none;
}

.summary-details .cart-shipping {
	order: -1;
	margin-top: 0.75rem;
}

.summary-details .cart-shipping > span:first-child {
	margin-bottom: 0.5rem;
}

.summary-details .woocommerce-shipping-methods li {
	border: none;
	padding: 0;
}

.summary-details .woocommerce-shipping-methods input:not(:checked),
.summary-details .woocommerce-shipping-methods input:not(:checked) + label {
	display: none;
}

.woocommerce-shipping-methods > li:first-child:last-child label {
	font-weight: 600;
	margin-left: 0;
}

.summary-details .woocommerce-shipping-methods > li:first-child:last-child label {
	display: flex;
}

.summary-details .details-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
	border-bottom: var(--thin-border-style);
}

.summary-details .details-item-label {
	text-transform: capitalize;
}

.summary-details .details-item-value {
	text-align: right;
	margin-left: 2rem;
}

.summary-details .details-item-value .woocommerce-Price-amount {
	font-weight: 600;
}

.summary-details .details-item-value .shipped_via {
	font-size: 0.75rem;
	display: block;
}

.summary-details .details-item.cart_subtotal .details-item-value {
	font-size: 1.25rem;
}

.summary-details .details-item.discount .details-item-value {
	display: flex;
	align-items: center;
}

.summary-details .details-item.shipping {
	border-bottom-width: 0;
	padding-bottom: 0;
}

.summary-details .details-item.payment_method {
	display: none;
}

.summary-details .tax-rate {
	margin-top: 0.75rem;
}

.summary-details .tax-rate .amount {
	font-weight: 600;
}

.summary-details .details-item.order_total {
	flex-wrap: wrap;
	padding: 0.5rem 1rem;
	border: var(--thin-border-style);
	border-radius: var(--main-border-radius);
	margin-top: var(--element-space);
	background-color: var(--current-color-supersoft);
}

.summary-details .details-item.order_total .details-item-label {
	font-size: 0.875rem;
	text-transform: uppercase;
	text-align: right;
	color: var(--current-color);
	letter-spacing: 1px;
	width: 100%;
}

.summary-details .details-item.order_total .details-item-value {
	font-size: 1.5rem;
	width: 100%;
	text-align: right;
	margin: 0;
}

.woocommerce-checkout-payment {
	margin-top: var(--element-space);
}

.woocommerce-checkout-payment .payment_methods {
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-top: 0.75rem;
}

.woocommerce-checkout-payment .wc_payment_method {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	margin: 0;
}

.woocommerce-checkout-payment .wc_payment_method:first-child:last-child input {
	display: block !important;
}

.woocommerce-checkout-payment .wc_payment_method label {
	flex-basis: 50%;
	flex-grow: 1;
	font-size: 0.75rem;
	margin-left: 0.75rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.woocommerce-checkout-payment .wc_payment_method input:checked + label {
	font-weight: 600;
}

.woocommerce-checkout-payment .wc_payment_method img {
	display: none !important;
}

.woocommerce-checkout-payment .payment_box {
	width: 100%;
	margin-top: 0.75rem;
	margin-bottom: 1rem;
}

.woocommerce-checkout-payment .wc_payment_method:last-child .payment_box {
	margin-bottom: 0;
}

.woocommerce-checkout-payment .payment_box p {
	font-size: 0.875em;
	padding: 0.75rem 1rem;
	background-color: var(--info-color-supersoft);
	border: var(--thin-border-style);
	border-radius: var(--main-border-radius);
	margin: 0;
}

.woocommerce-checkout-payment .payment_box .new-line {
	display: block;
	margin-top: 1em;
}

/* Revolut Payment Method */
.payment_method_revolut_cc .payment_box {
	margin: 0;
}

.payment_box.payment_method_revolut_cc > *:first-child {
	margin-top: 0.75rem;
}

.payment_box.payment_method_revolut_cc > *:last-child {
	margin-bottom: 1rem;
}

.payment_method_revolut_cc .payment_box p,
.payment_method_revolut_pay .payment_box p {
	color: var(--text-color) !important;
}

.payment_method_revolut_cc .wc-saved-payment-methods {
	margin-top: 1rem;
}

.payment_method_revolut_cc .wc-credit-card-form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin: 0;
	margin-top: 0.75rem;
	padding: 0.5rem;
	border: none;
	border-radius: var(--main-border-radius);
	background-color: var(--current-color) !important;
	display: none; /* Force to hide the form when using pop up version. */
}

@media screen and (min-width: 960px) {
	.payment_method_revolut_cc .wc-credit-card-form {
		flex-wrap: nowrap;
	}
}

.payment_method_revolut_cc .wc-credit-card-form > * {
	flex-basis: 100%;
	margin: 0;
}

.payment_method_revolut_cc #woocommerce-revolut-card-element,
.payment_method_revolut_cc #wc-revolut-cardholder-name {
	margin: 0;
	padding: 0.75rem;
	border: none;
	border-radius: var(--small-border-radius);
	background-color: var(--white);
	box-shadow: var(--main-box-shadow);
	min-height: 48px;
}

.payment_method_revolut_cc #cardholder-name {
	background-color: transparent;
	border-radius: 0;
	border: none;
	margin: 0;
	padding: 0;
}

.payment_method_revolut_cc .woocommerce-input-wrapper {
	margin: 0;
}

.wc_payment_method .woocommerce-NoticeGroup-checkout {
	padding-left: 0;
	padding-right: 0;
}

.wc_payment_method .woocommerce-NoticeGroup-checkout .woocommerce-info,
.wc_payment_method .woocommerce-NoticeGroup-checkout .woocommerce-error,
.wc_payment_method .woocommerce-NoticeGroup-checkout .woocommerce-message {
	margin: 0;
	margin-top: 0.75rem;
}

.wc_payment_method .woocommerce-NoticeGroup-checkout .woocommerce-info::before,
.wc_payment_method .woocommerce-NoticeGroup-checkout .woocommerce-error::before,
.wc_payment_method .woocommerce-NoticeGroup-checkout .woocommerce-message::before {
	top: 1.55rem;
}

.woocommerce-checkout-payment {
	position: relative;
	margin-bottom: 100px;
}

.woocommerce-checkout-payment.revolut-pay-selected {
	margin-bottom: 100px;
}

body.woocommerce-order-pay .woocommerce-checkout-payment.revolut-pay-selected {
	margin-bottom: calc(100px + var(--element-space));
}

.payment_box.payment_method_revolut_pay {
	margin-top: 0;
	margin-bottom: 0;
}

#woocommerce-revolut-pay-element {
	position: absolute;
	width: 100%;
	bottom: 0;
	transform: translateY(100%);
	padding: 0.5rem;
	background-color: white;
	border-radius: var(--main-border-radius);
	box-shadow: var(--main-box-shadow);
}

body.woocommerce-order-pay #woocommerce-revolut-pay-element {
	bottom: calc(-1 * var(--element-space));
}

#woocommerce-revolut-pay-element > * {
	width: 100%;
	min-width: 100% !important;
	height: 82px !important;
}

#woocommerce-revolut-pay-element iframe {
	height: auto !important;
}

#woocommerce-revolut-pay-element button {
	margin-top: 0 !important;
	position: absolute;
	width: calc(100% - 1rem) !important;
	top: 0.5rem;
	left: 0.5rem;
}

.woocommerce-terms-and-conditions {
	width: 100%;
	font-size: 0.875em;
	padding: 0.75rem 1rem;
	border-radius: var(--main-border-radius);
	border: var(--thin-border-style);
	margin-top: var(--element-space);
	background-color: var(--info-color-supersoft);
}

.woocommerce-terms-and-conditions > *:first-child {
	margin-top: 0;
}

.woocommerce-terms-and-conditions h2 {
	font-size: 1.5em;
	color: var(--current-color);
}

.woocommerce-terms-and-conditions-wrapper .validate-required {
	padding: 1em;
	border: var(--thin-border-style);
	background-color: var(--current-color-supersoft);
	border-radius: var(--main-border-radius);
}

.woocommerce-terms-and-conditions-wrapper .validate-required.woocommerce-validated {
	--current-color: var(--success-color);
	--current-color-soft: var(--success-color-soft);
	--current-color-supersoft: var(--success-color-supersoft);
}

.woocommerce-terms-and-conditions-wrapper label.checkbox {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.woocommerce-terms-and-conditions-wrapper label.checkbox .required {
	display: none;
}

.woocommerce-terms-and-conditions-checkbox-text {
	margin-left: 1rem;
}

.woocommerce-terms-and-conditions-checkbox-text a {
	font-weight: 600;
	color: var(--current-color);
	text-decoration: none;
}

.place-order-buttons {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: var(--element-space);
}

.place-order #place_order {
	flex-grow: 1;
}

.place-order-buttons a + #place-order {
	margin-left: 0.5rem;
}

body.woocommerce-order-pay #place_order {
	margin-top: var(--element-space);
	width: 100%;
}

.order-receipt-pay,
.woocommerce-thankyou-order-details {
	display: block;
	list-style-type: none;
	margin-top: var(--section-space);
	padding: 0;
	border: var(--thin-border-style);
	border-radius: 8px;
}

.order-receipt-pay li,
.woocommerce-thankyou-order-details li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	padding: 1rem;
	border-top: var(--thin-border-style);
}

.order-receipt-pay li:first-child,
.woocommerce-thankyou-order-details li:first-child {
	border-top-width: 0;
}

.order-receipt-pay li strong,
.woocommerce-thankyou-order-details .order-item-value {
	font-weight: 600;
	margin-left: 5rem;
	text-align: right;
}

.woocommerce-thankyou-order-details .woocommerce-order-overview__email .order-item-value {
	word-wrap: break-word;
	word-break: break-all;
}

body.woocommerce-order-pay #pay-button {
	width: 100%;
	margin-top: var(--section-space);
	background-color: var(--current-color);
	color: var(--white);
}

body.woocommerce-order-pay #pay-button:hover,
body.woocommerce-order-pay #pay-button:focus {
	background-color: var(--current-color-thick);
}

.thankyou-wrapper::before {
	content: "";
	display: block;
	width: 100%;
	padding-top: 50%;
	border-radius: var(--main-border-radius);
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(assets/img/thankyou-bg-01.jpg);
}

.thankyou-title {
	text-align: center;
	color: var(--current-color);
	margin-top: calc(var(--section-space) - 0.3em);
}

.thankyou-text {
	font-size: 0.875rem;
	text-align: center;
	padding: 0 1rem;
	margin-bottom: -0.7em;
}

.blockUI.blockOverlay {
	position: fixed !important;
	width: 100% !important;
	height: 100% !important;
	top: 0 !important;
	left: 0 !important;
	background-color: var(--page-background-half) !important;
	z-index: 9 !important;
	opacity: 1 !important;
	-webkit-backdrop-filter: grayscale(1);
	backdrop-filter: grayscale(1);
}

.blockUI.blockOverlay::before {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 6px solid var(--current-color);
	border-right-color: var(--current-color-thick);
	border-bottom-color: var(--current-color-half);
	border-left-color: var(--current-color-soft);
	left: calc(50% - 0.5rem);
	top: calc(50% - 0.5rem);
	-webkit-animation: rotate-over 1s linear infinite;
	animation: rotate-over 1s linear infinite;
}

@-webkit-keyframes rotate-over {
	100% {
		transform: rotate(960deg);
	}
}

@keyframes rotate-over {
	100% {
		transform: rotate(960deg);
	}
}

/* Account Dashboard */
:root {
	--dashboard-nav-height: 52px;
}

.woocommerce-account .entry-title {
	font-size: 1.25rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
}

.woocommerce-account.logged-in .entry-title {
	margin-top: calc(var(--dashboard-nav-height) + var(--section-space));
}

.woocommerce-account:not(.logged-in) .entry-title {
	display: none;
}

.woocommerce-account:not(.logged-in) .entry-content {
	margin-top: 0;
}

.woocommerce-MyAccount-navigation {
	position: fixed;
	width: 100%;
	height: var(--dashboard-nav-height);
	top: var(--header-height);
	left: 0;
	font-weight: 500;
	line-height: initial;
	color: var(--current-color-thick);
	padding-bottom: 6px;
	overflow-x: scroll;
	z-index: 9;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.woocommerce-MyAccount-navigation::-webkit-scrollbar {
	display: none;
}

.woocommerce-MyAccount-navigation::before,
.woocommerce-MyAccount-navigation::after {
	content: "";
	position: fixed;
	width: 100%;
	height: 1px;
	top: var(--header-height);
	left: 0;
	background: linear-gradient(to right, var(--current-color-transparent), var(--current-color), var(--current-color-transparent));
	z-index: 1;
}

.woocommerce-MyAccount-navigation::after {
	top: calc(var(--header-height) + var(--dashboard-nav-height) - 7px);
}

.woocommerce-MyAccount-navigation ul {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
	height: 100%;
}

.woocommerce-MyAccount-navigation ul::before {
	content: "";
	position: fixed;
	width: 100%;
	height: calc(var(--dashboard-nav-height) - 6px);
	top: var(--header-height);
	left: 0;
	background-color: var(--page-background);
	z-index: -1;
}

.woocommerce-MyAccount-navigation ul::after {
	content: "";
	position: fixed;
	width: 80px;
	height: calc(var(--dashboard-nav-height) - 6px);
	top: var(--header-height);
	right: 0;
	background: linear-gradient(to left, var(--page-background) 25%, var(--page-background-transparent));
	z-index: 1;
}

.woocommerce-MyAccount-navigation li {
	margin: 0;
	height: 100%;
	padding: 4px;
}

.woocommerce-MyAccount-navigation li a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 calc(var(--container-space) - 4px);
	border-radius: 3px;
	height: 100%;
	text-decoration: none;
}

.woocommerce-MyAccount-navigation li.is-active,
.woocommerce-MyAccount-navigation li:last-child {
	position: relative;
	z-index: 2;
}

.woocommerce-MyAccount-navigation li a:hover {
	background-color: var(--current-color-supersoft);
}

.woocommerce-MyAccount-navigation li.is-active a {
	color: var(--contrast-color);
	background-color: var(--current-color);
}

li.woocommerce-MyAccount-navigation-link--customer-logout a {
	color: var(--info-color);
	border: 1px solid;
	padding-left: 1rem;
	padding-right: 1rem;
}

.woocommerce-MyAccount-content a {
	font-weight: 600;
	color: var(--current-color);
	text-decoration: none;
}

.user-avatar {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 120px;
	margin-top: var(--section-space);
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%;
	padding: 4px;
	border: var(--main-border-size) solid var(--current-color);
	overflow: hidden;
}

.user-avatar img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 50%;
	background-color: var(--current-color-supersoft);
}

.user-avatar svg {
	position: absolute;
	width: 80px;
	height: 80px;
	top: 50%;
	left: 50%;
	margin-top: 4px;
	transform: translate(-50%, -50%);
	fill: var(--current-color);
	z-index: -1;
}

.welcome-words {
	margin-top: var(--section-space);
	text-align: center;
}

.welcome-words .big {
	display: block;
	font-size: 4rem;
	font-weight: 600;
	line-height: 1;
	margin-left: -0.075em;
}

.welcome-words .username {
	display: block;
	font-size: 2rem;
	line-height: 1.25;
	margin-top: 0.5rem;
	margin-left: -0.02em;
	color: var(--current-color);
}

.welcome-words > .small {
	display: block;
	margin-top: 0.25rem;
}

.welcome-words .button {
	margin-top: 0.5rem;
}

.info-card {
	display: block;
	font-size: 0.875rem;
	padding: 0.75rem 1rem;
	border: var(--thin-border-style);
	border-radius: var(--main-border-radius);
	background-color: var(--info-color-supersoft);
}

.welcome-words + .info-card {
	margin-top: var(--section-space);
}

.orders-list {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	margin: 0;
	margin-top: calc(-1 * var(--element-space));
	padding: 0;
	list-style-type: none;
}

.order-item {
	position: relative;
	width: 100%;
	margin: 0;
	margin-top: var(--element-space);
	padding: 1em;
	border: var(--thin-border-style);
	border-color: var(--current-color-soft);
	border-radius: var(--main-border-radius);
	overflow: hidden;
	transition: 0.5s;
}

.order-item:hover {
	background-color: var(--current-color-supersoft);
}

.order-item.on-hold,
.order-item.pending-payment,
.order-item.processing {
	--current-color: var(--info-color);
	--current-color-half: var(--info-color-half);
	--current-color-soft: var(--info-color-soft);
	--current-color-extrasoft: var(--info-color-extrasoft);
	--current-color-supersoft: var(--info-color-supersoft);
}

.order-item.failed,
.order-item.cancelled {
	--current-color: var(--error-color);
	--current-color-half: var(--error-color-half);
	--current-color-soft: var(--error-color-soft);
	--current-color-extrasoft: var(--error-color-extrasoft);
	--current-color-supersoft: var(--error-color-supersoft);
}

.order-item.completed {
	--current-color: var(--success-color);
	--current-color-half: var(--success-color-half);
	--current-color-soft: var(--success-color-soft);
	--current-color-extrasoft: var(--success-color-extrasoft);
	--current-color-supersoft: var(--success-color-supersoft);
}

.order-item.refunded {
	--current-color: var(--grey);
	--current-color-half: var(--grey-half);
	--current-color-soft: var(--grey-soft);
	--current-color-extrasoft: var(--grey-extrasoft);
	--current-color-supersoft: var(--grey-supersoft);
}

.order-number-details {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(100% + 2em);
	margin-left: -1em;
	margin-right: -1em;
	margin-top: -1em;
	padding: 1em;
	line-height: 1;
	background: linear-gradient(to right, var(--current-color-extrasoft), var(--current-color-transparent));
	border-bottom: 1px solid var(--current-color-supersoft);
}

.order-title {
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.8px;
}

.order-number {
	font-size: 1.5rem;
	color: var(--current-color);
	margin-left: auto;
}

.order-number a {
	color: inherit;
	font-weight: 500;
}

.order-number a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.order-date-status {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: 1rem;
	line-height: 1;
}

.order-date-details {
	flex-shrink: 0;
	font-weight: 600;
	color: var(--current-color);
}

.order-status-details {
	font-size: 0.75rem;
	padding: 0.375em 0.5em;
	background-color: var(--current-color);
	color: var(--contrast-color);
	border-radius: var(--small-border-radius);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.order-amount-details {
	margin-top: 1rem;
	line-height: 1;
}

.order-total-price {
	display: block;
	font-size: 2rem;
	font-weight: 600;
	margin-left: -0.08em;
}

.order-item.refunded .order-total-price {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.order-item.refunded .order-total-price del {
	font-size: 1rem;
}

.order-item-count {
	display: block;
	font-size: 0.75rem;
	margin-top: 0.5rem;
}

.order-action {
	--current-color: var(--terracotta);
	--current-color-extrasoft: var(--terracotta-extrasoft);
	--current-color-supersoft: var(--terracotta-supersoft);
	--current-color-half: var(--terracotta-half);
	margin-top: 1rem;
}

.order-action a {
	position: relative;
	margin-right: 0.5rem;
	z-index: 1;
}

.order-action a:last-child {
	margin-right: 0;
}

.order-action a.pay {
	--current-color: var(--success-color);
	--current-color-half: var(--success-color-half);
}

.order-action a.cancel {
	/*--current-color: var(--error-color);
	--current-color-half: var(--error--color-half);*/
}

.woocommerce-pagination--without-numbers {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: var(--section-space);
}

.woocommerce-pagination--without-numbers .woocommerce-button {
	width: 50%;
}

.woocommerce-pagination--without-numbers .woocommerce-button--previous {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right-width: 0;
}

.woocommerce-pagination--without-numbers .woocommerce-button--previous:last-child {
	border-top-right-radius: var(--main-border-radius);
	border-bottom-right-radius: var(--main-border-radius);
	border-right-width: var(--main-border-size);
}

.woocommerce-pagination--without-numbers .woocommerce-button--next {
	margin-left: auto;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.woocommerce-pagination--without-numbers .woocommerce-button--next:first-child {
	border-top-left-radius: var(--main-border-radius);
	border-bottom-left-radius: var(--main-border-radius);
}

.info-card mark {
	font-size: inherit;
	font-weight: 600;
	color: inherit;
	background-color: transparent;
}

.info-card .order-status {
	color: var(--current-color);
	text-transform: capitalize;
}

.order-updates-title,
.woocommerce-order-details__title,
.woocommerce-column__title {
	font-size: 1.25rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
}

.order-updates-list {
	margin: 0;
	margin-top: var(--element-space);
	padding: 0;
	border: var(--thin-border-style);
	border-radius: var(--main-border-radius);
	list-style-type: none;
}

.order-update-item {
	margin: 0;
	padding: 1rem;
	border-bottom: var(--thin-border-style);
	background-color: var(--text-color-supersoft);
}

.order-update-item:last-child {
	border-bottom-width: 0;
}

.order-update-item:first-child {
	background-color: var(--current-color-supersoft);
}

.order-update-item .meta {
	display: block;
	position: relative;
	font-size: 0.625rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0;
	padding-bottom: 1rem;
	padding-left: 1.25rem;
	color: var(--current-color);
}

.order-update-item .meta::before {
	content: "";
	position: absolute;
	width: 0.8em;
	height: 0.8em;
	top: 0.4em;
	left: 0;
	border-radius: 50%;
	border: 2px solid var(--current-color);
	background-color: var(--current-color-thick);
}

.order-update-item .meta::after {
	content: "";
	position: absolute;
	width: 100%;
	max-width: 240px;
	height: 1px;
	left: 1.25rem;
	bottom: 0;
	background: linear-gradient(to right, var(--text-color-transparent), var(--text-color) 2rem, var(--text-color-transparent));
	opacity: 0.25;
}

.order-update-item .description {
	position: relative;
	margin-top: 1rem;
	padding-left: 1.25rem;
}

.order-update-item .description::before {
	content: "";
	position: absolute;
	width: 0.5rem;
	height: calc(50% + 1.5rem);
	top: -1.5rem;
	left: 0.2rem;
	border-left: 1px dotted var(--current-color);
	border-bottom: 1px dotted var(--current-color);
	border-bottom-left-radius: var(--small-border-radius);
	opacity: 0.5;
}

.order-update-item .description *:first-child {
	margin-top: 0;
}

.woocommerce-order-details {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
}

.woocommerce-order-details .cart_subtotal {
	order: 1;
}

.woocommerce-order-details [class*="fee"] {
	order: 2;
}

.woocommerce-order-details .discount {
	order: 2;
}

.woocommerce-order-details [class*="vat"],
.woocommerce-order-details [class*="tax"] {
	order: 3;
}

.woocommerce-order-details .shipping,
.woocommerce-order-details .payment_method,
.woocommerce-order-details .order_total,
.woocommerce-order-details .order-total-points {
	order: 3;
}

.woocommerce-order-details .order-again {
	order: 4;
}

.order-item-details {
	margin-top: var(--element-space);
}

.order-item-product {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	padding: 0.875rem 0 1rem;
	border-top: var(--thin-border-style);
}

.order-item-quantity {
	margin-top: 2px;
	margin-left: 2px;
}

.order-item-product-name {
	display: block;
	width: 75%;
	font-size: 1.25rem;
	line-height: 1.5;
	text-align: right;
}

.order-item-product-name a {
	font-weight: 600;
	color: var(--current-color);
}

.wc-item-meta {
	font-family: var(--main-font-family);
	font-size: 0.75rem;
	font-weight: 500;
	display: block;
	padding: 0;
	margin: 0;
	margin-top: 0.25rem;
	list-style-type: none;
	color: var(--current-color);
}

.wc-item-meta li {
	display: inline;
	margin: 0;
	margin-left: 0.5rem;
}

.wc-item-meta li:first-child {
	margin-left: 0;
}

.wc-item-meta-label {
	/* display: none; */
}

.wc-item-meta p {
	margin: 0;
	display: inline;
}

.order-item-meta {
	font-family: var(--main-font-family);
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.6;
	display: block;
	padding: 0;
	margin: 0;
	margin-top: 0.25rem;
	list-style-type: none;
	color: var(--current-color);
}

.order-item-meta .meta-item {
	display: inline;
	margin: 0;
	margin-left: 0.375rem;
}

.order-item-meta .meta-item:first-child {
	margin-left: 0;
}

.order-item-meta .meta-item-value {
	font-size: 0.8rem;
	font-weight: 600;
}

.order-item-product-price {
	display: block;
	width: 100%;
	font-weight: 500;
	margin-top: 0.25rem;
	text-align: right;
	line-height: 1.5;
}

.order-item-product-price .biokissed-point {
	font-size: inherit;
	font-weight: inherit;
}

.order-item-product-price .biokissed-point.cp-point {
	margin-right: 0.875rem;
}

.order-total-details {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: 1rem 0;
	border-top: var(--thin-border-style);
}

.order-item-details + .order-total-details {
	margin-top: calc(var(--section-space) - 1rem);
}

.order-total-name {
	font-size: 0.875rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.order-coupon-code {
	font-size: 0.75rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	padding: 0.25rem 0.5rem;
	margin-left: -10px;
	margin-right: auto;
	border: 1px solid var(--text-color-extrasoft);
	border-radius: var(--small-border-radius);
	background-color: var(--text-color-supersoft);
}

.order-total-value {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	text-align: right;
}

.order-total-details.shipping .order-total-value {
	flex-wrap: wrap;
}

.order-total-details.shipping .woocommerce-Price-amount {
	width: 100%;
}

.order-total-details.payment_method .order-total-value {
	font-size: 0.875rem;
	font-weight: 500;
}

.order-total-details.order_total {
	padding-bottom: 0;
}

.order-total-details.order_total .order-total-value {
	font-size: 1.5rem;
}

.order-total-details.order_total .order-total-value del {
	font-size: 1rem;
	margin-right: 0.5em;
}

.order-total-details.order_total .woocommerce-Price-amount {
	font-weight: 600;
}

.order-total-details.tax {
	order: 3;
}

.order-total-details[class*="refund"] {
	order: 3;
}

.order-total-details[class*="refund"] .order-total-value {
	flex-wrap: wrap;
}

.order-total-details[class*="refund"] .woocommerce-Price-amount {
	width: 100%;
}

.order-total-value .woocommerce-Price-amount {
	font-weight: 500;
}

.order-total-points {
	text-align: right;
}

.order-total-points .biokissed-point {
	font-weight: 600;
	margin-top: 0.25rem;
}

.order-total-points .biokissed-point.cp-point {
	margin-right: 0.875rem;
}

.order-summary-note {
	margin-top: var(--section-space);
}

.order-summary-note .summary-note-title {
	font-weight: 600;
}

.order-again {
	margin-top: var(--section-space);
	text-align: center;
}

.order-again .button {
	width: 100%;
}

.woocommerce-order-actions {
	display: flex;
	justify-content: flex-start;
	gap: 10px;
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: var(--thin-border-style);
}

.order-actions-button.pay {
	--current-color: var(--success-color);
}

.woocommerce-customer-details .addresses {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}

.woocommerce-column--billing-address,
.woocommerce-column--shipping-address {
	width: 100%;
	padding: 1rem;
	border: var(--thin-border-style);
	border-radius: var(--main-border-radius);
	margin-top: var(--section-space);
	overflow: hidden;
}

.woocommerce-customer-details .addresses .woocommerce-column__title {
	margin: -1rem;
	margin-bottom: 1rem;
	padding: 1rem;
	background-color: var(--current-color-extrasoft);
	border-bottom: 1px solid var(--text-color-supersoft);
}

.woocommerce-customer-details .addresses address {
	font-style: normal;
}

.woocommerce-customer-details + h2 {
	font-size: 1.25rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 1rem;
	border-bottom: var(--thin-border-style);
}

.woocommerce-customer-details > address {
	padding: 1rem;
	border: var(--thin-border-style);
	border-radius: var(--main-border-radius);
}

.midtrans_payment_info {
	border-collapse: collapse;
}

.midtrans_payment_info tr {
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin-top: var(--element-space);
}

.midtrans_payment_info tr:first-child {
	margin-top: 0;
}

.midtrans_payment_info th {
	display: block;
	width: 100%;
	max-width: 100%;
	text-align: left;
	padding: 0;
}

.midtrans_payment_info td {
	display: block;
	max-width: calc(var(--viewport-width) - 2 * var(--container-space));
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0;
}

.midtrans_payment_info a {
	font-weight: 600;
	color: var(--current-color);
	word-wrap: break-word;
	word-break: break-all;
}

.woocommerce-Address {
	margin-top: var(--section-space);
}

.woocommerce-Address-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.woocommerce-Address-title h2 {
	font-size: 1.25rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 0;
}

.woocommerce-Address address {
	padding: 1rem;
	border: var(--thin-border-style);
	border-radius: var(--main-border-radius);
}

body.woocommerce-edit-address form > h2 {
	position: relative;
	font-size: 1.75em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
}

body.woocommerce-edit-address form > h2::before {
	content: "";
	position: absolute;
	width: 50%;
	height: 1px;
	top: calc(-0.5 * var(--section-space));
	left: 25%;
	background: linear-gradient(to right, var(--text-color-transparent), var(--text-color), var(--text-color-transparent));
	opacity: 0.5;
}

.woocommerce-address-fields button {
	width: 100%;
}

.woocommerce-EditAccountForm {
	margin-top: var(--section-space);
}

.woocommerce-EditAccountForm em {
	display: block;
	font-size: 0.75rem;
	font-style: normal;
	margin-top: 0.5rem;
	line-height: 1.25;
	opacity: 0.75;
}

.woocommerce-EditAccountForm .change-password {
	margin: 0;
	margin-top: var(--section-space);
	padding: 1rem;
	border: var(--thin-border-style);
	border-radius: calc(var(--main-border-radius) + 8px);
}

.woocommerce-EditAccountForm .change-password legend {
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	padding: 0 0.75rem;
}

.woocommerce-EditAccountForm .change-password legend + p {
	margin-top: 0;
}

.woocommerce-EditAccountForm .change-password label {
	font-size: 0.75rem;
	text-transform: none;
	letter-spacing: normal;
}

.woocommerce-EditAccountForm .save-form {
	margin-top: var(--section-space);
}

.woocommerce-EditAccountForm button {
	width: 100%;
}

.woocommerce-form-login .login-button {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

body.woocommerce-account .woocommerce-privacy-policy-text p {
	font-size: 0.875rem;
	padding: 1em;
	border: var(--thin-border-style);
	border-radius: var(--main-border-radius);
	background-color: var(--info-color-supersoft);
}

.woocommerce-privacy-policy-text a {
	font-weight: 600;
	color: var(--current-color);
}

.woocommerce-form-register__submit {
	width: 100%;
}

body.woocommerce-account.woocommerce-lost-password .entry-content,
body.woocommerce-account.woocommerce-reset-password .entry-content {
	margin-top: var(--section-space);
}

body.woocommerce-account.woocommerce-lost-password .entry-title,
body.woocommerce-account.woocommerce-reset-password .entry-title {
	font-size: 1.5rem;
	display: block;
	margin-top: var(--section-space);
	margin-bottom: 0;
}

body.woocommerce-account.woocommerce-lost-password .site-main::before,
body.woocommerce-account.woocommerce-reset-password .site-main::before {
	content: "";
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(assets/img/login-register-bg-01.jpg);
}

body.woocommerce-account.woocommerce-lost-password .site-main::after,
body.woocommerce-account.woocommerce-reset-password .site-main::after {
	content: "";
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	background: linear-gradient(to bottom, var(--page-background-half), var(--page-background) 65%);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

body.woocommerce-account.woocommerce-lost-password .site-main article,
body.woocommerce-account.woocommerce-reset-password .site-main article {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	min-height: calc(var(--viewport-height) - var(--header-height) - var(--section-space));
}

.lost-password-button,
.reset-password-button {
	display: flex;
	width: 100%;
}

.lost-password-button {
	margin-top: calc(0.5rem - var(--element-space));
}

.bacs-info {
	margin-top: var(--section-space);
	padding: 12px 20px;
	background-color: var(--info-color-extrasoft);
	border: 1px solid var(--info-color-extrasoft);
	border-radius: var(--main-border-radius);
	text-align: center;
	display: none;
}

.woocommerce-bacs-bank-details {
	display: none;
}

.bacs-info:first-of-type,
.woocommerce-bacs-bank-details:first-of-type,
.woocommerce-view-order .bacs-info,
.woocommerce-view-order .woocommerce-bacs-bank-details {
	display: block;
}

.woocommerce-view-order .bacs-info {
	max-width: var(--container-small-width);
	margin-left: auto;
	margin-right: auto;
}

.woocommerce-view-order .woocommerce-bacs-bank-details {
	max-width: var(--container-wide-width);
	margin-left: auto;
	margin-right: auto;
}

.woocommerce-order-received .payment-bacs .bacs-info,
.woocommerce-order-received .payment-bacs .woocommerce-bacs-bank-details {
	display: none;
}

.wc-bacs-bank-details-heading {
	font-size: 1.25rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
}

.wc-bacs-bank-details-account-name {
	font-family: var(--main-font-family);
	font-size: 1rem;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	color: var(--current-color);
	display: none;
}

.wc-bacs-bank-details {
	margin: 0;
	margin-top: var(--element-space);
	padding: 0;
	list-style-type: none;
	border: var(--thin-border-style);
	border-radius: var(--main-border-radius);
}

.wc-bacs-bank-details:nth-of-type(2) {
	display: none;
}

body.currency-idr .wc-bacs-bank-details:nth-of-type(1) {
	display: none;
}

body.currency-idr .wc-bacs-bank-details:nth-of-type(2) {
	display: block;
}

.wc-bacs-bank-details li {
	font-size: 0.875rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 2px 40px;
	position: relative;
	margin: 0;
	padding: 1rem;
	padding-right: 100px;
	border-bottom: var(--thin-border-style);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.wc-bacs-bank-details li:last-child {
	border-bottom-width: 0;
}

.wc-bacs-bank-details li strong {
	flex-basis: 100%;
	font-size: 1.125rem;
	line-height: 1.25;
	letter-spacing: normal;
	transition: 0.5s;
	transform-origin: left center;
}

body.currency-idr .wc-bacs-bank-details li.amount strong {
	text-transform: none;
}

.wc-bacs-bank-details li.copied strong {
	color: var(--current-color);
	transform: translate3d(8px, 0px, 0px);
}

.wc-bacs-bank-details .click-to-copy {
	font-size: 0.75em;
	line-height: 1.25;
	position: absolute;
	top: 50%;
	right: 1rem;
	padding: 6px 8px 4px;
	border: 1px solid var(--text-color-soft);
	border-radius: var(--small-border-radius);
	transform: translateY(-50%);
	cursor: pointer;
	transition: 0.3s;
}

.wc-bacs-bank-details .click-to-copy:hover,
.wc-bacs-bank-details .click-to-copy:focus {
	background-color: var(--current-color);
	color: var(--white);
}

/* Join Us Page */
:root {
	--large-border-radius: 16px;
	--super-large-border-radius: 24px;
}

.wp-block-cover.hero-block-text {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0;
	min-height: 100vh;
}

.entry-content > .wp-block-cover.hero-block-text:first-child {
	padding-top: calc(var(--header-height) + var(--section-space));
}

.wp-block-cover.save-top-area .wp-block-cover__image-background,
.wp-block-cover.save-top-area .wp-block-cover__video-background {
	padding-top: var(--header-height);
}

.hero-block-text .block-text {
	border-radius: var(--large-border-radius);
	box-shadow: 0 3px 8px 2px var(--black-supersoft);
	background: linear-gradient(to top, var(--current-color-extrathick), var(--current-color-thick));
	border: 1px solid var(--current-color-soft);
	backdrop-filter: blur(6px);
}

.hero-block-text .block-text.has-green-background-color {
	--current-color: var(--green);
	--current-color-extrathick: var(--green-extrathick);
	--current-color-thick: var(--green-thick);
	--current-color-soft: var(--green-soft);
}

.hero-block-text .block-text.has-blue-background-color {
	--current-color: var(--blue);
	--current-color-extrathick: var(--blue-extrathick);
	--current-color-thick: var(--blue-thick);
	--current-color-soft: var(--blue-soft);
}

.hero-block-text .block-text.has-brown-background-color {
	--current-color: var(--brown);
	--current-color-extrathick: var(--brown-extrathick);
	--current-color-thick: var(--brown-thick);
	--current-color-soft: var(--brown-soft);
}

.hero-block-text .block-text.has-grey-background-color {
	--current-color: var(--grey);
	--current-color-extrathick: var(--grey-extrathick);
	--current-color-thick: var(--grey-thick);
	--current-color-soft: var(--grey-soft);
}

.hero-block-text .block-text.has-black-background-color {
	--current-color: var(--black);
	--current-color-extrathick: var(--black-extrathick);
	--current-color-thick: var(--black-thick);
	--current-color-soft: var(--black-soft);
}

.hero-block-text .block-text.has-white-background-color {
	--current-color: var(--white);
	--current-color-extrathick: var(--white-extrathick);
	--current-color-thick: var(--white-thick);
	--current-color-soft: var(--white-soft);
}

.hero-block-text .block-text .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.hero-block-text .block-text .wp-block-group__inner-container > * {
	flex-basis: 100%;
}

.hero-block-text .block-text .wp-block-group__inner-container > .title-with-line {
	flex-basis: auto;
}

.hero-block-text .block-text h1 {
	margin-top: -0.25em;
}

.title-with-line {
	position: relative;
	padding-bottom: var(--element-space);
}

.title-with-line::after {
	content: "";
	position: absolute;
	width: 50%;
	height: 2px;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	background-color: var(--white);
	opacity: 0.5;
}

.text-info {
	font-size: 0.75rem;
}

.text-info.larger {
	font-size: 1.25rem;
	line-height: 1.35;
}

.text-info.with-lines {
	position: relative;
	padding-top: 12px;
	padding-bottom: 16px;
}

.text-info.with-lines::before,
.text-info.with-lines::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background: linear-gradient(to right, var(--text-color-transparent), var(--text-color), var(--text-color-transparent));
	opacity: 0.5;
}

.text-info.with-lines::after {
	top: auto;
	bottom: 0;
}

.text-info.with-lines.lines-terracotta::before,
.text-info.with-lines.lines-terracotta::after {
	--text-color: var(--terracotta);
	--text-color-transparent: var(--terracotta-transparent);
}

.hero-element .text-info {
	max-width: var(--container-small-width);
}

.hero-element .text-info.wide {
	max-width: 720px;
}

.hero-block-text .text-info {
	padding: 0 10%;
}

.text-link-side-by-side .wp-block-group__inner-container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 30px;
}

@media screen and (min-width: 768px) {
	.text-link-side-by-side .wp-block-group__inner-container {
		gap: 0 80px;
	}

	.hero-element .text-link-side-by-side .text-info {
		max-width: 480px;
	}
}

.narrow-space {
	margin-top: 0.5rem;
}

.sans-serif-text {
	font-family: var(--main-font-family);
}

.hero-block-text .block-text .serif-text {
	font-size: 1.125rem;
}

.starter-pack-card-list {
	margin-top: var(--section-space);
}

.starter-pack-card {
	position: relative;
	/*margin-top: 50%;*/
	margin-top: var(--element-space);
	margin-left: auto;
	margin-right: auto;
	border-radius: var(--large-border-radius);
	padding: 10px;
	background-color: var(--current-color);
}

.starter-pack-card.iron {
	--current-color: var(--grey);
	--current-color-thick: var(--grey-thick);
	--current-color-extrasoft: var(--grey-extrasoft);
	--current-color-transparent: var(--grey-transparent);
}

.starter-pack-card-header {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	padding: 0;
	padding-bottom: 16px;
	background-color: var(--product-bg-color);
	border-radius: var(--main-border-radius);
}

.starter-pack-card.iron .starter-pack-card-header {
	padding-bottom: 30px;
}

.starter-pack-card-header .starter-pack-image {
	/*overflow: hidden;*/
}

.starter-pack-card-header .product-variation-image {
	display: block;
	width: 100%;
	height: auto;
	border-top-left-radius: var(--main-border-radius);
	border-top-right-radius: var(--main-border-radius);
	/*margin-top: -15%;
	margin-bottom: -20%;*/
}

/*.starter-pack-card.silver .starter-pack-card-header .product-variation-image {
	margin-top: -10%;
	margin-bottom: -15%;
}

.starter-pack-card.bronze .starter-pack-card-header .product-variation-image {
	margin-top: -10%;
	margin-bottom: -10%;
}

.starter-pack-card.iron .starter-pack-card-header .product-variation-image {
	margin-top: 0;
	margin-bottom: 0;
}*/

.starter-pack-card-title {
	font-size: 2.25rem;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin: 0;
	margin-top: 16px;
	margin-right: -0.15em;
	color: var(--current-color);
	transition: 0.5s;
}

.starter-pack-card.gold .starter-pack-card-title {
	font-size: 2.75rem;
}

.starter-pack-card-title span {
	display: block;
	font-family: var(--main-font-family);
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 2px;
	margin-top: 0.5rem;
	margin-right: 0.2em;
}

.starter-pack-card .variation-color-info {
	font-size: 0.625rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.35;
	position: relative;
	top: -1rem;
	opacity: 0.75;
	margin-bottom: -1em;
	margin-left: 4px;
	display: none;
}

.starter-pack-card .color-list {
	margin-top: 10px;
	margin-bottom: -4px;
}

.starter-pack-card .color-list::before {
	display: none;
}

.starter-pack-card .color-item {
	width: 52px;
}

.starter-pack-card .color-item .element-name {
	top: 50%;
	bottom: auto;
	transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
}

.starter-pack-card .color-item.selected .element-name {
	-webkit-animation: color-element-name 1.5s;
	animation: color-element-name 1.5s;
}

.starter-pack-card-content {
	position: relative;
	text-align: right;
	padding: 10px 20px;
	padding-top: 4px;
	color: var(--white);
}

.bonus-info {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 1.35;
	margin-top: 12px;
}

.bonus-info::after {
	content: "";
	position: absolute;
	width: 75%;
	height: 1px;
	bottom: -6px;
	left: -10px;
	background: linear-gradient(to right, var(--white-transparent), var(--white) 2rem, var(--white-transparent));
	opacity: 0.25;
}

.bonus-info .bonus-value {
	display: block;
	font-size: 1.75rem;
	font-weight: 500;
}

.bonus-info .bonus-text {
	display: block;
	font-size: 0.625rem;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.starter-pack-card-content .product-variation-price {
	position: relative;
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-end;
	justify-content: flex-start;
	margin-top: 20px;
}

.starter-pack-card-content .product-variation-price::before {
	content: attr(data-label-name);
	position: absolute;
	left: 0;
	bottom: 6px;
	display: block;
	font-size: 0.625rem;
	letter-spacing: 1px;
	line-height: 1.35;
	text-transform: uppercase;
}

.starter-pack-card-content .price-text {
	display: none;
}

.starter-pack-card-content .product-variation-price .biokissed-points {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin: 0;
}

.starter-pack-card-content .product-variation-price .biokissed-points::before {
	content: attr(data-label-name);
	display: block;
	font-size: 0.625rem;
	letter-spacing: 1px;
	line-height: 1.35;
	text-transform: uppercase;
}

.starter-pack-card-content .product-variation-price .biokissed-points::after {
	content: "";
	position: absolute;
	width: 40%;
	height: 1px;
	bottom: -12px;
	left: -10px;
	background: linear-gradient(to right, var(--white-transparent), var(--white) 2rem, var(--white-transparent));
	opacity: 0.25;
}

.starter-pack-card-content .product-variation-price .biokissed-point.cp-point {
	margin-left: auto;
	margin-right: 12px;
}

.starter-pack-card-content .product-variation-price .biokissed-point::before {
	color: var(--current-color);
	background-color: var(--white);
}

.starter-pack-card-content .product-variation-price .biokissed-point::after {
	border-color: var(--white);
}

.starter-pack-card-content .product-variation-price .biokissed-price {
	flex-direction: column-reverse;
}

.starter-pack-card-content .product-variation-price .biokissed-price.primary {
	align-items: flex-end;
	justify-content: flex-start;
	font-weight: 500;
	color: var(--white);
	min-height: 48px;
	margin: 0;
	margin-top: 3px;
}

.starter-pack-card-content .product-variation-price .biokissed-price.primary::before,
.starter-pack-card-content .product-variation-price .biokissed-price.primary::after {
	display: none;
}

.starter-pack-card-content .product-variation-price .biokissed-price.primary .regular-price {
	color: var(--white-soft);
}

.starter-pack-card-content .product-variation-price .biokissed-price.primary .regular-price::before {
	background: linear-gradient(to right, var(--white-transparent), var(--white), var(--white-transparent));
}

.starter-pack-card-content .product-variation-price .biokissed-price.secondary {
	display: none;
}

.starter-pack-card-footer {
	padding: 10px;
	margin: 0;
}

.starter-pack-card-footer .add-to-cart {
	width: 100%;
	margin-top: 0;
	border-color: var(--white);
	background-color: var(--current-color-transparent);
}

.starter-pack-card-footer .add-to-cart:hover,
.starter-pack-card-footer .add-to-cart:focus {
	background-color: var(--white);
	color: var(--current-color);
}

.starter-pack-card-footer .add-to-cart:active {
	background-color: var(--white-thick);
}

.link-with-arrow a {
	position: relative;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 48px;
}

.link-with-arrow.arrow-to-left a {
	padding-right: 0;
	padding-left: 48px;
}

.link-with-arrow.arrow-to-left a::before,
.link-with-arrow.arrow-to-right a::after {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(assets/icon/arrow-forward.svg);
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 1.5rem;
	opacity: 0.55;
	position: absolute;
	top: calc(50% + 1px);
	right: 0;
	transform: translateY(-50%);
}

.link-with-arrow.arrow-to-left a::before {
	background-image: url(assets/icon/arrow-back.svg);
	margin-left: 0;
	margin-right: 1.5rem;
	right: auto;
	left: 0;
}

.show-more-link {
	margin-top: var(--section-space);
}

/* Referral Page */
.referral-wrapper {
	margin-top: var(--section-space);
	max-width: var(--container-small-width);
	margin-left: auto;
	margin-right: auto;
}

.form-framed {
	border: var(--main-border-size) solid var(--current-color);
	border-radius: var(--large-border-radius);
	padding: 20px;
	padding-top: 16px;
	margin: 0;
	margin-top: var(--section-space);
}

.form-instruction {
	position: relative;
	font-size: 0.75rem;
	padding: 0;
	padding-bottom: 10px;
	margin: 0;
	margin-bottom: 12px;
	opacity: 0.75;
}

.form-instruction::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background: linear-gradient(to right, var(--text-color-transparent), var(--text-color) 1rem, var(--text-color-transparent));
	opacity: 0.5;
}

label.one-line {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 1rem;
}

label.one-line input + .label-text {
	font-size: 1rem;
	font-weight: 500;
	text-transform: none;
	letter-spacing: normal;
	margin-left: 0.75rem;
}

label.one-line input:checked + .label-text {
	color: var(--current-color);
}

.submit-button {
	margin-top: var(--element-space);
}

.submit-button.on-the-right {
	display: flex;
	margin-left: auto;
}

.opt-out-coach {
	font-size: 0.75rem;
	font-weight: 500;
	margin-top: var(--section-space);
	color: var(--current-color);
}

.opt-out-coach a {
	-webkit-text-decoration-color: var(--current-color-half);
	text-decoration-color: var(--current-color-half);
}

.search-member-result {
	margin-top: var(--element-space);
}

.member-list {
	margin-top: var(--section-space);
}

.member-item {
	position: relative;
	margin-top: 1rem;
	padding-top: 1rem;
}

.member-item::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background: linear-gradient(to right, var(--text-color-transparent), var(--text-color) 6rem, var(--text-color-transparent));
	opacity: 0.25;
}

.member-item:first-child {
	margin-top: 0;
	padding-top: 0;
}

.member-item:first-child::before {
	display: none;
}

.member-link {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	text-decoration: none;
}

.member-link .member-image {
	flex-shrink: 0;
	border-radius: 50%;
	border: var(--main-border-size) solid transparent;
	padding: 2px;
	margin: -2px;
	transition: 0.2s;
}

.member-link:hover .member-image {
	border-color: var(--current-color);
}

.member-link .member-image img {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.member-link .member-name {
	font-weight: 500;
	margin-left: 1rem;
	margin-right: 1rem;
	transition: 0.2s;
}

.member-link:hover .member-name {
	color: var(--current-color);
}

.member-link .member-id {
	display: block;
	font-size: 0.625rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: normal;
	padding: 0.125rem 0.25rem;
	border: 1px solid var(--text-color-half);
	border-radius: 3px;
	margin-left: auto;
	text-align: center;
	transition: 0.2s;
}

.member-link .member-id::before {
	content: "ID";
	margin-right: 1px;
}

.member-link:hover .member-id {
	color: var(--current-color);
	border-color: var(--current-color-half);
}

.member-list-pagination {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0 0;
	margin-top: var(--section-space);
}

.member-list-pagination::before,
.member-list-pagination::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background: linear-gradient(to right, var(--current-color-transparent), var(--current-color), var(--current-color-transparent));
	opacity: 0.5;
}

.member-list-pagination::after {
	top: auto;
	bottom: 0;
	display: none;
}

.member-list-pagination a {
	font-weight: 500;
	color: var(--current-color);
	text-decoration: none;
}

.member-list-pagination .nav-prev {
	margin-left: 0;
	margin-right: auto;
}

.member-list-pagination .nav-next {
	margin-left: auto;
	margin-right: 0;
}

.referral-wrapper .buttons-container {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: var(--section-space);
	padding-top: var(--element-space);
}

.referral-wrapper .buttons-container::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background: linear-gradient(to right, var(--current-color-transparent), var(--current-color), var(--current-color-transparent));
	opacity: 0.5;
}

.referral-wrapper .link-ensure-back {
	font-size: 0.875rem;
	font-weight: 500;
	margin-right: 2rem;
	color: var(--current-color);
	-webkit-text-decoration-color: var(--current-color-half);
	text-decoration-color: var(--current-color-half);
}

.referral-wrapper .link-ensure-next {
	flex-shrink: 0;
}

.referral-profile {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: var(--section-space);
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.referral-image {
	flex-shrink: 0;
}

.referral-image img {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	padding: 2px;
	border: var(--main-border-size) solid var(--current-color);
}

.referral-details {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-left: 1rem;
	width: 100%;
	padding-bottom: 0.5rem;
	/* margin-bottom: 1.25rem; */
}

.referral-details::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0.25rem;
	left: 0;
	background: linear-gradient(to right, var(--text-color-transparent), var(--text-color), var(--text-color-transparent));
	opacity: 0.25;
}

.referral-name {
	font-size: 1.25rem;
	font-weight: 500;
	margin-right: 1rem;
}

.referral-id {
	display: block;
	font-size: 0.625rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: normal;
	padding: 0.125rem 0.25rem;
	border: 1px solid var(--text-color-half);
	border-radius: 3px;
	margin-left: auto;
	text-align: center;
}

.referral-id::before {
	content: "ID";
	margin-right: 1px;
}

.remove-referral {
	font-size: 0.75rem;
	font-weight: 500;
	position: absolute;
	top: 100%;
	right: 0;
	text-decoration: none;
	color: var(--error-color);
	fill: var(--error-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

.remove-referral svg {
	width: 10px;
	height: 10px;
	-o-object-fit: contain;
	object-fit: contain;
	margin-left: 0.25rem;
}

.referral-options {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: var(--section-space);
}

.referral-options .change-referral {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--current-color);
	-webkit-text-decoration-color: var(--current-color-half);
	text-decoration-color: var(--current-color-half);
}

/* Included Starter Pack Product Options */
.starter-pack-options {
	--pop-up-content-space: 20px;
	background-color: var(--black-half);
	display: none;
}

body.starter-pack-options-active {
	overflow-y: hidden;
}

body.starter-pack-options-active .starter-pack-options {
	display: flex;
}

.starter-pack-options .pop-up-content {
	display: flex;
	flex-direction: column;
	width: calc(100% - var(--pop-up-content-space));
	max-height: calc(var(--viewport-height) - var(--pop-up-content-space));
	background-color: var(--white);
	border-radius: var(--large-border-radius);
	box-shadow: 0 4px 8px var(--black-soft);
	overflow: hidden;
}

.starter-pack-options .pop-up-entry-header {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px;
	padding-left: 24px;
	padding-right: 18px;
	background-color: var(--current-color);
	color: var(--white);
	position: relative;
	z-index: 1;
}

/*.starter-pack-options .pop-up-entry-header::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--black-half);
	z-index: -1;
}*/

.starter-pack-options .pop-up-entry-header-title {
	font-family: var(--main-font-family);
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1;
	margin: 0;
}

.starter-pack-options .pop-up-entry-header .button {
	margin-left: 40px;
	min-width: 32px;
	min-height: 32px;
	height: 32px;
}

.starter-pack-options .pop-up-entry-header .button-icon {
	min-width: 16px;
	height: 16px;
}

.starter-pack-options .pop-up-entry-header .button-icon svg {
	display: block;
}

.starter-pack-options .pop-up-entry-content-wrapper {
	flex-grow: 1;
	overflow-y: auto;
}

.starter-pack-options .pop-up-entry-content-item {
	display: none;
}

.starter-pack-options .pop-up-entry-content-item.selected {
	display: block;
}

.starter-pack-options .pop-up-entry-content {
	padding: var(--section-space) var(--container-space);
}

.starter-pack-options .pop-up-entry-content .product-options-info {
	text-align: center;
}

.starter-pack-options .pop-up-entry-content .product-options-title {
	font-family: var(--main-font-family);
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.35;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	color: var(--current-color);
	margin: 0;
}

.starter-pack-options .pop-up-entry-content .product-options-info-primary {
	font-size: 0.875rem;
	margin-top: 0.75rem;
}

.starter-pack-options .pop-up-entry-content .product-options-info-secondary {
	font-size: 0.75rem;
	opacity: 0.5;
	width: 75%;
	margin-top: 0.5rem;
	margin-left: auto;
	margin-right: auto;
}

.starter-pack-options .pop-up-entry-content .product-types {
	--product-types-item: 2;
	--product-type-space: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	gap: var(--product-type-space);
	margin-top: var(--section-space);
}

.starter-pack-options .pop-up-entry-content .product-type-item {
	position: relative;
	flex-basis: calc(1 / var(--product-types-item) * (100% - (var(--product-types-item) - 1) * var(--product-type-space)));
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	border: var(--selected-border-size) solid var(--current-color-transparent);
	border-radius: var(--main-border-radius);
	padding: 10px;
	transition: 0.3s;
	cursor: pointer;
}

.starter-pack-options .pop-up-entry-content .product-type-item::before {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	top: 8px;
	right: 8px;
	border-radius: 50%;
	background-color: var(--current-color);
	background-image: url(assets/icon/checkmark-light.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	opacity: 0;
	transition: 0.3s;
	z-index: 1;
}

.starter-pack-options .pop-up-entry-content .product-type-item:hover {
	border-color: var(--current-color-extrasoft);
}

.starter-pack-options .pop-up-entry-content .product-type-item.selected {
	border-color: var(--current-color);
}

.starter-pack-options .pop-up-entry-content .product-type-item.selected::before {
	opacity: 1;
}

.starter-pack-options .pop-up-entry-content .product-type-image {
	flex-shrink: 0;
	position: relative;
	display: block;
	width: 100%;
	padding-top: 100%;
}

.starter-pack-options .pop-up-entry-content .product-type-image img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	border-radius: 4px;
}

.starter-pack-options .pop-up-entry-content .product-type-name {
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	text-align: center;
	line-height: 1.25;
	color: var(--current-color);
	margin-top: 11px;
}

.starter-pack-options .pop-up-entry-content .product-sizes {
	margin-top: var(--section-space);
}

.starter-pack-options .pop-up-entry-content .product-sizes-title {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
}

.starter-pack-options .pop-up-entry-content .size-options-title {
	font-size: 0.75rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.4px;
}

.starter-pack-options .pop-up-entry-content .how-to-measure {
	font-size: 0.75rem;
	color: var(--current-color);
	margin-left: 20px;
	margin-top: -0.25rem;
}

.starter-pack-options .pop-up-entry-content .product-sizes-list {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 20px;
	padding: 0;
	margin: 0;
	margin-top: var(--element-space);
	list-style-type: none;
}

.starter-pack-options .pop-up-entry-content .size-item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	line-height: 1;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	border: var(--main-border-size) solid var(--text-color);
	color: var(--text-color);
	transition: 0.3s;
	cursor: pointer;
}

.starter-pack-options .pop-up-entry-content .size-item::before {
	content: "";
	position: absolute;
	width: calc(100% + 18px);
	height: calc(100% + 18px);
	top: -9px;
	left: -9px;
	border-radius: 50%;
	border:  var(--selected-border-size) solid var(--text-color);
	opacity: 0;
	transition: 0.3s;
}

.starter-pack-options .pop-up-entry-content .size-item:hover::before {
	opacity: 0.25;
}

.starter-pack-options .pop-up-entry-content .size-item.selected {
	color: var(--white);
	background-color: var(--current-color);
	border-color: var(--current-color);
}

.starter-pack-options .pop-up-entry-content .size-item.selected::before {
	border-color: var(--current-color);
	opacity: 1;
}

.starter-pack-options .pop-up-entry-navigation {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--container-space);
	background-color: var(--current-color);
	color: var(--contrast-color);
	margin: 0;
}

.starter-pack-options .pop-up-entry-navigation::before {
	content: "";
	position: absolute;
	width: 80%;
	height: 1px;
	top: 1px;
	left: 10%;
	background: linear-gradient(to right, var(--white-transparent), var(--white), var(--white-transparent));
	opacity: 0.75;
}

.starter-pack-options .pop-up-entry-content-item:first-child .button-back,
.starter-pack-options .pop-up-entry-content-item[data-selection="false"] + .pop-up-entry-content-item[data-selection="true"] .button-back {
	display: none;
}

.starter-pack-options .pop-up-entry-navigation .button {
	padding: 0;
	min-width: var(--button-height);
	justify-content: center;
	border-radius: calc(0.5 * var(--button-height));
}

.starter-pack-options .pop-up-entry-navigation .button-back {
	--button-height: 2rem;
	margin-right: 20px;
}

.starter-pack-options .pop-up-entry-navigation .button-back .button-icon {
	width: 16px;
	height: 16px;
	margin: 0;
}

.starter-pack-options .pop-up-entry-navigation .button-next {
	margin-left: 20px;
}

.starter-pack-options .pop-up-entry-navigation .button-text {
	display: none;
}

.starter-pack-options .pop-up-entry-navigation .button-icon {
	margin-left: 0;
}

.starter-pack-options .pop-up-entry-navigation .product-type-selection {
	position: relative;
	padding-left: 30px;
	margin-left: 4px;
	margin-right: auto;
}

.starter-pack-options .pop-up-entry-navigation .product-type-selection::before {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	border-radius: 50%;
	background-image: url(assets/icon/checkmark-solid.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.starter-pack-options .pop-up-entry-navigation .text-info-selection {
	display: block;
	font-size: 0.625rem;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	color: var(--white);
	opacity: 0.75;
}

.starter-pack-options .pop-up-entry-navigation .text-selection {
	display: block;
	font-weight: 600;
	line-height: 1.25;
}

.variation-gallery {
	display: flex;
	align-items: center;
	gap: 10px;
	list-style-type: none;
}

.variation-gallery-item img,
.variation-gallery-item video {
	display: block;
	width: 100px;
	height: 100px;
	object-fit: cover;
}

.pswp__bg {
	background: var(--page-background);
}

.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
	filter: invert(1);
	background-color: transparent;
}

.pswp--zoomed-in .pswp__ui--fit .pswp__caption,
.pswp--zoomed-in .pswp__ui--fit .pswp__top-bar {
	background-color: var(--black-thick);
}

.pswp__counter {
	display: none;
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px solid var(--black-soft);
}

button.pswp__button--arrow--left,
button.pswp__button--arrow--right {
	background: var(--white-soft) !important;
}

button.pswp__button--arrow--left:hover,
button.pswp__button--arrow--right:hover {
	background: var(--white-half) !important;
}

.pswp__button--arrow--left {
	left: 10px;
}

.pswp__button--arrow--right {
	right: 10px;
}

.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
	top: 15px;
	filter: invert(1);
}

.pswp__button--arrow--left::before {
	left: 12px;
}

.pswp__button--arrow--right::before {
	right: 12px;
}

.pswp__button--arrow--left::after,
.pswp__button--arrow--right::after {
	content: "";
	position: absolute;
	width: calc(100% + 22px);
	height: calc(100% + 22px);
	top: -11px;
	left: -11px;
}

.pswp__preloader {
	display: none;
}

/* WooCommerce Media Query */
@media screen and (min-width: 640px) {
	:root {
		--product-per-row: 3;
		--product-space: 30px;
	}

	body.woocommerce.archive {
		--product-space: 20px;
		--product-edge-space: 20px;
	}
}

@media screen and (min-width: 768px) {
	:root {
		--product-space: 60px;
		--short-atc-height: 100px;
		--short-atc-button-width: 64px;
		--color-options-height: 80px;
	}

	body.woocommerce.archive {
		--product-per-row: 2;
	}

	.woocommerce-ordering {
		max-width: 240px;
	}

	body.woocommerce-account .entry-title,
	body.woocommerce-order-pay .entry-title {
		font-size: 2rem;
	}

	.order-updates-title,
	.woocommerce-order-details__title {
		font-size: 1.75rem;
	}

	.wc-bacs-bank-details-heading {
		font-size: 1.75rem;
	}

	body.woocommerce-account.woocommerce-lost-password .site-main,
	body.woocommerce-account.woocommerce-reset-password .site-main {
		display: flex;
		align-items: center;
		justify-content: center;
		padding-bottom: 0;
	}

	body.woocommerce-account.woocommerce-lost-password .site-main article,
	body.woocommerce-account.woocommerce-reset-password .site-main article {
		min-height: 0;
		width: 480px;
		margin-left: auto;
		margin-right: auto;
		padding: var(--element-space);
		border-radius: calc(var(--main-border-radius) + 8px);
		background-color: var(--page-background-extrathick);
		-webkit-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);
	}

	body.woocommerce-account.woocommerce-lost-password .entry-title,
	body.woocommerce-account.woocommerce-reset-password .entry-title {
		font-size: 2rem;
		position: relative;
		margin-top: 0;
		margin-bottom: 0;
		padding-bottom: var(--element-space);
	}
	
	body.woocommerce-account.woocommerce-lost-password .entry-title::after,
	body.woocommerce-account.woocommerce-reset-password .entry-title::after {
		content: "";
		position: absolute;
		width: 100%;
		height: 1px;
		left: 0;
		bottom: 0;
		background: linear-gradient(to right, var(--current-color-transparent), var(--current-color), var(--current-color-transparent));
		opacity: 0.5;
	}
	
	body.woocommerce-account.woocommerce-lost-password .entry-content,
	body.woocommerce-account.woocommerce-reset-password .entry-content {
		margin-top: 0;
	}

	body.woocommerce-account.woocommerce-lost-password .site-main::after,
	body.woocommerce-account.woocommerce-reset-password .site-main::after {
		display: none;
	}

	.term-description {
		/*font-size: 1.25rem;*/
	}

	.show-short-atc:not(.menu-open):not(.search-active) #top-right-text-navigation {
		transform: translate3d(250%, 0, 0);
		opacity: 0;
		visibility: hidden;
	}

	.atc-product-info {
		padding-left: 30px;
		padding-right: 30px;
	}

	.atc-product-button {
		padding-right: 30px;
		align-items: center;
	}

	.atc-button {
		width: 40px;
		height: 40px;
		top: 0;
	}

	.starter-pack-card {
		max-width: 480px;
	}

	.starter-pack-card-content .product-variation-price .biokissed-point.cp-point {
		margin-right: 18px;
	}

	.starter-pack-options {
		--pop-up-content-space: 80px;
		--container-space: 60px;
		--section-space: 60px;
	}

	.carousel .product-item {
		padding-left: 20px;
		padding-right: 20px;
	}

	.product-item.enlarge .product-description {
		--description-width: 420px;
		font-size: 1rem;
	}

	.woocommerce-loop-product__link,
	.products > .product:nth-child(even) .woocommerce-loop-product__link {
		flex-direction: column;
		width: 100%;
	}

	.products .product-thumbnail {
		width: 100%;
	}

	.products .product-content {
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		position: relative;
		width: 100%;
	}

	.woocommerce-loop-product__title {
		margin-bottom: 0;
	}

	.products .product-short-description {
		width: 70%;
		margin-bottom: auto;
	}

	.products .product.featured .product-short-description {
		height: auto;
	}

	.products .biokissed-prices {
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		gap: 0.25rem 1rem;
	}

	.products .biokissed-price.primary {
		flex-basis: auto;
		margin-top: 0;
	}

	.products .biokissed-price.secondary {
		margin-top: 0;
	}

	.products .biokissed-points {
		flex-direction: column;
		align-items: flex-start;
		position: absolute;
		top: 58px;
		right: var(--product-padding);
		z-index: 2;
	}

	.products .product.featured .biokissed-points {
		flex-direction: row;
		align-items: center;
		position: static;
		top: auto;
		right: auto;
		transform: none;
	}

	.cart_item .product-thumbnail a {
		width: auto;
		height: 100%;
	}

	.cart_item .product-thumbnail img {
		width: auto;
	}

	.related,
	.up-sells {
		--product-per-row: 2;
	}

	.related .products .product,
	.up-sells .products .product {
		width: calc(1 / var(--product-per-row) * (var(--viewport-width) - (var(--product-per-row) - 1) * 20px - 2 * var(--container-space)));
		margin-right: 20px;
	}

	.related .products .owl-item:last-child .product,
	.up-sells .products .owl-item:last-child .product {
		margin-right: 0;
	}

	.related .products .button-product-details,
	.up-sells .products .button-product-details {
		top: calc(5 / 4 * 1 / var(--product-per-row) * (var(--viewport-width) - (var(--product-per-row) - 1) * 20px - 2 * var(--container-space)));
	}

	#nomad-product-range-list .biokissed-prices-points {
		justify-content: flex-start;
	}

	body.woocommerce-order-pay .site-main > .page {
		--section-space: 30px;
		padding: var(--section-space);
		background-color: var(--page-background);
		border-radius: var(--large-border-radius);
		box-shadow: 0 -1px 3px var(--black-supersoft);
	}

	body.woocommerce-order-pay .entry-content::before {
		content: "";
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url(assets/img/order-pay-bg-01.jpg);
	}

	body.woocommerce-checkout.woocommerce-order-pay .entry-content::after {
		content: "";
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		right: 0;
		z-index: -1;
		background: linear-gradient(to bottom, var(--page-background) var(--header-height), var(--page-background-supersoft));
		-webkit-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);
	}
}

@media screen and (min-width: 960px) {
	:root {
		--product-per-row: 3;
		--dashboard-nav-width: 320px;
		--cart-content-width: 360px;
		--product-padding: 40px;
		--product-item-carousel: 3;
		--type-options-height: 52px;
		--color-options-height: var(--type-options-height);
		--short-atc-height: var(--header-height);
	}

	body.woocommerce.archive {
		--product-per-row: 3;
	}

	.products .biokissed-points {
		top: 48px;
	}

	.options-info {
		left: calc(0.5 * var(--page-space) + 1.5rem);
	}

	.type-list {
		padding-right: calc(100% - 360px);
	}

	.type-list::after {
		background: linear-gradient(to right, var(--current-color-supersoft), var(--current-color), var(--current-color-supersoft));
	}

	.color-options {
		width: 300px;
		bottom: auto;
		left: auto;
		top: var(--header-height);
		right: 0;
		transition: 0.3s;
		background: transparent;
	}

	.color-options::before {
		background: transparent;
	}

	.show-short-atc .color-options {
		top: var(--short-atc-height);
	}

	.color-list::before,
	.color-list::after {
		display: none;
	}

	.color-item {
		width: 54px;
		height: var(--color-options-height);
		margin-top: 0;
	}

	.color-item::before {
		width: 28px;
		height: 28px;
	}

	.color-item::after {
		width: 36px;
		height: 36px;
	}

	.color-item .color-icon {
		width: 18px;
		height: 18px;
	}

	.color-item .element-name {
		top: auto;
		bottom: 50%;
		transform: translate3d(-50%, 50%, 0);
	}
	
	.color-item.selected .element-name {
		-webkit-animation-name: color-element-name-bottom;
		animation-name: color-element-name-bottom;
	}

	@-webkit-keyframes color-element-name-bottom {
		0% {
			opacity: 0;
			visibility: hidden;
			transform: translate3d(-50%, 50%, 0) scale3d(0, 0, 0);
		}
	
		10% {
			opacity: 1;
			visibility: visible;
			transform: translate3d(-50%, 210%, 0) scale3d(1, 1, 1);
		}
	
		80% {
			opacity: 1;
			visibility: visible;
			transform: translate3d(-50%, 210%, 0) scale3d(1, 1, 1);
		}
	
		100% {
			opacity: 0;
			visibility: hidden;
			transform: translate3d(-50%, 50%, 0) scale3d(0, 0, 0);
		}
	}

	@keyframes color-element-name-bottom {
		0% {
			opacity: 0;
			visibility: hidden;
			transform: translate3d(-50%, 50%, 0) scale3d(0, 0, 0);
		}
	
		10% {
			opacity: 1;
			visibility: visible;
			transform: translate3d(-50%, 210%, 0) scale3d(1, 1, 1);
		}
	
		80% {
			opacity: 1;
			visibility: visible;
			transform: translate3d(-50%, 210%, 0) scale3d(1, 1, 1);
		}
	
		100% {
			opacity: 0;
			visibility: hidden;
			transform: translate3d(-50%, 50%, 0) scale3d(0, 0, 0);
		}
	}

	.show-short-atc:not(.menu-open):not(.search-active) #top-right-text-navigation {
		transform: translate3d(0, 0, 0);
	}

	.show-short-atc:not(.menu-open):not(.search-active) #top-right-icon-navigation,
	.show-short-atc:not(.menu-open):not(.search-active) #menu-button {
		opacity: 1;
		visibility: visible;
		transform: translate3d(0, 0, 0);
	}

	.short-atc {
		width: 65%;
		box-shadow: none;
	}

	.atc-product-info {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		align-content: center;
		justify-content: flex-start;
		width: calc(100% - var(--short-atc-height));
		padding-left: 20px;
	}

	.atc-product-title {
		flex-basis: 100%;
	}

	.atc-product-button {
		flex-basis: auto;
		justify-content: flex-start;
		position: relative;
		width: auto;
		height: auto;
		padding: 0;
		margin-top: 0.25rem;
		display: none;
	}

	.atc-button {
		width: auto;
		height: auto;
		padding: 0.25rem 0.5rem;
		border-radius: 3px;
		border: var(--main-border-size) solid var(--current-color);
		background-color: var(--current-color);
		color: var(--white);
		box-shadow: none;
		white-space: nowrap;
		font-size: 0.625rem;
		font-weight: 600;
		margin-right: 1rem;
	}

	.atc-button::before,
	.atc-button::after {
		display: none;
	}

	.atc-button:hover {
		color: var(--white-thick);
		background-color: var(--current-color-thick);
	}

	.atc-button:focus {
		color: var(--current-color);
		background-color: var(--current-color-soft);
	}

	.atc-button .button-text {
		display: block;
	}

	.atc-product-button::before,
	.atc-product-button::after {
		display: none;
	}

	.atc-product-price {
		flex-basis: 50%;
		margin-top: 0.25rem;
	}

	.product_title {
		font-size: 3rem;
		margin-top: calc(var(--section-space) + 20px);
	}

	.product_title.first-line-title {
		letter-spacing: 3px;
	}

	.product_title .second-line-title {
		font-size: 1rem;
		margin-top: 0.625rem;
		padding-top: 1rem;
		letter-spacing: 3.6px;
	}

	.product_title .second-line-title::before {
		max-width: 240px;
	}

	/*.single-product .site-main .product {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-around;
	}*/

	/*.single-product .site-main .product > * {
		width: 100%;
	}*/

	.preview-variations {
		/*display: none;*/
	}

	:root {
		--product-summary-width: 480px;
		--product-image-space: 10px;
		--product-thumbnail-size: 64px;
		--product-image-height: calc(100vh - var(--header-height) - var(--product-thumbnail-size) - 3 * var(--product-image-space));
		--product-image-width: calc(4 / 5 * var(--product-image-height));
	}

	.woocommerce-breadcrumb {
		position: absolute;
		width: calc(var(--product-summary-width) - 10px);
		top: calc(var(--header-height) + 10px);
		right: 0;
		margin: 0;
		padding-left: 50px;
		border-radius: var(--small-border-radius);
		z-index: 2;
	}

	.product-overview {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		width: calc(100% + 2 * var(--container-space));
		margin-left: calc(-1 * var(--container-space));
	}

	.product-overview__gallery {
		position: sticky;
		top: var(--header-height);
		width: calc(100% - var(--product-summary-width));
		overflow: hidden;
	}

	.product-overview__gallery::after {
		content: "";
		position: absolute;
		width: 8px;
		height: calc(100% - 8px);
		top: 0;
		right: -8px;
		box-shadow: 6px 8px 16px var(--black-extrasoft);
		z-index: 1;
	}

	body.has-type-variation .product-overview__gallery,
	body.has-color-variation .product-overview__gallery {
		/*top: calc(var(--header-height) + var(--color-options-height));*/
	}

	.woocommerce-product-gallery {
		width: calc(var(--product-image-width) + var(--product-image-space));
		margin-left: 0;
		overflow: visible;
	}

	.product-overview__gallery.center .woocommerce-product-gallery {
		width: 100%;
	}

	.woocommerce-product-gallery .flex-viewport {
		overflow: visible !important;
	}

	/*.single-product .site-main .product > .woocommerce-product-gallery {
		width: calc(100% - 1 * var(--container-space) - 400px);
		margin-right: calc(1 * var(--container-space));
		margin-left: 0;
	}*/

	.woocommerce-product-gallery__image {
		width: auto;
	}

	.flex-viewport a {
		display: block;
		width: var(--product-image-width);
		height: var(--product-image-height);
		margin-top: var(--product-image-space);
		margin-left: var(--product-image-space);
	}

	.product-overview__gallery.center .flex-viewport a {
		margin-left: auto;
		margin-right: auto;
	}

	.flex-viewport img,
	.flex-viewport video {
		/*width: var(--product-image-width);*/
		/*height: var(--product-image-height);*/
		/*margin-top: var(--product-image-space);*/
		/*margin-left: var(--product-image-space);*/
		width: 100%;
		height: 100%;
	}

	.product-overview__gallery.center .flex-viewport img,
	.product-overview__gallery.center .flex-viewport video {
		/*margin-left: auto;*/
		/*margin-right: auto;*/
	}

	.woocommerce-product-gallery__image img,
	.woocommerce-product-gallery__image video {
		border-radius: var(--large-border-radius);
	}

	.woocommerce-product-gallery__thumbnails {
		margin-top: var(--product-image-space);
		margin-left: calc(0.5 * (100% - var(--product-image-width)) - 12px);
	}

	.flex-control-thumbs {
		/*justify-content: flex-start;*/
		width: calc(var(--viewport-width) - var(--product-summary-width));
		margin-top: var(--product-image-space);
		padding-left: var(--product-image-space);
		padding-right: var(--product-image-space);
	}

	.flex-direction-nav .flex-prev {
		left: 30px;
		opacity: 0;
	}

	.flex-direction-nav .flex-next {
		right: -60px;
	}

	.product-overview__gallery.center .flex-direction-nav .flex-next {
		right: 30px;
	}

	.flex-nav-prev:hover .flex-prev {
		opacity: 1;
	}

	.flex-nav-prev:hover + .flex-nav-next .flex-next {
		/*opacity: 0;*/
	}

	.product-overview__gallery.center .flex-direction-nav .flex-prev {
		opacity: 1;
	}

	.flex-direction-nav .flex-prev::after,
	.flex-direction-nav .flex-next::after {
		width: 24px;
		height: 24px;
	}

	.flex-direction-nav .flex-prev::after {
		right: -6px;
	}

	.flex-direction-nav .flex-next::after {
		left: -6px;
	}

	.product-overview__summary {
		flex-shrink: 0;
		position: relative;
		width: var(--product-summary-width);
		z-index: 1;
		/*background-color: var(--white);*/
		padding-left: 60px;
		padding-right: var(--container-space);
	}

	.single-product .site-main .product > .summary {
		width: 400px;
		/*align-self: center;*/
		margin-right: auto;
	}

	/* body.single-product .single_add_to_cart_button {
		flex-grow: 0;
	} */

	body.single-product .entry-summary .price {
		margin-top: calc(var(--section-space) - 1rem);
	}

	body.single-product .entry-summary .biokissed-price-wrapper {
		gap: 0 50px;
	}

	.term-description {
		max-width: 640px;
		/*margin-top: 0.625rem;*/
	}

	.woocommerce-result-count {
		font-size: 0.75rem;
	}

	body.woocommerce-cart .site-main,
	body.woocommerce-checkout  .site-main {
		--section-space: 60px;
	}

	body.woocommerce-order-pay .entry-header {
		/*width: var(--cart-content-width);
		margin-left: auto;*/
	}

	body.woocommerce-cart .entry-content,
	body.woocommerce-checkout .entry-content {
		/*width: var(--cart-content-width);*/
		width: 100%;
		margin-left: auto;
	}

	body.woocommerce-order-received .site-main {
		width: calc(var(--cart-content-width) + 2 * var(--container-space));
		margin-left: auto;
	}

	body.woocommerce-cart .entry-content::before,
	body.woocommerce-checkout .entry-content::before {
		content: "";
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;
		background-repeat: no-repeat;
		background-size: cover;
		/* background-image: linear-gradient(-75deg, var(--page-background) 30%, var(--white-transparent)), url(assets/img/cart-bg-01.jpg); */
		background-image: url(assets/img/cart-bg-01.jpg);
	}

	body.woocommerce-checkout .entry-content::before {
		/* background-image: linear-gradient(-75deg, var(--page-background) 30%, var(--white-transparent)), url(assets/img/checkout-bg-01.jpg); */
		background-image: url(assets/img/checkout-bg-01.jpg);
	}

	body.woocommerce-order-pay .entry-content::before {
		/* background-image: linear-gradient(-75deg, var(--page-background) 30%, var(--white-transparent)), url(assets/img/checkout-bg-01.jpg); */
		background-image: url(assets/img/order-pay-bg-01.jpg);
	}

	body.woocommerce-order-received .entry-content::before {
		/* background-image: linear-gradient(-75deg, var(--page-background) 30%, var(--white-transparent)), url(assets/img/checkout-bg-01.jpg); */
		background-image: url(assets/img/thankyou-bg-01.jpg);
	}

	body.woocommerce-cart .entry-content::after,
	body.woocommerce-checkout .entry-content::after {
		content: "";
		position: fixed;
		/*width: calc(var(--cart-content-width) + 2 * var(--container-space));*/
		width: 100%;
		height: 100%;
		top: 0;
		right: 0;
		z-index: -1;
		background: linear-gradient(to bottom, var(--page-background) var(--header-height), var(--page-background-extrathick));
		/*box-shadow: -1px 0 8px var(--black-extrasoft);*/
		-webkit-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);
	}

	body.woocommerce-order-received .entry-content::after {
		width: calc(var(--cart-content-width) + 2 * var(--container-space));	
	}

	.checkout-steps {
		/*width: calc(100% + 2 * (var(--container-space) - var(--page-space)));
		margin-left: calc(-1 * (var(--container-space) - var(--page-space)));*/
		width: 100%;
		margin: 0;
		border-radius: var(--main-border-radius);
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	.step-item:first-child {
		border-top-left-radius: var(--main-border-radius);
		border-bottom-left-radius: var(--main-border-radius);
		box-shadow: inset 1px 0 8px var(--black-supersoft);
	}

	.step-item:last-child {
		border-top-right-radius: var(--main-border-radius);
		border-bottom-right-radius: var(--main-border-radius);
		box-shadow: inset -1px 0 8px var(--black-supersoft);
	}

	.step-item::before {
		font-size: 1.25rem;
	}

	.cart-details {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 30px;
		margin-top: var(--element-space);
	}

	.cart-details .woocommerce-cart-form {
		flex-basis: 50%;
		position: sticky;
		top: calc(var(--header-height) + var(--element-space) + 70px);
	}

	.cart-details .cart_item:first-child {
		margin-top: 0;
	}

	.cart_item .product-thumbnail img {
		width: 100%;
	}

	.woocommerce-cart-form .coupon {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
		position: absolute;
		width: 100%;
		top: 0;
		left: calc(100% + 30px);
		margin-top: 0;
		padding-top: 1.5em;
	}

	.woocommerce-cart-form .coupon label {
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		text-align: left;
	}

	.woocommerce-cart-form .coupon input {
		flex-grow: 1;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-right-width: 0;
		margin: 0;
	}

	.woocommerce-cart-form .coupon button {
		flex-basis: 0;
		min-height: var(--field-height);
		margin: 0;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		white-space: nowrap;
	}

	.woocommerce-cart-form .coupon > p {
		position: absolute;
		width: 100%;
		bottom: calc(100% - 1rem);
		left: 0;
		font-size: 0.875rem;
		font-weight: 500;
		line-height: 1.25;
		text-align: left;
		background-color: var(--off-white);
		margin: 0;
	}

	.cart-details .cart-collaterals {
		flex-basis: 50%;
		position: sticky;
		top: calc(var(--header-height) + var(--element-space) + 70px);
		margin-top: calc(var(--element-space) + 68px);
	}

	.cart-details .cart_totals {
		position: relative;
		padding: 20px;
		border-radius: var(--main-border-radius);
		background-color: var(--white-half);
		box-shadow: var(--thin-border-shadow);
	}

	.cart-details .cart_totals::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: var(--page-background);
		border-radius: inherit;
		z-index: -1;
	}

	.cart-details .cart_totals h2 {
		margin: -14px;
		margin-bottom: 0;
		padding: 12px 20px;
		background-color: var(--current-color);
		color: var(--white);
		border-radius: calc(var(--main-border-radius) - 4px);
	}

	.cart-details .cart-subtotal {
		margin-top: 6px;
		border-top-width: 0;
	}

	.cart-details .order-total {
		margin-top: var(--element-space);
	}

	.woocommerce-cart .cart-shipping {
		margin-top: var(--element-space);
	}

	.cross-sells {
		--viewport-width: calc(var(--cart-content-width) + var(--container-space));
		--product-per-row: 2;
	}

	.checkout-details-container {
		/*width: calc(3 * (var(--cart-content-width) + var(--container-space)));*/
		width: 100%;
	}

	.checkout-details-item {
		/*width: calc(100% / 3 + var(--container-space));*/
		width: 100%;
	}

	.checkout-details-container h3 {
		color: var(--current-color);
	}

	.checkout-details-container .woocommerce-billing-fields__field-wrapper,
	.checkout-details-container .woocommerce-shipping-fields__field-wrapper {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		justify-content: space-between;
		gap: 20px 30px;
	}

	.form-has-background .woocommerce-billing-fields__field-wrapper,
	.form-has-background .woocommerce-shipping-fields__field-wrapper {
		padding: 30px;
		background-color: var(--current-color);
		border-radius: var(--large-border-radius);
	}

	.checkout-details-container .woocommerce-shipping-fields__field-wrapper {
		margin-top: var(--element-space);
	}

	.checkout-details-container .woocommerce-billing-fields__field-wrapper .form-row,
	.checkout-details-container .woocommerce-shipping-fields__field-wrapper .form-row {
		flex-basis: calc(50% - 15px);
		margin: 0;
	}

	.checkout-details-container .woocommerce-account-fields .create-account {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 30px;
	}

	.checkout-details-container .woocommerce-account-fields .create-account .form-row {
		flex-basis: 50%;
		flex-grow: 1;
	}

	.checkout-details-container .woocommerce-account-fields .create-account .clear {
		display: none;
	}

	.checkout-details-container .woocommerce-billing-fields__field-wrapper input,
	.checkout-details-container .woocommerce-shipping-fields__field-wrapper input,
	.checkout-details-container .woocommerce-billing-fields__field-wrapper .select2-selection--single .select2-selection__rendered,
	.checkout-details-container .woocommerce-billing-fields__field-wrapper .select2-selection--single .select2-selection__rendered {
		background-color: var(--white-thick);
	}

	.checkout-details-container .woocommerce-billing-fields__field-wrapper input:focus,
	.checkout-details-container .woocommerce-shipping-fields__field-wrapper input:focus,
	.checkout-details-container .woocommerce-billing-fields__field-wrapper .select2-container--open .select2-selection--single .select2-selection__rendered,
	.checkout-details-container .woocommerce-billing-fields__field-wrapper .select2-container--focus .select2-selection--single .select2-selection__rendered,
	.checkout-details-container .woocommerce-shipping-fields__field-wrapper .select2-container--open .select2-selection--single .select2-selection__rendered,
	.checkout-details-container .woocommerce-shipping-fields__field-wrapper .select2-container--focus .select2-selection--single .select2-selection__rendered {
		background-color: var(--white);
	}

	.form-has-background .woocommerce-billing-fields__field-wrapper label,
	.form-has-background .woocommerce-shipping-fields__field-wrapper label {
		color: var(--white);
		margin-left: 4px;
	}

	.form-has-background .woocommerce-billing-fields__field-wrapper label .required,
	.form-has-background .woocommerce-shipping-fields__field-wrapper label .required {
		color: var(--white-half);
	}

	.form-has-background .woocommerce-billing-fields__field-wrapper input,
	.form-has-background .woocommerce-shipping-fields__field-wrapper input,
	.form-has-background .woocommerce-billing-fields__field-wrapper .select2-selection--single .select2-selection__rendered,
	.form-has-background .woocommerce-billing-fields__field-wrapper .select2-selection--single .select2-selection__rendered {
		background-color: var(--white-superthick);
	}

	.form-has-background .woocommerce-billing-fields__field-wrapper input:focus,
	.form-has-background .woocommerce-shipping-fields__field-wrapper input:focus,
	.form-has-background .woocommerce-billing-fields__field-wrapper .select2-container--open .select2-selection--single .select2-selection__rendered,
	.form-has-background .woocommerce-billing-fields__field-wrapper .select2-container--focus .select2-selection--single .select2-selection__rendered,
	.form-has-background .woocommerce-shipping-fields__field-wrapper .select2-container--open .select2-selection--single .select2-selection__rendered,
	.form-has-background .woocommerce-shipping-fields__field-wrapper .select2-container--focus .select2-selection--single .select2-selection__rendered {
		background-color: var(--white);
		border-color: transparent;
		box-shadow: 0 4px 8px var(--black-soft);
	}

	.woocommerce-account-fields input {
		background-color: var(--white-thick);
	}

	.woocommerce-account-fields input:focus {
		background-color: var(--white);
	}

	body.woocommerce-checkout .woocommerce-form-login input[type="text"],
	body.woocommerce-checkout .woocommerce-form-login input[type="password"] {
		background-color: var(--white-thick);
	}

	body.woocommerce-checkout .woocommerce-form-login input[type="text"]:focus,
	body.woocommerce-checkout .woocommerce-form-login input[type="password"]:focus {
		background-color: var(--white);
	}

	.woocommerce-additional-fields #order_comments {
		background-color: var(--white-thick);
	}

	.woocommerce-additional-fields #order_comments:focus {
		background-color: var(--white);
	}

	.checkout-details-container .steps-navigation {
		max-width: 50%;
		margin-left: auto;
		margin-right: auto;
	}

	.woocommerce-billing-fields > h3,
	.woocommerce-shipping-fields > h3,
	.checkout-details-item > h3 {
		font-size: 2rem;
	}

	.woocommerce-account.logged-in .site-main,
	.woocommerce-account.logged-in .site-footer {
		width: calc(100% - var(--dashboard-nav-width));
		margin-left: auto;
	}

	.woocommerce-MyAccount-navigation {
		width: var(--dashboard-nav-width);
		height: calc(100% - var(--header-height));
		border: none;
		overflow: hidden;
		background-color: var(--current-color-supersoft);
		box-shadow: inset -4px 0 8px var(--current-color-supersoft);
		border-top-right-radius: var(--main-border-radius);
		padding: 0;
	}

	.woocommerce-MyAccount-navigation::before,
	.woocommerce-MyAccount-navigation::after {
		display: none;
	}

	.woocommerce-MyAccount-navigation ul {
		flex-direction: column;
		justify-content: flex-start;
	}

	.woocommerce-MyAccount-navigation ul::before,
	.woocommerce-MyAccount-navigation ul::after {
		display: none;
	}

	.woocommerce-MyAccount-navigation li {
		width: 100%;
		height: auto;
		padding: 0;
	}

	.woocommerce-MyAccount-navigation li a {
		justify-content: flex-start;
		padding: 1.5rem calc(var(--container-space) - 2px);
		border-radius: 0;
	}

	li.woocommerce-MyAccount-navigation-link--customer-logout {
		align-self: flex-start;
		width: auto;
		margin-top: auto;
		margin-bottom: calc(var(--container-space) - 2rem);
		left: 50%;
		transform: translateX(-50%);
		min-width: 220px;
		max-width: calc(100% - 5rem);
	}

	li.woocommerce-MyAccount-navigation-link--customer-logout a {
		justify-content: center;
		text-align: center;
		font-weight: 600;
		white-space: normal;
		padding: 0.75rem 2rem;
		color: var(--current-color);
		border-width: var(--main-border-size);
		border-radius: var(--main-border-radius);
	}

	.woocommerce-account.logged-in .entry-title {
		margin-top: calc(var(--section-space) - 0.5 * var(--header-height));
	}

	.welcome-words {
		margin-top: var(--element-space);
	}

	.thankyou-wrapper::before {
		display: none;
	}

	.user-login-register {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		margin-top: var(--section-space);
	}

	.user-login-form,
	.user-register-form {
		width: calc(50% - 0.5 * var(--container-space));
	}

	.user-login-register h2 {
		margin-top: 0;
	}

	body.woocommerce-account.woocommerce-lost-password .site-main,
	body.woocommerce-account.woocommerce-lost-password .site-footer,
	body.woocommerce-account.woocommerce-reset-password .site-main,
	body.woocommerce-account.woocommerce-reset-password .site-footer {
		width: 100%;
	}

	.woocommerce-navigation .nav-links {
		max-width: var(--container-small-width);
		margin-left: auto;
		margin-right: auto;
	}

	.product-item {
		padding-left: 30px;
		padding-right: 30px;
	}

	.product-item.enlarge {
		flex-direction: row;
		align-items: center;
		gap: 0 var(--container-space);
		justify-content: center;
		padding: 0;
	}

	.product-item.enlarge .product-item-image {
		width: 50%;
	}

	.product-item.enlarge .price-text.on-sale {
		/*top: 25%;*/
	}

	.product-item.enlarge .product-item-content {
		align-items: flex-start;
		padding: 0;
		margin: 0;
	}

	.product-item.enlarge .product-title {
		justify-content: flex-start;
		font-size: 2.25rem;
		text-align: left;
		letter-spacing: 1px;
	}

	.product-item.enlarge .product-title span {
		font-size: 1.75rem;
		width: 85%;
	}

	.product-item.enlarge .product-description {
		font-size: 1rem;
		text-align: left;
		padding: 0;
		max-width: 400px;
	}

	.product-item.enlarge .product-price-info .biokissed-price-wrapper {
		justify-content: flex-start;
		margin-left: 0;
		margin-right: 0;
	}

	.product-item.enlarge .product-price-info .biokissed-prices-points,
	#nomad-starter-packs-list .biokissed-prices-points {
		justify-content: flex-start;
	}

	.product-item.enlarge .biokissed-points {
		/*flex-basis: 100%;*/
	}

	.product-item.enlarge .product-button {
		width: auto;
	}

	.intro-text {
		max-width: 560px;
		margin-left: auto;
		margin-right: auto;
	}

	.intro-text.less-focus {
		max-width: 420px;
	}

	.starter-pack-card-list {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-top: 0;
		width: calc(100% + 40px);
		margin-left: -20px;
		gap: 20px;
	}

	.starter-pack-card {
		width: calc(50% - 40px);
		max-width: 420px;
		/*margin-top: 25%;*/
	}

	.starter-pack-card.iron {
		order: -3;
	}

	.starter-pack-card.bronze {
		order: -2;
	}

	.starter-pack-card.silver {
		order: -1;
	}

	.starter-pack-card-header {
		min-height: 240px;
		padding-bottom: 24px;
	}

	.starter-pack-card.iron .starter-pack-image {
		width: 115%;
	}

	.starter-pack-card-header .color-item::before {
		width: 36px;
		height: 36px;
	}

	.starter-pack-card-header .color-item::after {
		width: 44px;
		height: 44px;
	}

	.starter-pack-card-header .color-item .color-icon {
		width: 24px;
		height: 24px;
	}

	.starter-pack-card-content {
		padding-left: 24px;
		padding-right: 24px;
	}

	/* Transition from touch device style */
	.starter-pack-card {
		box-shadow: 0 3px 16px 3px var(--black-supersoft);
		border: 1px solid var(--black-supersoft);
	}

	.starter-pack-card.selected {
		transition: background 0.3s;
	}

	.starter-pack-card:not(.selected) {
		background-color: var(--white);
	}

	.starter-pack-card:not(.selected) .starter-pack-card-header {
		background-color: var(--product-bg-color)
	}

	.starter-pack-card:not(.selected) .starter-pack-card-content {
		--white: var(--grey);
		--white-thick: var(--grey-thick);
		--white-soft: var(--grey-soft);
		--white-extrasoft: var(--grey-extrasoft);
		--white-transparent: var(--grey-transparent);
	}

	.starter-pack-card:not(.selected) .starter-pack-card-content .product-variation-price .biokissed-point::before {
		--current-color:  #ffffff;
	}

	.starter-pack-card:not(.selected) .starter-pack-card-footer .add-to-cart {
		border-color: var(--grey);
		color: var(--grey);
	}

	.starter-pack-options {
		--pop-up-content-space: 120px;
		--container-space: 40px;
		--section-space: 60px;
	}

	.starter-pack-options .pop-up-content {
		max-width: 880px;
	}

	.starter-pack-options .pop-up-entry-navigation {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.starter-pack-options .pop-up-entry-content .product-options-title {
		font-size: 1.5rem;
	}

	.starter-pack-options .pop-up-entry-content .product-options-info-primary {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}

	.starter-pack-options .pop-up-entry-content .product-options-info-secondary {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}

	.starter-pack-options .pop-up-entry-content {
		padding-top: calc(3 / 4 * var(--section-space));
	}

	.starter-pack-options .bracelet-options-content {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}

	.starter-pack-options .bracelet-options-content .product-options-info {
		flex-basis: 100%;
	}

	.starter-pack-options .bracelet-options-content .bracelet-types {
		flex-basis: 50%;
	}

	.starter-pack-options .bracelet-options-content .bracelet-sizes {
		flex-basis: 50%;
	}

	.starter-pack-options .pop-up-entry-content .product-types {
		--product-types-item: 4;
		margin-top: calc(3 / 4 * var(--section-space));
	}

	.starter-pack-options .pop-up-entry-content .product-type-name {
		font-size: 1.125rem;
		padding-left: 20px;
		padding-right: 20px;
	}

	.starter-pack-options .pop-up-entry-navigation .text-selection {
		font-size: 1.25rem;
		margin-left: -0.05em;
	}

	.starter-pack-options .pop-up-entry-navigation .button {
		--button-height: 2.75rem;
		padding: var(--button-padding);
		padding-left: 1em;
		padding-right: 1em;
		border-radius: var(--main-border-radius);
	}

	.starter-pack-options .pop-up-entry-navigation .button-text {
		display: block;
		margin-right: 1em;
	}

	.starter-pack-options .pop-up-entry-navigation .button-back .button-text {
		margin-right: 0;
		margin-left: 1em;
	}

	.related,
	.up-sells {
		--product-per-row: 3;
	}

	.related > h2,
	.up-sells > h2 {
		text-align: center;
	}

	.preview-variations[data-content="true"] .preview-summary {
		display: none;
	}

	.selection-notification-wrapper {
		width: var(--product-summary-width);
		left: auto;
		right: 0;
	}

	.products > .product:nth-child(odd):not(.featured) .woocommerce-loop-product__link .tooltip-info::before {
		left: -12px;
		right: auto;
	}

	.products > .product:nth-child(n):not(.featured) .woocommerce-loop-product__link .biokissed-point .tooltip-info::before {
		left: auto;
		right: -12px;
	}
}

@media screen and (min-width: 1200px) {
	:root {
		--product-per-row: 4;
		--container-side-width: 480px;
		--login-register-form-width: 400px;
		--cart-content-width: 420px;
		--product-item-carousel: 4;
	}

	body.woocommerce.archive {
		--product-per-row: 4;
		--product-edge-space: 30px;
		--product-padding: 6px;
	}

	.color-options {
		width: 316px;
	}

	body.logged-in .color-options {
		width: 324px;
	}

	body.logged-in .color-item {
		width: 56px;
	}

	.preview-attribute-pa_colour-option .term-preview {
		/*width: 60px;
		height: 60px;*/
	}

	.preview-attribute-pa_colour-option .term-preview-content svg {
		height: 40px;
	}

	.preview-attribute-pa_colour-option.sticky .preview-attribute-terms {
		display: flex;
		justify-content: center;
		position: fixed;
		width: 80px;
		top: 50%;
		right: 10px;
		margin: 0;
		padding: 16px 0;
		background-color: var(--white-thick);
		border-radius: 20px;
		border: 1px solid var(--current-color-extrasoft);
		box-shadow: 0px 0px 12px 4px var(--black-supersoft);
		backdrop-filter: blur(8px);
		opacity: 0;
		visibility: hidden;
		transform: translate3d(0, -75%, 0);
		transition: 0.5s;
	}

	body.sticky-color-options .preview-attribute-pa_colour-option.sticky .preview-attribute-terms {
		opacity: 1;
		visibility: visible;
		transform: translate3d(0, -50%, 0);
	}

	.preview-attribute-pa_colour-option.sticky .term-preview {
		width: 48px;
		height: 48px;
		opacity: 0;
		transition: 0.5s;
		transition-delay: 0s;
	}

	.preview-attribute-pa_colour-option.sticky .term-preview-content svg {
		height: 36px;
	}

	.preview-attribute-pa_colour-option.sticky .term-preview:nth-child(1) {
		transform: translate3d(0, -70px, 0);
	}

	.preview-attribute-pa_colour-option.sticky .term-preview:nth-child(2) {
		transform: translate3d(0, -50px, 0);
	}

	.preview-attribute-pa_colour-option.sticky .term-preview:nth-child(3) {
		transform: translate3d(0, -35px, 0);
	}

	.preview-attribute-pa_colour-option.sticky .term-preview:nth-child(4) {
		transform: translate3d(0, -25px, 0);
	}

	.preview-attribute-pa_colour-option.sticky .term-preview:nth-child(5) {
		transform: translate3d(0, -20px, 0);
	}

	body.sticky-color-options .preview-attribute-pa_colour-option.sticky .term-preview:nth-child(n) {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}

	body.sticky-color-options .preview-attribute-pa_colour-option.sticky .term-preview:nth-child(1) {
		transition-delay: 0.5s;
	}

	body.sticky-color-options .preview-attribute-pa_colour-option.sticky .term-preview:nth-child(2) {
		transition-delay: 0.4s;
	}

	body.sticky-color-options .preview-attribute-pa_colour-option.sticky .term-preview:nth-child(3) {
		transition-delay: 0.3s;
	}

	body.sticky-color-options .preview-attribute-pa_colour-option.sticky .term-preview:nth-child(4) {
		transition-delay: 0.2s;
	}

	body.sticky-color-options .preview-attribute-pa_colour-option.sticky .term-preview:nth-child(5) {
		transition-delay: 0.1s;
	}

	.preview-attribute-pa_colour-option.sticky .preview-attribute-terms .term-preview-name {
		left: auto;
		bottom: auto;
		right: calc(100% + 10px);
		top: 50%;
		transform: translate3d(0, -50%, 0) scale3d(0, 0, 0);
	}

	.preview-attribute-pa_colour-option.sticky .preview-attribute-terms .term-preview:hover .term-preview-name {
		transform: translate3d(0, -50%, 0);
	}

	.preview-attribute-pa_colour-option.sticky .preview-attribute-terms .term-preview-name::before {
		left: calc(100% - 1px);
		bottom: 50%;
		transform: translate3d(-50%, 50%, 0) rotate3d(0, 0, 1, 45deg);
	}

	body.show-sticky-color-variation .entry-content.wc-tab > *:not(.alignfull) {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	body.show-sticky-color-variation .entry-content.wc-tab .products-list {
		--viewport-width: calc(0.95 * (100vw - 2 * var(--container-space)));
		width: calc(100% - 45px);
		width: 95%;
		margin-left: 0;
	}

	.entry-content.wc-tab .product-item-content {
		margin-top: 30px;
	}

	.entry-content.wc-tab .product-item .product-title {
		font-size: 1.25em;
	}

	.entry-content.wc-tab .product-item .product-description {
		margin-top: 10px;
	}

	.entry-content.wc-tab .owl-prev,
	.entry-content.wc-tab .owl-next {
		border-color: var(--white);
		background-color: var(--white-soft);
	}

	.entry-content.wc-tab .owl-prev::before,
	.entry-content.wc-tab .owl-next::before {
		/*border-color: var(--white);*/
	}

	.entry-content.wc-tab .owl-prev:hover,
	.entry-content.wc-tab .owl-next:hover {
		border-color: var(--current-color);
		background-color: var(--current-color);
	}

	body.iron-pack-selected .entry-summary .product_meta {
		display: none;
	}

	body.show-short-atc #top-left-navigation {
		opacity: 0;
		visibility: hidden;
	}

	.show-short-atc:not(.menu-open):not(.search-active) #top-right-text-navigation {
		opacity: 1;
		visibility: visible;
	}

	/*.products .product:nth-child(n) {
		background-color: transparent;
	}

	.products .product:nth-child(12n+1) {
		background-color: var(--terracotta-extrasoft);
	}
	
	.products .product:nth-child(12n+3) {
		background-color: var(--blue-extrasoft);
	}
	
	.products .product:nth-child(12n+6) {
		background-color: var(--green-extrasoft);
	}
	
	.products .product:nth-child(12n+8) {
		background-color: var(--brown-extrasoft);
	}
	
	.products .product:nth-child(12n+9) {
		background-color: var(--grey-extrasoft);
	}
	
	.products .product:nth-child(12n+11) {
		background-color: var(--blue-extrasoft);
	}*/

	.products .product {
		background-color: transparent;
	}

	.products .product-content {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	.products .price {
		margin-left: 0;
	}

	.products .biokissed-points {
		top: 38px;
	}

	.products .product.sale .price {
		margin-bottom: -0.45rem;
	}

	.products .product.featured {
		width: calc(2 / var(--product-per-row) * (var(--viewport-width) - (var(--product-per-row) + 1) * var(--product-edge-space)) + var(--product-edge-space));
	}

	.featured-product-thumbnail .flex-viewport img,
	.featured-product-thumbnail .flex-viewport video {
		height: calc(5 / 4 * 1 / var(--product-per-row) * (var(--viewport-width) - (var(--product-per-row) + 1) * var(--product-edge-space)));
	}

	body.woocommerce-cart .entry-content,
	body.woocommerce-checkout .entry-content {
		max-width: 880px;
		margin-left: auto;
		margin-right: auto;
	}

	.woocommerce-account.logged-in #footer-navigation .menu > .menu-item.separator {
		margin-left: auto;
		margin-right: 0;
	}

	body.woocommerce-account .woocommerce-info,
	body.woocommerce-account .woocommerce-error,
	body.woocommerce-account .woocommerce-message,
	.info-card {
		max-width: var(--container-default-width);
		margin-left: auto;
		margin-right: auto;
	}

	.order-summary-note.info-card {
		max-width: none;
	}

	.orders-list {
		--element-space: 40px;
	}

	.order-item {
		width: calc(50% - 0.5 * var(--element-space));
	}

	.woocommerce-pagination--without-numbers .woocommerce-button--previous,
	.woocommerce-pagination--without-numbers .woocommerce-button--next {
		width: 160px;
	}

	.woocommerce-pagination--without-numbers .woocommerce-button--previous {
		border-right-width: var(--main-border-size);
		border-top-right-radius: var(--main-border-radius);
		border-bottom-right-radius: var(--main-border-radius);
	}
	
	.woocommerce-pagination--without-numbers .woocommerce-button--next {
		border-top-left-radius: var(--main-border-radius);
		border-bottom-left-radius: var(--main-border-radius);
	}

	.order-again .button {
		width: auto;
		min-width: 15rem;
	}

	.woocommerce-column--billing-address,
	.woocommerce-column--shipping-address {
		width: calc(50% - var(--element-space));
	}
	
	body.woocommerce-order-received .woocommerce-column--billing-address,
	body.woocommerce-order-received .woocommerce-column--shipping-address {
		width: 100%;
	}

	.woocommerce-Addresses {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	.woocommerce-Address {
		width: calc(50% - 0.5 * var(--container-space));
	}

	.woocommerce-edit-address-billing .site-main article,
	.woocommerce-edit-address-shipping .site-main article {
		width: 100%;
	}

	.woocommerce-edit-address-billing .site-main article::before,
	.woocommerce-edit-address-shipping .site-main article::before {
		content: "";
		position: fixed;
		width: calc(100% - var(--dashboard-nav-width));
		height: 100%;
		top: 0;
		left: var(--dashboard-nav-width);
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url(assets/img/edit-address-billing-bg-01.jpg);
		z-index: -1;
	}

	.woocommerce-edit-address-shipping .site-main article::before {
		background-image: url(assets/img/edit-address-shipping-bg-01.jpg);
	}

	.woocommerce-edit-address-billing .site-main article::after,
	.woocommerce-edit-address-shipping .site-main article::after {
		content: "";
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: var(--dashboard-nav-width);
		background: linear-gradient(to bottom, var(--page-background) var(--header-height), var(--page-background-extrathick));
		box-shadow: 1px 0 8px var(--black-extrasoft);
		-webkit-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);
		z-index: -1;
	}

	.woocommerce-address-fields__field-wrapper {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-between;
		gap: 10px 40px;
	}

	.woocommerce-address-fields__field-wrapper > * {
		flex-basis: calc(50% - 20px);
	}

	.woocommerce-address-fields .button-submit-container {
		display: flex;
		justify-content: center;
		margin-top: var(--section-space);
	}

	.woocommerce-address-fields .button-submit-container button {
		width: auto;
	}

	.edit-account-fields {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		gap: var(--container-space);
	}

	.woocommerce-EditAccountForm .edit-account-name-email,
	.woocommerce-EditAccountForm .edit-password {
		width: calc(50% - 0.5 * var(--container-space));
	}

	.woocommerce-EditAccountForm .edit-account-name-email > p:first-child {
		margin-top: 0;
	}
	
	.woocommerce-EditAccountForm .change-password {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-end;
		height: 100%;
		margin-top: 0;
		padding: 1.25rem;
		background-color: var(--white-thick);
	}

	.woocommerce-EditAccountForm .button-container {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.woocommerce-EditAccountForm button {
		width: auto;
	}

	body.woocommerce-account:not(.logged-in) .site-main::before {
		content: "";
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url(assets/img/login-register-bg-01.jpg);
		z-index: -1;
	}

	body.woocommerce-account:not(.logged-in) .site-main::after {
		content: "";
		position: fixed;
		width: calc(var(--login-register-form-width) + 2 * var(--container-space));
		height: 100%;
		top: 0;
		right: 0;
		z-index: -1;
		background: linear-gradient(to bottom, var(--page-background) var(--header-height), var(--page-background-extrathick));
		box-shadow: -1px 0 8px var(--black-extrasoft);
		-webkit-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);
	}

	body.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper {
		width: var(--login-register-form-width);
		margin-left: auto;
	}

	body.woocommerce-account.woocommerce-lost-password .woocommerce-notices-wrapper,
	body.woocommerce-account.woocommerce-reset-password .woocommerce-notices-wrapper {
		width: 100%;
		margin-left: 0;
	}

	.user-login-register {
		align-items: center;
		min-height: calc(var(--viewport-height) - var(--header-height) - 2 * var(--section-space));
	}

	.user-login-form {
		width: calc(var(--login-register-form-width) + 2 * var(--element-space));
		padding: 1rem var(--element-space);
		border-radius: var(--main-border-radius);
		background-color: var(--page-background-extrathick);
		margin-left: calc(0.5 * (100% - 2 * var(--login-register-form-width) - 2 * var(--container-space) - 2 * var(--element-space)));
		-webkit-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);
	}

	.user-register-form {
		width: var(--login-register-form-width);
		margin-top: -1.5rem;
	}

	/*.starter-pack-card-list {
		width: calc(100% + 2 * var(--container-space) - 60px);
		margin-left: calc(-1 * var(--container-space) + 30px);
	}*/

	.starter-pack-card-list {
		position: relative;
		width: calc(100% + 2 * var(--container-space));
		margin-left: calc(-1 * var(--container-space));
		margin-top: var(--section-space);
	}

	.starter-pack-card-list .owl-stage {
		gap: 20px;
		margin-left: -290px;
	}

	.owl-item:not(.center) .starter-pack-card-header {
		min-height: 0;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.owl-item:not(.center) .starter-pack-image,
	.owl-item:not(.center) .color-list {
		display: none;
	}

	.starter-pack-card {
		width: calc(100% - 20px);
		min-width: 300px;
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
		filter: blur(2px);
		background-color: var(--current-color);
	}

	.starter-pack-card:not(.selected) {
		background-color: var(--current-color);
	}

	.starter-pack-card:not(.selected)::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 1;
	}

	.starter-pack-card:not(.selected) .starter-pack-card-header {
		background-color: var(--white);
	}

	.starter-pack-card:not(.selected) .starter-pack-card-content {
		--white: #ffffff;
		--white-thick: rgba(255, 255, 255, 0.75);
		--white-soft: rgba(255, 255, 255, 0.25);
		--white-extrasoft: rgba(255, 255, 255, 0.15);
		--white-transparent: rgba(255, 255, 255, 0);
	}

	.starter-pack-card:not(.selected) .starter-pack-card-footer .add-to-cart {
		border-color: var(--white);
		color: var(--white);
	}

	.owl-item.center .starter-pack-card {
		position: relative;
		min-width: 800px;
		padding: 40px;
		padding-left: 480px;
		filter: none;
	}

	.owl-item.center .starter-pack-card::before {
		display: none;
	}

	.owl-item.center .starter-pack-card::after {
		content: "";
		position: absolute;
		width: 440px;
		height: 100%;
		background-color: var(--product-bg-color);
		top: 0;
		left: 0;
		border-radius: inherit;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.owl-item.center .starter-pack-card-header {
		align-items: flex-end;
		position: static;
		min-height: 0;
		padding: 0;
		background-color: transparent;
	}

	.starter-pack-card.gold .starter-pack-card-title {
		font-size: 2.25rem;
	}

	.owl-item.center .starter-pack-card-title {
		font-size: 3rem;
		text-align: right;
		color: var(--white);
		margin-top: -0.15em;
		margin-right: -0.08em;
	}

	.owl-item.center .starter-pack-image {
		position: absolute;
		width: 400px;
		height: calc(100% - 50px);
		top: 20px;
		left: 20px;
		z-index: 1;
	}

	.owl-item.center .starter-pack-card.iron .starter-pack-image {
		top: calc(50% + 40px);
		transform: translateY(-50%);
	}

	.owl-item.center .starter-pack-image .product-variation-image {
		border-radius: var(--main-border-radius);
	}

	/*.owl-item.center .starter-pack-image .product-variation-image {
		margin-top: -20%;
		margin-bottom: 0;
		max-width: none;
	}

	.owl-item.center .gold .starter-pack-image .product-variation-image {
		margin-top: -22.5%;
		width: 105%;
		margin-left: -2.5%;
	}

	.owl-item.center .bronze .starter-pack-image .product-variation-image {
		margin-top: -15%;
		width: 90%;
		margin-left: 5%;
	}

	.owl-item.center .iron .starter-pack-image .product-variation-image {
		width: 120%;
		margin-top: 5%;
		margin-left: -10%;
	}*/

	.owl-item.center .variation-color-info {
		display: block;
		position: absolute;
		top: auto;
		bottom: 54px;
		/*left: 56px;*/
		left: 36px;
		margin: 0;
		color: var(--current-color);
		font-weight: 600;
		z-index: 2;
	}

	.owl-item.center .color-list {
		justify-content: flex-end;
		position: absolute;
		width: 400px;
		bottom: 44px;
		/*right: 360px;*/
		right: 380px;
		padding: 0 10px;
		/*background-color: var(--white-thick);*/
		border-radius: var(--main-border-radius);
	}

	.owl-item.center .starter-pack-card-content {
		padding: 20px 0 34px;
	}

	.owl-item.center .starter-pack-card-footer {
		padding: 0;
	}

	/*.starter-pack-card {
		width: 24.5%;
		margin-top: 12.5%;
		transform: scale(0.95);
	}*/

	/*.starter-pack-card.gold {
		width: 26.5%;
	}*/

	.starter-pack-card.silver {
		order: 1;
	}

	.starter-pack-card-header {
		min-height: 180px;
		padding-bottom: 10px;
	}

	/*.starter-pack-card-title,
	.starter-pack-card .color-list {
		transform: scale(0.75);
	}*/

	/*.starter-pack-card-title {
		margin-top: -10px;
	}*/

	.starter-pack-card .color-list {
		margin-top: 0;
	}

	.starter-pack-card .color-list .color-item {
		width: 48px;
		height: 48px;
	}

	.starter-pack-card-header .color-item::before {
		width: 32px;
		height: 32px;
	}

	.starter-pack-card-header .color-item::after {
		width: 40px;
		height: 40px;
	}

	/*.starter-pack-card-content {
		padding-top: 0;
		transform: scale(0.85);
		margin-top: -16px;
		margin-bottom: -10px;
		margin-left: -10%;
		margin-right: -10%;
	}*/

	.starter-pack-card-footer {
		padding-top: 4px;
	}

	.starter-pack-card-list .owl-prev,
	.starter-pack-card-list .owl-next {
		/*background-color: var(--white);*/
		border-color: var(--current-color-half);
	}

	.starter-pack-card-list .owl-prev {
		left: 160px;
	}

	.starter-pack-card-list .owl-next {
		right: 160px;
	}

	.starter-pack-card-list .owl-prev:hover,
	.starter-pack-card-list .owl-next:hover {
		/*background-color: var(--current-color);*/
	}

	.starter-pack-card-list .owl-dots {
		width: 100%;
		margin-bottom: 0;
	}

	.products-list .owl-stage {
		justify-content: center;
	}

	.carousel.one-complete .product-item {
		width: calc(1 / var(--product-item-carousel) * (var(--viewport-width) - 2 * var(--container-space) + 60px));
	}

	.product-item.enlarge .product-item-image {
		width: 60%;
	}

	.product-item.enlarge .price-text.on-sale .discount-info,
	.product-item.enlarge .price-text.on-sale .discount-info-percentage {
		font-size: 2.5rem;
	}

	.product-item.enlarge .product-title {
		font-size: 3rem;
	}

	.product-item.enlarge .product-title span {
		font-size: 2.5rem;
	}

	.related,
	.up-sells {
		--product-per-row: 4;
		--product-padding: 6px;
	}

	/*.related .products .product,
	.up-sells .products .product {
		border-width: 0;
	}

	.related .products .product-thumbnail img,
	.up-sells .products .product-thumbnail img {
		border:  1px solid var(--current-color-extrasoft);
	}*/

	/*.flex-viewport img,
	.flex-viewport video {
		width: calc(100% - 240px);
		height: calc(5 / 4 * (var(--viewport-width) - 5.25 * var(--container-space) - var(--product-summary-width) - 240px));
		margin-left: auto;
		margin-right: auto;
	}*/

	/*.product-overview {
		--product-summary-width: 540px;
		--product-image-height: calc(100vh - var(--header-height) - 2 * var(--product-image-space));
		--product-thumbnail-space: 80px;
	}*/

	:root {
		--product-summary-width: 540px;
		--product-image-height: calc(100vh - var(--header-height) - 2 * var(--product-image-space));
		--product-thumbnail-space: 80px;
	}

	.woocommerce-breadcrumb {
		padding-left: 70px;
	}

	body.has-type-variation .product-overview,
	body.has-color-variation .product-overview {
		/*--product-image-height: calc(100vh - var(--header-height) - var(--breadcrumb-height) - 2 * var(--product-image-space));*/
	}

	.product-overview__gallery {
		padding-left: var(--product-thumbnail-space);
	}

	.product-overview__gallery::before {
		content: "";
		position: absolute;
/*		width: 96px;*/
		width: 80px;
		height: 100%;
		top: 0;
		left: 0;
		background-color: var(--page-background);
		z-index: 2;
	}

	.product-overview__gallery.center {
		padding-left: 70px;
	}

	.flex-direction-nav .flex-prev {
		left: 40px;
	}

	.product-overview__gallery.center .flex-direction-nav .flex-next {
		right: 40px;
	}

	.product-overview__summary {
		padding-left: var(--container-space);
	}

	.woocommerce-product-gallery__thumbnails {
		position: absolute;
		top: 0;
		left: 0;
		transform: rotate(90deg);
		transform-origin: left top;
		margin-left: 10px;
		z-index: 2;
	}

	.woocommerce-product-gallery__thumbnails .gallery-thumbnail:first-child {
		margin-left: 0;
	}

	.woocommerce-product-gallery__thumbnails img {
		transform: rotate(-90deg);
	}

	.flex-control-thumbs {
		flex-direction: column;
		justify-content: flex-start;
		gap: 10px 0;
		position: absolute;
		width: calc(var(--product-thumbnail-space) + 2px);
		height: 100%;
		top: 0;
		left: calc(-1 * var(--product-thumbnail-space));
		margin: 0;
		margin-top: var(--product-image-space);
		padding: 0;
		padding-bottom: 20px;
		z-index: 1;
		overflow-y: auto;
		background-color: var(--page-background);
	}

	.flex-control-thumbs::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		/*background-color: var(--page-background);*/
		z-index: -1;
	}

	.flex-control-thumbs::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}

	.flex-control-thumbs::-webkit-scrollbar-thumb {
		border-right: 2px solid transparent;
		border-bottom: 2px solid transparent;
		background-color: var(--current-color-extrasoft);
		background-clip: content-box;
	}

	.flex-control-thumbs::-webkit-scrollbar-thumb:hover {
		background-color: var(--current-color-thick);
	}

	.product-overview__gallery.center .flex-control-thumbs {
		left: -70px;
	}

	.flex-direction-nav .flex-prev,
	.flex-direction-nav .flex-next {
		top: calc(50% - 10px);
	}

	.related .owl-stage {
		margin-left: auto;
		margin-right: auto;
	}

	body.woocommerce-order-received .site-footer {
		width: calc(var(--cart-content-width) + 2 * var(--container-space));
		margin-left: auto;
	}

	body.woocommerce-order-received #footer-navigation .menu > .menu-item.trademark.inline {
		flex-grow: 1;
		padding: var(--element-space) var(--page-space);
		margin-left: calc(2 * var(--menu-item-space) - var(--page-space));
		margin-right: calc(-1 * var(--page-space));
		margin-bottom: calc(0.5em - var(--section-space));
		background-color: var(--black-supersoft);
		box-shadow: inset 0 1px 2px var(--black-supersoft);
	}

	.hero-block-text .text-info {
		padding: 0 20%;
	}

	.charity-statistics .wp-block-group__inner-container {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-between;
		gap: 20px;
	}

	.charity-statistics .wp-block-group__inner-container .charity-statistic-item {
		width: calc(50% - 10px);
		margin: 0;
	}

	.charity-statistics .wp-block-group__inner-container .charity-statistic-name {
		max-width: 40%;
	}

	body.woocommerce-order-received #footer-navigation > .menu > .menu-item {
		flex-basis: 100%;
	}
}

@media screen and (min-width: 1200px) and (min-height: 680px) {
	.thankyou-wrapper {
		position: fixed;
		width: 480px;
		top: calc(50% + 0.5 * var(--header-height));
		left: calc(0.5 * (100% - var(--cart-content-width) - 2 * var(--container-space) - 480px));
		transform: translateY(-50%);
		padding: 20px;
		border-radius: calc(var(--main-border-radius) + 8px);
		background-color: var(--page-background-extrathick);
		-webkit-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);
	}

	.thankyou-title {
		margin-top: 0;
	}

	.thankyou-text {
		width: 360px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0;
	}

	.woocommerce-thankyou-order-details {
		margin-top: calc(var(--element-space) + 0.625rem);
	}
}

@media screen and (min-width: 1300px) {
	:root {
		--main-menu-item-width: 340px;
		--product-thumbnail-size: 80px;
		--product-thumbnail-space: 120px;
	}

	/*.product-overview {
		--product-thumbnail-size: 80px;
		--product-thumbnail-space: 120px;
	}*/
}

@media screen and (min-width: 1400px) {
	:root {
		/*--product-summary-width: 400px;*/
		--product-summary-width: 600px;
		--cart-content-width: 480px;
	}

	/*.product-overview {
		--product-summary-width: 600px;
	}*/

	.flex-direction-nav .flex-prev {
		left: 60px;
	}

	.product-overview__gallery.center .flex-direction-nav .flex-next {
		right: 60px;
	}
}

@media screen and (min-width: 1500px) {
	body.woocommerce.archive {
		--product-per-row: 5;
	}

	.flex-direction-nav .flex-prev {
		left: 80px;
	}

	.product-overview__gallery.center .flex-direction-nav .flex-next {
		right: 80px;
	}

	.related,
	.up-sells {
		--product-per-row: 5;
	}

	.woocommerce-account.logged-in #footer-navigation .menu > .menu-item.separator {
		margin-right: auto;
	}
}

/* -----------------------------------------------------------------------------
# Blog and Post
----------------------------------------------------------------------------- */
.single-post .hero-background {
	width: calc(100% + 2 * var(--container-space) - 16px);
	height: calc(100vh - var(--header-height) - 8px);
	margin-left: calc(-1 * var(--container-space) + 8px);
	margin-top: var(--header-height);
	border-radius: var(--large-border-radius);
	overflow: hidden;
}

.single-post .hero-background img {
	opacity: 0.85;
}

.single-post .hero-background + .entry-title {
	padding-left: 20px;
	padding-right: 20px;
}

.entry-meta {
	margin-top: var(--section-space);
}

.entry-meta a {
	text-decoration: none;
}

.entry-meta + .entry-content {
	margin-top: var(--section-space);
}

.single-post .entry-meta,
.single-post .entry-content,
.single-post .entry-footer,
.single-post .comments-area,
.single-post .post-navigation {
	max-width: var(--container-default-width);
	margin-left: auto;
	margin-right: auto;
}

.entry-footer {
	margin-top: var(--section-space);
	padding: 20px;
	background-color: var(--current-color-extrasoft);
	border: 1px solid var(--current-color-supersoft);
	border-radius: var(--main-border-radius);
}

.entry-footer a {
	font-weight: 600;
}

.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
}

.comment-reply-title {
	font-size: 1.375rem;
	font-weight: 600;
}

.comments-area .required-field-message {
	display: block;
	font-size: 0.875rem;
	margin-top: var(--element-space);
}

.comment-form-cookies-consent {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
}

.comment-form-cookies-consent label {
	font-size: 0.75rem;
	line-height: 1.3;
	text-transform: none;
	letter-spacing: normal;
}

.comments-area .form-submit .submit {
	width: 100%;
}

.post-navigation {
	margin-top: var(--element-space);
	padding-top: var(--element-space);
}

.post-navigation .nav-links {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	gap: 20px;
	line-height: 1.5;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
	flex-basis: 100%;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
	display: block;
	height: 100%;
	padding: 12px 16px;
	border-radius: var(--large-border-radius);
	background-color: var(--current-color);
	color: var(--white);
	text-decoration: none;
	box-shadow: inset 1px 2px 6px var(--black-extrasoft);
	transition: 0.5s;
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
	background-color: var(--current-color-thick);
}

.post-navigation .nav-subtitle {
	display: block;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.post-navigation .nav-title {
	display: block;
	font-size: 1.125rem;
	font-weight: 500;
	margin-top: 6px;
}

@media screen and (min-width: 768px) {
	.post-navigation .nav-links {
		flex-wrap: nowrap;
	}
}

@media screen and (min-width: 960px) {
	.single-post .hero-background + .entry-title {
		text-align: center;
		max-width: var(--container-wide-width);
		bottom: var(--section-space);
		left: 50%;
		transform: translateX(-50%);
	}
}

/* -----------------------------------------------------------------------------
# Handler for View from Mobile App
----------------------------------------------------------------------------- */
body.view-from-mobile-app {
	--header-height: 16px;
}

body.view-from-mobile-app .site-header {
	display: none;
}

body.view-from-mobile-app .site-footer {
	display: none;
}

body.view-from-mobile-app .post-navigation {
	display: none;
}

body.view-from-mobile-app .comments-area {
	display: none;
}

/* Dark Theme */
body.dark-theme {
	--page-background: #252525;
	--page-background-transparent: rgba(27, 27, 27, 0);
	--element-background: #333333;
	--element-background-transparent:rgba(51, 51, 51, 0);
	--text-color: var(--white);
	--text-color-thicker: var(--white);
	--text-color-thick: var(--white-thick);
	--text-color-half: var(--white-half);
	--text-color-soft: var(--white-soft);
	--text-color-extrasoft: var(--white-extasoft);
	--text-color-supersoft: var(--white-supersoft);
	--text-color-transparent: var(--white-transparent);
}

body.dark-theme .has-off-white-yellowish-background-color {
	color: var(--black);
}

/* -----------------------------------------------------------------------------
# Blog Post
----------------------------------------------------------------------------- */
body.single-post {
	--bubble-hspace: 16px;
	--bubble-vspace: 12px;
}

body.single-post .site-main {
	--element-space: 30px;
}

body.single-post .entry-header .hero-background {
	width: calc(100% + 2 * var(--container-space));
	height: 100vw;
	max-height: 60vh;
	margin-top: 0;
	margin-left: calc(-1 * var(--container-space));
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);
}

body.single-post .entry-header .hero-background::after {
	display: none;
}

.categories-list {
	position: relative;
	font-size: 0.75rem;
	width: calc(100% + 2 * var(--container-space));
	margin: 0;
	margin-left: calc(-1 * var(--container-space));
	margin-top: var(--element-space);
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
}

.categories-list::before,
.categories-list::after {
	content: "";
	position: absolute;
	width: calc(var(--container-space) + var(--bubble-hspace));
	height: calc(100% + 12px);
	top: -6px;
	left: 0;
	background: linear-gradient(to right, var(--page-background), var(--page-background-transparent));
	z-index: 1;
}

.categories-list::after {
	width: calc(2 * var(--container-space) + 2 * var(--bubble-hspace));
	left: auto;
	right: 0;
	background: linear-gradient(to left, var(--page-background) 20px, var(--page-background-transparent));
}

.categories-list ul {
	display: inline;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.categories-list li {
	display: inline;
}

.categories-list a {
	font-weight: 500;
	line-height: 1;
	display: inline-block;
	padding: 7px 8px 6px;
	background-color: var(--current-color-extrasoft);
	color: var(--current-color);
	border-radius: 5px;
	text-decoration: none;
	margin-left: 4px;
	box-shadow: inset 1px 2px 3px var(--black-supersoft);
}

body.dark-theme .categories-list a {
	background-color: var(--current-color-soft);
}

.categories-list > li {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 calc(var(--container-space) + var(--bubble-hspace));
	padding-right: calc(2 * var(--container-space) + 2 * var(--bubble-hspace));
	overflow: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.categories-list > li::-webkit-scrollbar {
	display: none;
}

.categories-list > li > a {
	font-weight: 600;
	background-color: var(--current-color);
	color: var(--white);
	margin-left: 0;
}

body.dark-theme .categories-list > li > a {
	background-color: var(--current-color);
}

body.single-post .entry-header .entry-title {
	position: static;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.3;
	color: var(--text-color-thicker);
	padding: 0 var(--bubble-hspace);
	margin-top: 12px;
	margin-left: -1px;
	text-shadow: none;
}

body.single-post .entry-meta {
	font-size: 0.625rem;
	font-weight: 500;
	text-transform: uppercase;
	color: var(--text-color-half);
	padding: 0 var(--bubble-hspace);
	margin-top: 12px;
}

body.single-post .entry-meta .posted-on {
	display: none;
}

body.single-post .entry-content {
	margin-top: var(--element-space);
}

body.single-post .entry-content > * {
	font-size: 0.875rem;
	line-height: 1.6;
	padding: var(--bubble-vspace) var(--bubble-hspace);
	border-radius: var(--large-border-radius);
	box-shadow: 2px 4px 8px var(--black-soft);
	margin-top: var(--element-space);
	background-color: var(--white);
}

body.single-post.dark-theme .entry-content > * {
	/*background-color: var(--current-color-extrasoft);*/
	background-color: var(--element-bubble-dark-background);
}

body.single-post .entry-content > h2 {
	display: inline-block;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.35;
	border-radius: var(--main-border-radius);
	border-bottom-left-radius: 0;
	padding-bottom: calc(var(--bubble-vspace) - 2px);
	box-shadow: inset 2px 4px 8px var(--black-extrasoft), 1px 2px 6px var(--black-extrasoft);
	max-width: 90%;
	position: relative;
	z-index: 2;
}

body.single-post .entry-content > h2,
body.single-post.dark-theme .entry-content > h2 {
	background-color: var(--current-color);
	color: var(--white);
}

body.single-post .entry-content > h2 + * {
	margin-top: -20px;
	padding-top: calc(var(--bubble-vspace) + 20px);
}

body.single-post .entry-content > h2 + .wp-block-image {
	margin-top: var(--element-space);
	padding-top: 0;
}

body.single-post .entry-content > h2 + .wp-block-group > .wp-block-group__inner-container > *:first-child {
	margin-top: 0;
}

body.single-post .entry-content > .wp-block-group > .wp-block-group__inner-container > * {
	margin-top: 1em;
}

body.single-post .entry-content > .wp-block-group > .wp-block-group__inner-container > *:first-child {
	margin-top: 0;
}

body.single-post .entry-content .wp-block-separator.element-separator {
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}

body.single-post .entry-content .wp-block-separator.element-separator + * {
	margin-top: 0;
}

body.single-post .entry-content a {
	word-break: break-word;
}

.list-with-lines li:not(:last-child) {
	padding-bottom: 10px;
	border-bottom: 1px solid var(--text-color-extrasoft);
	margin-bottom: 10px;
}

.nutritional-info {
	list-style-type: none;
	padding-left: 0;
}

.nutritional-info li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px dotted var(--current-color-soft);
}

.nutritional-info li:first-child {
	padding-top: 0;
}

.nutritional-info li:last-child {
	padding-bottom: 0;
	border-bottom-width: 0;
}

.result-info p {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0 30px;
	text-align: right;
	white-space: nowrap;
}

.result-info p > strong {
	text-align: left;
	white-space: normal;
}

body.single-post .entry-content > .no-bubble {
	padding-top: 0;
	padding-bottom: 0;
	background-color: transparent;
	box-shadow: none;
}

body.single-post .entry-content > .diet-tags {
	padding-top: 0;
	padding-bottom: 0;
	background-color: transparent;
	box-shadow: none;
}

body.single-post .entry-content > .diet-tags strong {
	color: var(--current-color);
}

body.single-post .entry-content > .diet-tags p:not(:first-child) {
	opacity: 0.75;
}

body.single-post .entry-content > .stacked-intro {
	padding-bottom: calc(var(--bubble-vspace) + 16px);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

body.single-post .entry-content > .stacked-intro + * {
	position: relative;
	z-index: 2;
	margin-top: -16px;
}

body.single-post .entry-content > .wp-block-group.subtitle-list {
	position: static;
}

body.single-post .entry-content > .subtitle-list {
	padding-bottom: calc(var(--bubble-vspace) + 14px);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

body.single-post .entry-content > .subtitle-list + ul,
body.single-post .entry-content > .subtitle-list + ol {
	margin-top: -16px;
}

body.single-post .entry-content > ul,
body.single-post .entry-content > ol {
	list-style-type: none;
	padding: 8px;
}

body.single-post .entry-content > h2 + ul,
body.single-post .entry-content > h2 + ol {
	padding-top: calc(var(--bubble-vspace) + 14px);
}

body.single-post .entry-content > ul > li,
body.single-post .entry-content > ol > li {
	position: relative;
	padding: 12px 16px;
	padding-left: 40px;
	border-radius: calc(var(--large-border-radius) - 8px);
	background-color: var(--current-color-soft);
	box-shadow: 2px 4px 8px var(--black-supersoft), inset 1px 2px 6px var(--black-supersoft);
}

body.single-post .entry-content > ul > li::after,
body.single-post .entry-content > ol > li::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: -4px;
	left: 0;
	background: linear-gradient(to right, var(--current-color-transparent), var(--current-color), var(--current-color-transparent));
	opacity: 0.5;
}

body.single-post .entry-content > ul > li:last-child::after,
body.single-post .entry-content > ol > li:last-child::after {
	display: none;
}

body.single-post .entry-content > ul > li:first-child,
body.single-post .entry-content > ol > li:first-child {
	margin-top: 0;
}

body.single-post .entry-content > ul > li::before,
body.single-post .entry-content > ol > li::before {
	content: "";
	font-weight: 700;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	top: 14px;
	left: 11px;
	line-height: 1;
	border-radius: 50%;
	color: var(--current-color);
	background-color: var(--current-color);
	background-image: url(assets/icon/checkmark-cutout.svg);
	background-repeat: no-repeat;
	background-size: contain;
	box-shadow: 1px 1px 3px var(--black-half);
}

body.single-post .entry-content > ol > li {
	counter-increment: number;
}

body.single-post .entry-content > ol > li::before {
	content: counter(number);
	font-size: 0.75em;
	font-weight: 700;
	padding-top: 2px;
	background-color: var(--white-thick);
	background-image: none;
}

body.single-post .entry-content .references li:first-child {
	margin-top: 0;
}

body.single-post .entry-content > ol.references > li::before {
	font-size: 0.625rem;
}

body.single-post .entry-content h3 {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.3;
}

body.single-post .entry-content > .wp-block-image {
	position: relative;
	padding: 0;
	border-radius: var(--large-border-radius);
}

body.single-post .entry-content > .wp-block-image::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: inherit;
	box-shadow: inset 1px 2px 6px var(--black-extrasoft);
}

body.single-post .entry-content > .wp-block-image img {
	display: block;
	border-radius: var(--large-border-radius);
}

body.single-post .entry-content > .wp-block-gallery {
	padding: var(--gallery-item-space);
}

body.single-post .entry-content .references {
	font-size: 0.75rem;
	word-break: break-word;
}

body.single-post .entry-content > h2.disclaimer-title {
	position: relative;
	z-index: 2;
	background-color: var(--grey);
}

body.single-post .entry-content .disclaimer {
	--current-color: var(--grey);
	--current-color-transparent: var(--grey-transparent);
	font-size: 0.75rem;
	position: relative;
	background-color: transparent;
	padding: calc(var(--bubble-hspace) + var(--bubble-vspace) - 4px) calc(2 * var(--bubble-hspace) - 2px);
	padding-top: calc(20px + var(--bubble-hspace) - 5px + var(--bubble-vspace));
}

@media screen and (min-width: 768px) {
	body.single-post .entry-content .disclaimer {
		font-size: 0.875rem;
	}
}

body.single-post .entry-content .disclaimer::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: inherit;
	background-color: var(--white);
	z-index: -2;
}

body.single-post .entry-content .disclaimer::after {
	content: "";
	position: absolute;
	width: calc(100% - 2 * var(--bubble-hspace));
	height: calc(100% - 20px - 2px - var(--bubble-hspace) - var(--bubble-vspace));
	top: calc(20px + var(--bubble-hspace) - 2px);
	left: var(--bubble-hspace);
	border-radius: var(--main-border-radius);
	background-color: var(--grey-extrasoft);
	z-index: -1;
	box-shadow: inset 1px 2px 6px var(--black-supersoft);
}

body.single-post.dark-theme .entry-content .disclaimer {
	color: var(--white);
}

body.single-post.dark-theme .entry-content .disclaimer::before {
	background-color: var(--current-color-extrasoft);
}

body.single-post.dark-theme .entry-content .disclaimer::after {
	background-color: var(--white-extrasoft);
}

body.single-post .entry-content .disclaimer-title + ul.disclaimer,
body.single-post .entry-content .disclaimer-title + ol.disclaimer {
	padding: 8px;
	padding-top: calc(var(--bubble-vspace) + 14px);
}

body.single-post .entry-content ul.disclaimer::after,
body.single-post .entry-content ol.disclaimer::after {
	display: none;
}

body.single-post .entry-content ul.disclaimer > li,
body.single-post .entry-content ol.disclaimer > li {
	background-color: var(--current-color-extrasoft);
}

body.single-post.dark-theme .entry-content ul.disclaimer > li,
body.single-post.dark-theme .entry-content ol.disclaimer > li {
	background-color: var(--current-color-soft);
}

body.single-post .entry-footer {
	position: relative;
	font-size: 0.75rem;
	line-height: 1.6;
	padding: var(--bubble-vspace) var(--bubble-hspace);
	border-radius: 12px;
	background-color: var(--grey-extrasoft);
	box-shadow: inset 1px 2px 3px var(--black-supersoft);
	margin-top: calc(2 * var(--element-space));
}

body.single-post .entry-footer::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: calc(-1 * var(--element-space));
	left: 0;
	background: linear-gradient(to right, var(--black-transparent), var(--black), var(--black-transparent));
	opacity: 0.15;
}

body.single-post.dark-theme .entry-footer::before {
	background: linear-gradient(to right, var(--white-transparent), var(--white), var(--white-transparent));
}

body.single-post .entry-footer .tags-list .tags {
	display: block;
}

body.single-post .entry-footer .tags-list a {
	text-decoration: none;
}

.post-preview {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	min-height: 160px;
	margin-top: 30px;
	background-color: var(--white);
	border-radius: var(--large-border-radius);
	box-shadow: 2px 4px 6px var(--black-soft);
}

body.dark-theme .post-preview {
	background-color: var(--element-background);
}

.post-preview .featured-image {
	flex-shrink: 0;
	position: relative;
	z-index: 2;
	width: 40%;
}

.post-preview .featured-image a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.post-preview .featured-image a::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: var(--large-border-radius);
	box-shadow: inset 2px 4px 8px var(--black-extrasoft);
}

.post-preview .featured-image .hero-preview,
.post-preview .featured-image .hero-image {
	display: block;
	width: 100%;
	height: 100%;
}

.post-preview .featured-image .hero-image {
	object-fit: cover;
	border-radius: var(--large-border-radius);
	box-shadow: 2px 4px 6px var(--black-soft);
}

.post-preview .preview-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 60%;
	padding: 16px;
	padding-left: 20px;
}

.post-preview .categories-list {
	font-size: 0.625rem;
	width: calc(100% + 36px);
	margin: 0;
	margin-left: -20px;
}

.post-preview:first-of-type .categories-list {
	width: calc(100% + 32px);
	margin-left: -16px;
}

.post-preview .categories-list::before,
.post-preview .categories-list::after {
	--page-background: var(--white);
	--page-background-transparent: var(--white-transparent);
	height: calc(100% + 4px);
	top: -2px;
}

.post-preview .categories-list::before {
	width: 20px;
}

.post-preview .categories-list::after {
	width: 40px;
}

body.dark-theme .post-preview .categories-list::before,
body.dark-theme .post-preview .categories-list::after {
	--page-background: var(--element-background);
	--page-background-transparent: var(--element-background-transparent);
}

.post-preview .categories-list > li {
	padding-left: 20px;
	padding-right: 40px;
}

.post-preview .post-title {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.3;
	margin-top: 8px;
	color: var(--text-color-thicker);
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.post-preview .post-title a {
	display: block;
	text-decoration: none;
}

.post-preview .posted-on {
	font-size: 0.625rem;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.2px;
	margin-top: auto;
	padding-top: 24px;
	color: var(--text-color-half);
	display: none;
}

.post-preview:first-of-type {
	flex-wrap: wrap;
}

.post-preview:first-of-type .featured-image {
	width: 100%;
	height: 200px;
}

.post-preview:first-of-type .preview-content {
	width: 100%;
	padding-left: 16px;
}

.post-preview:first-of-type .categories-list > li {
	padding-left: 16px;
}

.post-preview:first-of-type .categories-list::before {
	width: 16px;
}

.post-preview:first-of-type .post-title {
	font-size: 1.25rem;
}

.blog-header {
	margin-top: var(--element-space);
	margin-bottom: 30px;
}

.blog-header .page-title {
	margin-top: 0;
}

.blog-header .blog-description {
	font-size: 0.875rem;
	margin-top: 20px;
}

.blog-header .blog-description p {
	margin-top: 0;
}

.blog-header .search-form {
	margin-top: 20px;
}

body.archive:not(.woocommerce-page) .page-title {
	position: relative;
	display: block;
	font-size: 0.625rem;
	margin-top: 16px;
	color: var(--text-color-half);
}

body.archive:not(.woocommerce-page) .page-title::before {
	content: "";
	position: absolute;
	width: calc(var(--viewport-width) - 100% - 2 * var(--container-space) - 10px);
	width: calc(var(--viewport-width) - 2 * var(--container-space));
	height: 1px;
	top: 18px;
	left: 0;
	background: linear-gradient(to right, var(--text-color), var(--text-color-transparent));
	opacity: 0.15;
}

body.archive:not(.woocommerce-page) .page-title span {
	display: block;
	font-size: 1rem;
	margin-top: 14px;
	color: var(--text-color-thicker);
}

@media screen and (min-width: 768px) {
	body.single-post {
		--bubble-hspace: 24px;
		--bubble-vspace: 20px;
	}

	body.single-post .categories-list {
		margin-top: var(--section-space);
	}

	body.single-post .entry-header .entry-title {
		font-size: 2rem;
	}

	body.single-post .entry-content > * {
		font-size: 1rem;
		margin-top: 48px;
	}

	body.single-post .entry-content > h2 {
		font-size: 1.25rem;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.post-preview {
		margin-top: 48px;
	}

	.post-preview .preview-content {
		padding: 40px;
		padding-left: 48px;
	}

	.post-preview .categories-list {
		font-size: 0.75rem;
	}

	.post-preview .post-title {
		font-size: 1.5rem;
		margin-top: 12px;
	}

	.post-preview:first-of-type .featured-image {
		height: 360px;
	}

	.post-preview:first-of-type .post-title {
		font-size: 1.75rem;
	}

	.post-preview:first-of-type .preview-content {
		padding-left: 40px;
	}
}

@media screen and (min-width: 960px) {
	body.single-post .categories-list {
		font-size: 0.875rem;
	}

	body.single-post .categories-list::before,
	body.single-post .categories-list::after {
		width: calc(0.5 * (100% - 800px));
	}

	body.single-post .categories-list > li {
		padding-left: calc(0.5 * (100% - 800px) + var(--bubble-hspace) + 4px);
		padding-right: calc(0.5 * (100% - 800px) + var(--bubble-hspace));
	}

	body.single-post .entry-header .entry-title {
		font-size: 3rem;
		max-width: var(--container-default-width);
		margin-left: auto;
		margin-right: auto;
		margin-top: 16px;
	}

	body.single-post .entry-header .entry-meta {
		margin-top: 16px;
	}

	body.hfeed .site-main {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: stretch;
		gap: 0 40px;
	}

	body.hfeed .site-main > header {
		flex-basis: 100%;
	}

	.blog-header > * {
		max-width: 540px;
		margin-left: auto;
		margin-right: auto;
	}

	.blog-header .page-title,
	.blog-header .blog-description {
		text-align: center;
	}

	.blog-header .blog-description {
		font-size: 1rem;
		max-width: 480px;
	}

	.post-preview {
		width: calc(50% - 20px);
	}

	.post-preview .preview-content {
		padding: 20px;
		padding-left: 30px;
	}

	.post-preview:nth-of-type(1),
	.post-preview:nth-of-type(2) {
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: stretch;
		align-items: flex-start;
	}

	.post-preview:nth-of-type(1) .featured-image,
	.post-preview:nth-of-type(2) .featured-image {
		width: 100%;
		height: 240px;
	}

	.post-preview:nth-of-type(1) .preview-content,
	.post-preview:nth-of-type(2) .preview-content {
		flex-grow: 1;
		width: 100%;
		padding: 26px;
		padding-top: 24px;
		padding-bottom: 20px;
	}

	.post-preview:nth-of-type(1) .post-title,
	.post-preview:nth-of-type(2) .post-title {
		font-size: 1.375rem;
		line-height: 1.25;
	}

	.post-preview .post-title {
		font-size: 1.25rem;
	}
}

@media screen and (min-width: 1200px) {
	body.single-post .entry-header .entry-title {
		font-size: 3rem;
		line-height: 1.25;
	}

	body.single-post .entry-content > h2 {
		font-size: 1.375rem;
	}

	.post-preview {
		width: calc((100% - 80px) / 3);
	}

	.post-preview:nth-of-type(3) {
		flex-direction: column;
		justify-content: stretch;
		align-items: flex-start;
	}

	.post-preview:nth-of-type(1) .featured-image,
	.post-preview:nth-of-type(2) .featured-image,
	.post-preview:nth-of-type(3) .featured-image {
		height: 240px;
	}

	.post-preview:nth-of-type(3) .featured-image {
		width: 100%;
	}

	.post-preview:nth-of-type(3) .preview-content {
		flex-grow: 1;
		width: 100%;
		padding: 26px;
		padding-top: 24px;
		padding-bottom: 20px;
	}

	.post-preview:nth-of-type(3) .post-title {
		font-size: 1.375rem;
		line-height: 1.25;
	}
}

@media screen and (min-width: 1800px) {
	.post-preview {
		width: calc((100% - 120px) / 4);
	}

	.post-preview:nth-of-type(4) {
		flex-direction: column;
		justify-content: stretch;
		align-items: flex-start;
	}

	.post-preview:nth-of-type(1) .featured-image,
	.post-preview:nth-of-type(2) .featured-image,
	.post-preview:nth-of-type(3) .featured-image,
	.post-preview:nth-of-type(4) .featured-image {
		height: 240px;
	}

	.post-preview:nth-of-type(4) .featured-image {
		width: 100%;
	}

	.post-preview:nth-of-type(4) .preview-content {
		flex-grow: 1;
		width: 100%;
		padding: 26px;
		padding-top: 24px;
		padding-bottom: 20px;
	}

	.post-preview:nth-of-type(4) .post-title {
		font-size: 1.375rem;
		line-height: 1.25;
	}
}

/* New Homepage */
:root {
	--main-box-shadow: 2px 4px 8px var(--black-supersoft);
	--thicker-box-shadow: 2px 4px 8px var(--black-extrasoft);
	--inout-box-shadow: var(--main-box-shadow), inset -2px 1px 10px var(--black-extrasoft);
}

.has-text-shadow {
	text-shadow: 1px 2px 8px var(--black-extrasoft);
}

.has-text-shadow.thick-text-shadow {
	text-shadow: 3px 2px 4px var(--black-soft);
}

.title-breaks-line strong {
	display: block;
	font-size: 0.65em;
	font-weight: inherit;
	margin-top: 0.1em;
}

.bubble-transparent {
	margin-top: var(--element-space);
	padding: 20px 30px;
	background-color: var(--black-soft);
	border-radius: var(--large-border-radius);
}

.bubble-transparent.bg-terracotta {
	background-color: var(--terracotta-half);
}

.bubble-transparent.bg-green {
	background-color: var(--green-half);
}

.bubble-transparent.bg-brown {
	background-color: var(--brown-half);
}

.bubble-transparent.bg-blue {
	background-color: var(--blue-half);
}

.bubble-transparent.bg-grey {
	background-color: var(--grey-half);
}

.bubble-transparent.thick-bg.bg-terracotta {
	background-color: var(--terracotta-thick);
}

.bubble-transparent.thick-bg.bg-green {
	background-color: var(--green-thick);
}

.bubble-transparent.thick-bg.bg-brown {
	background-color: var(--brown-thick);
}

.bubble-transparent.thick-bg.bg-blue {
	background-color: var(--blue-thick);
}

.bubble-transparent.thick-bg.bg-grey {
	background-color: var(--grey-thick);
}

.bubble-transparent.extra-thick-bg.bg-terracotta {
	background-color: var(--terracotta-extrathick);
}

.bubble-transparent.extra-thick-bg.bg-green {
	background-color: var(--green-extrathick);
}

.bubble-transparent.extra-thick-bg.bg-brown {
	background-color: var(--brown-extrathick);
}

.bubble-transparent.extra-thick-bg.bg-blue {
	background-color: var(--blue-extrathick);
}

.bubble-transparent.extra-thick-bg.bg-grey {
	background-color: var(--grey-extrathick);
}

.hero-element .bubble-transparent {
	margin-top: var(--section-space);
}

.hero-element .bubble-transparent.element-space {
	margin-top: var(--element-space);
}

.hero-element .bubble-transparent.no-space {
	margin-top: 0;
}

.hero-element .bubble-transparent p {
	font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
	.hero-element .bubble-transparent p {
		font-size: 1rem;
	}
}

@media screen and (min-width: 960px) {
	.bubble-transparent {
		padding: 20px 40px;
	}
}

.hero-element .bubble-transparent.minimal-inner-space p {
	margin-top: 0.625em;
}

.hero-element .bubble-transparent > .wp-block-group__inner-container > *:first-child,
.bubble-transparent > .wp-block-group__inner-container > *:first-child {
	margin-top: 0;
}

.bubble-transparent.minimal-inner-space .wp-block-buttons {
	margin-top: 20px;
}

.full-width-inner .wp-block-cover__inner-container {
	width: 100%;
	max-width: none;
}

.countdown-banner-container .wp-block-group__inner-container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.countdown-banner {
	gap: 40px;
	max-width: 1440px;
}

.countdown-banner .wp-block-column:last-child {
	flex-basis: auto;
	white-space: nowrap;
}

.countdown-banner .countdown-column {
	flex-basis: auto;
}

.countdown.fixed-card-timer {
	gap: 20px;
}

.fixed-card-timer .countdown-part {
	flex-basis: 100%;
	flex-shrink: 1;
	flex-grow: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 30px 0 20px;
	border: var(--main-border-size) solid;
	border-radius: var(--main-border-radius);
	min-height: 160px;
	min-width: 120px;
}

.fixed-card-timer.no-min-height .countdown-part {
	min-height: 0;
}

.fixed-card-timer .countdown-time {
	font-family: var(--main-font-family);
	font-size: 2rem;
	font-weight: 600;
	line-height: 1;
	color: inherit;
}

.fixed-card-timer .countdown-label {
	font-size: 0.75rem;
	line-height: 1;
	background-color: transparent;
	border-radius: 0;
	margin-top: 20px;
	color: inherit;
}

@media screen and (max-width: 959px) {
	.text-center-on-medium {
		text-align: center;
	}
}

.small-large-text {
	font-size: 1.5em;
	line-height: 1.35;
}

.small-extra-large-text {
	font-size: 2.75em;
	line-height: 1.2;
}

.app-preview-banner.wp-block-columns {
	align-items: center;
	gap: 0;
	width: 100%;
	padding: 0;
	border-radius: var(--large-border-radius);
	box-shadow: var(--main-box-shadow);
	overflow: hidden;
}

.app-preview-banner.wp-block-columns.super-large-rounded {
	border-radius: var(--super-large-border-radius);
}

.wp-block-group.alignfull .app-preview-banner.wp-block-columns {
	width: calc(100% - 2 * var(--container-space));
}

.app-preview-banner > .wp-block-column {
	flex-basis: 50%;
}

.app-preview-banner .app-preview-mockup .wp-block-cover {
	padding-top: calc(0.75 * var(--container-space));
	padding-bottom: calc(0.5 * var(--container-space));
	border-radius: var(--large-border-radius);
}

.app-preview-banner.super-large-rounded .app-preview-mockup .wp-block-cover {
	border-radius: var(--super-large-border-radius);
}

.app-preview-banner .app-preview-mockup .wp-block-cover__image-background,
.app-preview-banner .app-preview-mockup .wp-block-cover__video-background {
	filter: saturate(10%);
}

.app-preview-banner .app-page-mockup img {
	display: block;
	width: auto;
	height: 50vh;
	margin: 0 auto;
	border-radius: 0;
}

.app-store-info.wp-block-columns {
	font-size: 0.875rem;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin-top: var(--element-space);
}

.app-store-info .wp-block-column {
	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 1;
}

.app-store-info .wp-block-column:first-child {
	flex-basis: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.app-store-info .store-icon {
	display: block;
	width: auto;
	height: 32px;
	fill: var(--white);
}

.app-store-info .store-icon.play-store {
	height: 30px;
}

.app-store-info p a {
	text-underline-offset: 5px;
	text-decoration-color: var(--white-half);
}

.app-preview-banner .app-preview-text {
	padding: var(--container-space);
}

.app-preview-banner .app-preview-text .feature-info {
	font-size: 0.75em;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.app-preview-banner .app-preview-text .feature-name {
	font-size: 2.25em;
	font-weight: 600;
	line-height: 1.25;
	margin-top: 10px;
	margin-left: -0.1em;
	max-width: 480px;
}

.app-preview-banner .app-preview-text .feature-name.full-width {
	max-width: none;
}

.app-preview-banner .app-preview-text .feature-name:first-child {
	margin-top: 0;
}

.app-preview-banner .app-preview-text .feature-description {
	font-size: 1.25em;
	line-height: 1.45;
	width: 75%;
}

.app-preview-carousel .owl-dots {
	display: none;
}

.carousel.rectangle-nav.nav-on-top > .wp-block-group__inner-container {
	padding-top: 60px;
}

body.touch-device .carousel.rectangle-nav.nav-on-top > .wp-block-group__inner-container {
	padding-top: 0;
}

.rectangle-nav .owl-prev,
.rectangle-nav .owl-next {
	width: 5em;
	height: 2.25em;
	min-height: 0;
	border-radius: var(--main-border-radius);
	border: 1px solid var(--black-supersoft);
	background-color: var(--white);
	box-shadow: var(--thicker-box-shadow);
}

.rectangle-nav .owl-prev:hover,
.rectangle-nav .owl-next:hover,
.rectangle-nav .owl-prev:focus,
.rectangle-nav .owl-next:focus {
	background-color: var(--current-color);
}

.rectangle-nav .owl-prev::before,
.rectangle-nav .owl-next::before {
	width: 12px;
	height: 12px;
}

.rectangle-nav .owl-prev::after,
.rectangle-nav .owl-next::after {
	display: none;
}

.rectangle-nav.nav-on-top .owl-prev,
.rectangle-nav.nav-on-top .owl-next {
	top: 0;
	left: auto;
	right: 0;
	transform: none;
}

.rectangle-nav.nav-on-top .owl-prev {
	right: 80px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.rectangle-nav.nav-on-top .owl-next {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.app-preview-carousel.carousel.one-item .owl-prev,
.app-preview-carousel.carousel.one-item .owl-next {
	top: 50%;
}

.who-is-bk-bubble .wp-block-column:first-child {
	flex-basis: 50%;
}

.pillar-bubble.wp-block-columns {
	gap: 20px 40px;
	padding: var(--element-space);
	background-color: var(--current-color-soft);
	border-radius: var(--large-border-radius);
	transition: 0.5s;
}

.pillar-bubble.wp-block-columns:first-of-type {
	margin-top: var(--section-space);
}

.pillar-bubble.green {
	--current-color: var(--green);
	--current-color-soft: var(--green-soft);
	--current-color-extrasoft: var(--green-extrasoft);
}

.pillar-bubble.blue {
	--current-color: var(--blue);
	--current-color-soft: var(--blue-soft);
	--current-color-extrasoft: var(--blue-extrasoft);
}

.pillar-bubble.brown {
	--current-color: var(--brown);
	--current-color-soft: var(--brown-soft);
	--current-color-extrasoft: var(--brown-extrasoft);
}

.pillar-bubble.grey {
	--current-color: var(--grey);
	--current-color-soft: var(--grey-soft);
	--current-color-extrasoft: var(--grey-extrasoft);
}

.pillar-bubble:hover {
	background-color: var(--current-color);
}

.pillar-bubble + .pillar-bubble {
	margin-top: 20px;
}

.pillar-bubble:not(.selected) + * + .pillar-bubble {
	margin-top: 20px;
}

.topic-section + .pillar-bubble {
	margin-top: 20px;
}

.pillar-bubble .pillar-icon {
	flex-basis: auto;
	flex-grow: 0;
}

.pillar-bubble .pillar-icon svg {
	display: block;
	width: 80px;
	height: auto;
	padding: 8px;
	fill: var(--white);
	background-color: var(--current-color);
	border-radius: var(--main-border-radius);
}

.pillar-bubble:hover .pillar-icon svg {
	fill: var(--white);
}

.pillar-bubble .pillar-name {
	flex-basis: 75%;
	font-size: 2.25em;
	font-weight: 600;
	line-height: 1.1;
	color: var(--current-color);
	transition: 0.5s;
}

.pillar-bubble:hover .pillar-name {
	color: var(--white);
}

.pillar-bubble .pillar-description {
	font-weight: 500;
	transition: 0.5s;
}

.pillar-bubble:hover .pillar-description {
	color: var(--white);
}

.pillar-bubble .pillar-button {
	flex-basis: auto;
	flex-grow: 0;
	white-space: nowrap;
}

.pillar-bubble .pillar-button .wp-block-button {
	position: relative;
	cursor: pointer;
}

.pillar-bubble .pillar-button .wp-block-button::before {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	top: calc(50% - 2px);
	left: calc(50% - 6px);
	border: var(--main-border-size) solid var(--white-half);
	border-left-width: 0;
	border-bottom-width: 0;
	transform: translate3d(0, 20px, 0) rotate(-45deg);
	transform-origin: center;
	opacity: 0;
}

.pillar-bubble .pillar-button .wp-block-button__link {
	padding-left: 48px;
	padding-right: 48px;
	background-color: var(--off-white);
	border-color: var(--white-half);
	color: var(--current-color);
}

.pillar-bubble.selected {
	background-color: var(--current-color);
}

.pillar-bubble.selected .pillar-icon svg {
	background-color: var(--white);
	fill: var(--current-color);
	box-shadow: var(--thicker-box-shadow);
}

.pillar-bubble.selected .pillar-name {
	color: var(--white);
}

.pillar-bubble.selected .pillar-description {
	opacity: 0;
	visibility: hidden;
}

.pillar-bubble.selected .pillar-button .wp-block-button::before {
	opacity: 1;
	transform: translate3d(0, 0, 0) rotate(-45deg);
	transition: 0.5s;
	transition-delay: 0.8s;
}

.pillar-bubble.selected .pillar-button .wp-block-button:hover::before {
	border-color: var(--white);
	transition-delay: 0.3s;
}

.pillar-bubble.selected .pillar-button .wp-block-button__link {
	color: transparent;
	width: var(--button-height);
	padding-left: 0;
	padding-right: 0;
	background-color: transparent;
}

.pillar-bubble.selected .pillar-button:hover .wp-block-button__link {
	border-color: var(--white);
}

.pillar-bubble + .topic-section {
	display: none;
	margin-bottom: 0;
}

.pillar-bubble.selected + .topic-section {
	display: block;
}

.title-block.wp-block-cover {
	position: sticky;
	top: 0;
	z-index: 9;
	min-height: 0;
	padding: 12px;
	padding-bottom: 14px;
	padding-right: 20px;
	border-radius: var(--large-border-radius);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: 1px 3px 6px var(--black-soft);
	display: none;
}

body.scroll-up .title-block.wp-block-cover {
	top: var(--header-height);
}

.title-block .wp-block-cover__inner-container {
	flex-wrap: nowrap;
	align-items: center;
	gap: 12px;
}

.title-block.wp-block-cover + * {
	margin-top: 0;
}

.title-block .pillar-icon {
	flex-basis: auto;
}

.title-block .pillar-icon svg {
	display: block;
	width: 48px;
	height: auto;
	padding: 4px;
	border-radius: var(--main-border-radius);
	background-color: var(--white);
	fill: var(--current-color);
	box-shadow: var(--main-box-shadow);
}

.title-block .pillar-name {
	flex-basis: 100%;
	margin: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.title-block .close-button {
	flex-basis: auto;
	margin-top: 0;
}

.title-block .close-button .button {
	display: flex;
	min-width: 0;
	min-height: 0;
	padding: 10px;
	position: relative;
	left: 10px;
}

.title-block .close-button .button-icon {
	width: 18px;
	height: 18px;
}

.side-by-side-introduction .wp-block-column:first-child {
	flex-basis: 80%;
}

.topic-section,
.subtopic-section {
	margin-top: var(--section-space);
	padding-top: 0;
}

.pillar-bubble + .topic-section {
	margin-top: 20px;
	box-shadow: inset 2px 4px 16px 4px var(--black-supersoft);
}

.topic-section > .wp-block-group__inner-container > p {
	max-width: var(--container-default-width);
	margin-left: auto;
	margin-right: auto;
}

.subtitle-columns.wp-block-columns {
	margin-top: var(--section-space);
}

.wp-block-separator.element-space {
	margin-top: var(--element-space);
	margin-bottom: var(--element-space);
}

.wp-block-separator.is-style-wide.center-gradient::before {
	background: linear-gradient(to right, var(--current-color-transparent), var(--current-color), var(--current-color-transparent));
}

.subtitle-bubble.wp-block-cover {
	border-radius: var(--large-border-radius);
	padding: 24px var(--element-space);
	min-height: 120px;
	text-transform: uppercase;
}

.subtitle-bubble.wp-block-cover.no-uppercase {
	text-transform: none;
}

.subtitle-bubble h2,
.subtitle-bubble h3 {
	font-size: 2em;
	line-height: 1.25;
	margin-top: 6px;
}

.sticky-subtopic-link + * {
	margin-top: calc(var(--section-space) - 1.25em);
}

.wp-block-media-text.cover-media {
	align-items: stretch;
}

.wp-block-media-text.cover-media .wp-block-media-text__media img,
.wp-block-media-text.cover-media .wp-block-media-text__media video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wp-block-media-text.cover-media .wp-block-media-text__content {
	align-self: center;
}

.has-box-shadow {
	box-shadow: var(--main-box-shadow);
}

.wp-block-group.bubble-with-title {
	padding-top: calc(0.7 * var(--container-space));
}

.bubble-with-title .bubble-content {
	margin-top: calc(0.7 * var(--container-space));
}

.subtitle-columns .wp-block-column {
	position: relative;
}

body.touch-device .subtitle-columns .wp-block-image a::before {
	opacity: 0.65;
}

.subtitle-columns .wp-block-buttons {
	position: absolute;
	bottom: 8px;
	left: 8px;
	width: calc(100% - 4px);
	z-index: 1;
}

.subtitle-columns .wp-block-buttons a {
	background-color: var(--white-extrathick);
	color: var(--current-color);
	border-width: 0;
}

.columns-on-cover {
	height: 100%;
}

.columns-on-cover .column-image {
	flex-basis: 80%;
	height: 100%;
}

.columns-on-cover .column-image figure {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.columns-on-cover .column-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.wp-block-columns.no-gap {
	gap: 0;
}

.wp-block-columns.align-stretch {
	align-items: stretch;
}

.wp-block-columns.half-height {
	height: 50vh;
}

.wp-block-cover.hero-element[class*="height-"] {
	min-height: 0;
}

.height-45 {
	height: 45vh;
}

.height-50 {
	height: 50vh;
}

.height-55 {
	height: 55vh;
}

.height-60 {
	height: 60vh;
}

.height-65 {
	height: 65vh;
}

.align-stretch .wp-block-cover {
	height: 100%;
}

.wp-block-columns.text-media-text .column-media img {
	max-height: calc(100vh - var(--header-height) - 2.5 * var(--section-space));
	object-fit: contain;
}

.wp-block-group.no-padding-top {
	padding-top: 0;
}

.wp-block-group.no-padding-bottom {
	padding-bottom: 0;
}

.grid-layout {
	padding: var(--container-space);
}

.grid-layout .layout-item-primary {
	border-radius: var(--super-large-border-radius);
}

.grid-layout .layout-item-secondary {
	gap: var(--container-space);
	margin-top: var(--container-space);
}

.grid-layout .layout-item-secondary > * {
	border-radius: var(--super-large-border-radius);
	overflow: hidden;
}

.grid-layout .layout-item-secondary .wp-block-cover {
	padding: 30px;
}

.columns-mockup-text .column-mockup {
	flex-basis: 80%;
}

.columns-mockup-text .bk-wellness-logo {
	fill: var(--terracotta);
	max-width: 400px;
	margin: 0 auto;
}

.columns-mockup-text .mockup-image {
	margin: 0 auto;
}

.hide-on-desktop {
	display: none;
}

.hide-on-mobile {
	display: block;
}

.bubble-transparent.larger-padding {
	padding: 30px 60px;
}

.app-store-info.bg-color {
	padding: 16px 20px 12px;
	background-color: var(--terracotta-half);
}

.app-store-info.bg-color.bg-brown {
	background-color: var(--brown-half);
}

.app-store-info.rounded {
	border-radius: var(--large-border-radius);
}

.columns-mockup-text {
	height: 100%;
}

.columns-mockup-text .column-mockup {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 100%;
}

.columns-mockup-text .app-store-info {
	flex-wrap: nowrap;
	white-space: nowrap;
	font-size: 0.875rem;
	position: absolute;
	width: auto;
	max-width: 640px;
	bottom: calc(-1 * var(--container-space));
	left: 50%;
	transform: translateX(-50%);
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.card-media-caption {
	height: 100%;
}

.card-media-caption > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: stretch;
	height: 100%;
}

.card-media-caption > .wp-block-group__inner-container > figure {
	flex-grow: 1;
}

.card-media-caption > .wp-block-group__inner-container > figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
}

.wp-block-columns.columns-icon-text {
	flex-shrink: 0;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 20px;
	padding: 20px;
	margin-top: calc(-1 * var(--super-large-border-radius));
	position: relative;
	z-index: 1;
	border-radius: var(--super-large-border-radius);
	box-shadow: 0 -2px 3px var(--black-soft);
	min-height: 120px;
}

.columns-icon-text .column-icon {
	max-width: 80px;
	min-height: 80px;
}

.columns-icon-text .column-icon .svg-container {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 16px;
	background-color: var(--off-white);
	border-radius: var(--large-border-radius);
	box-shadow: 3px 2px 6px var(--black-extrasoft);
}

.columns-icon-text .column-icon svg {
	width: 32px;
	height: 32px;
	fill: var(--terracotta);
}

.columns-icon-text .column-text {
	align-self: center;
}

.columns-icon-text .column-text .text-subtitle {
	font-size: 1.375rem;
	font-weight: 600;
	line-height: 1.25;
}

.columns-icon-text .column-text .text-description {
	line-height: 1.35;
	margin-top: 4px;
}

.svg-container.small-width {
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
}

.svg-container.fill-grey-half {
	fill: var(--grey-half);
}

.svg-container.fill-grey-thick {
	fill: var(--grey-thick);
}

.parameter-items-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0;
	text-align: center;
	max-width: var(--container-wide-width);
	margin-left: auto;
	margin-right: auto;
}

.parameter-items-list .parameter-item {
	flex-basis: 20%;
	flex-grow: 1;
	flex-shrink: 0;
	padding: 20px;
}

.parameter-items-list .parameter-item > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

.parameter-items-list .parameter-item .parameter-icon {
	width: 80px;
	height: 80px;
	padding: 12px;
}

.parameter-items-list .parameter-item.has-terracotta-color .parameter-icon {
	background-color: var(--terracotta);
}

.parameter-items-list .parameter-item.has-green-color .parameter-icon {
	background-color: var(--green);
}

.parameter-items-list .parameter-item.has-blue-color .parameter-icon {
	background-color: var(--blue);
}

.parameter-items-list .parameter-item.has-brown-color .parameter-icon {
	background-color: var(--brown);
}

.parameter-items-list .parameter-item.has-grey-color .parameter-icon {
	background-color: var(--grey);
}

.super-large-rounded {
	border-radius: var(--super-large-border-radius);
}

.rounded-only-bottom {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.rounded-only-top {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

@media screen and (min-width: 1200px) and (max-height: 799px) {
	.columns-mockup-text .app-store-info {
		display: none;
	}
}

@media screen and (max-width: 1899px) {
	.grid-layout .layout-item-secondary {
		gap: calc(1.75 * var(--element-space));
		margin-top: calc(1.75 * var(--element-space));
		height: auto;
	}
}

@media screen and (max-width: 1599px) {
	.columns-mockup-text .bk-wellness-logo {
		max-width: 320px;
	}

	.grid-layout .layout-item-secondary {
		gap: calc(1.5 * var(--element-space));
		margin-top: calc(1.5 * var(--element-space));
		height: auto;
	}

	.wp-block-columns.columns-icon-text {
		min-height: 145px;
	}
}

@media screen and (min-width: 1400px) {
	.app-preview-banner .app-page-mockup img {
		height: calc(100vh - 5 * var(--container-space));
	}
}

@media screen and (max-width: 1399px) {
	.app-store-info {
		font-size: 0.75rem;
	}

	.columns-mockup-text .bk-wellness-logo {
		max-width: 280px;
	}

	.columns-mockup-text .app-store-info {
		font-size: 0.75rem;
	}

	.hero-element .bubble-transparent .small-size-until-wide,
	.small-size-until-wide {
		font-size: 0.875rem;
	}

	.grid-layout .layout-item-secondary {
		gap: var(--element-space);
		margin-top: var(--element-space);
		height: auto;
	}

	.wp-block-columns.columns-icon-text {
		min-height: 160px;
	}
}

@media screen and (max-width: 1199px) {
	.grid-layout .layout-item-primary {
		height: auto;
		min-height: calc(100vh - 2 * var(--container-space));
		min-height: calc(100svh - 2 * var(--container-space));
		padding: var(--container-space);
	}

	.grid-layout .layout-item-primary > .wp-block-cover__inner-container {
		width: 100%;
	}

	.columns-on-cover,
	.columns-on-cover.gap-10 {
		gap: var(--element-space);
	}

	.columns-on-cover .column-image figure {
		width: 75%;
	}

	.columns-on-cover .column-image figure img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center bottom;
		max-height: 55vh;
	}

	.grid-layout .layout-item-secondary .wp-block-cover {
		padding: var(--container-space);
	}

	.wp-block-columns.text-media-text.wrap-on-large {
		flex-wrap: wrap;
		gap: var(--section-space);
	}

	.wp-block-columns.text-media-text .column-media img {
		height: 75vh;
		width: auto;
		margin-left: auto;
		margin-right: auto;
	}

	.has-white-color.dark-on-large {
		color: var(--text-color);
	}

	.app-preview-banner .app-preview-text .feature-description {
		width: 100%;
	}

	.bubble-transparent.larger-padding {
		padding: 20px 30px;
	}

	.columns-on-cover .column-image {
		height: auto;
	}

	.wp-block-columns.columns-icon-text {
		flex-wrap: wrap;
	}

	.columns-icon-text .column-text {
		flex-basis: 100%;
	}

	.wp-block-columns.columns-icon-text {
		min-height: 245px;
	}
}

@media screen and (max-width: 959px) {
	.wp-block-cover.align-bottom-until-medium .wp-block-cover__inner-container {
		align-content: flex-end;
	}

	.columns-on-cover {
		flex-wrap: wrap;
	}

	.title-smaller-on-medium {
		font-size: 1.5rem !important;
	}

	.wp-block-columns.text-media-text .column-media img {
		height: 65vh;
	}

	.has-white-color.dark-on-medium {
		color: var(--text-color);
	}

	.hide-on-mobile {
		display: none;
	}

	.hide-on-desktop {
		display: block;
	}

	.columns-mockup-text {
		gap: 0;
	}

	.columns-mockup-text .column-mockup {
		flex-wrap: wrap;
		height: auto;
	}

	.columns-mockup-text .column-mockup .bk-wellness-logo {
		width: 100%;
		height: auto;
		fill: var(--white);
	}

	.columns-mockup-text .column-mockup .mockup-image {
		margin: var(--element-space);
	}

	.bubble-transparent.larger-padding {
		padding: 18px 20px;
	}

	.columns-on-cover .column-image {
		height: auto;
	}

	.columns-icon-text .column-text .text-subtitle {
		font-size: 1.25;
	}

	.columns-icon-text .column-text .text-description {
		font-size: 0.875rem;
	}

	.parameter-items-list .parameter-item {
		flex-basis: 50%;
	}

	.wp-block-media-text.enlarge-media > .wp-block-media-text__media {
		margin: calc(-1 * var(--container-space));
		margin-bottom: 0;
	}

	.wp-block-columns.columns-on-cover > * {
		align-self: flex-end;
	}

	.wp-block-columns.columns-icon-text {
		flex-wrap: nowrap;
	}

	.svg-container.small-width {
		max-width: 240px;
	}

	.wp-block-columns.columns-icon-text {
		min-height: unset;
	}
}

/* Starter Packs Options */
.starter-pack-column {
	--padding-column: 12px 20px;
	position: relative;
	border-radius: var(--main-border-radius);
}

.starter-pack-column::before {
	content: "";
	position: absolute;
	width: calc(100% + 12px);
	height: calc(100% + 12px);
	top: -6px;
	left: -6px;
	border: 4px solid var(--current-color);
	border-radius: calc(var(--main-border-radius) + 5px);
	z-index: -1;
	opacity: 0;
	transition: 0.3s;
}

.starter-pack-column:hover::before {
	opacity: 1;
}

.starter-pack-column .wp-block-columns {
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: 0;
}

.starter-pack-column .starter-pack-name {
	font-size: 1.25em;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	color: var(--white);
	background-color: var(--current-color);
	padding: var(--padding-column);
	border-radius: var(--main-border-radius);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.starter-pack-column .subtitle-block {
	font-size: 1.25em;
	font-weight: 600;
}

.starter-pack-column .pack-discount-info {
	font-weight: 500;
	color: var(--current-color);
	padding: var(--padding-column);
}

.starter-pack-column .discount-percentage {
	font-size: 2em;
	line-height: 1;
}

.starter-pack-column .discount-label {
	font-size: 0.625em;
	line-height: 1.25;
	text-transform: uppercase;
	text-align: right;
}

.starter-pack-column .membership-fee {
	font-size: 0.75em;
	line-height: 1.25;
	text-align: center;
	margin-top: 0;
	padding: var(--padding-column);
	border-top: 1px solid var(--black-supersoft);
}

.starter-pack-column .starter-pack-image {
	position: relative;
}

.starter-pack-column .starter-pack-image img {
	border-radius: 0;
}

.starter-pack-column .subtitle-block + .wp-block-image {
	position: relative;
	z-index: 3;
	border-radius: var(--main-border-radius);
	box-shadow: var(--thicker-box-shadow);
}

.starter-pack-column .pack-info {
	font-size: 0.75em;
	line-height: 1.25;
	margin-top: 0;
	padding: var(--padding-column);
	border-radius: 0;
	background-color: var(--white);
	color: var(--text-color);
	text-align: left;
}

.starter-pack-column .pack-info .wp-block-columns {
	margin-top: 10px;
}

.starter-pack-column .pack-info .wp-block-columns:first-child {
	margin-top: 0;
}

.starter-pack-column .pack-info .wp-block-column:first-child {
	flex-basis: auto;
	flex-grow: 0;
	font-weight: 600;
	font-size: 1.125rem;
}

.starter-pack-column .pack-info .wp-block-column:last-child {
	opacity: 0.75;
	text-align: right;
}

.starter-pack-column .pack-info p {
	font-size: inherit;
	text-align: inherit;
}

.starter-pack-column .pack-price {
	margin-top: 0;
	background-color: var(--current-color-extrasoft);
	color: var(--text-color);
	border-radius: var(--main-border-radius);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: var(--padding-column);
	padding-top: 24px;
	margin-top: -8px;
	border-top: 1px solid var(--black-supersoft);
	box-shadow: inset 1px -2px 8px var(--black-extrasoft);
}

.starter-pack-column .price-text {
	display: none;
}

.starter-pack-column .biokissed-price-wrapper {
	flex-basis: 100%;
}

.starter-pack-column .biokissed-prices-points {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
}

.starter-pack-column .biokissed-prices,
.starter-pack-column .biokissed-points {
	flex-basis: 100%;
}

.starter-pack-column .biokissed-price,
.starter-pack-column .biokissed-point {
	width: 100%;
	padding-left: 0;
	padding-right: 40px;
	min-height: 42px;
	margin-top: 10px;
}

.starter-pack-column .biokissed-price:first-child {
	margin-top: 0;
}

.starter-pack-column .biokissed-price::before,
.starter-pack-column .biokissed-point::before {
	width: 24px;
	height: 24px;
	left: auto;
	right: 0;
	border-radius: 4px;
}

.starter-pack-column .biokissed-price::after,
.starter-pack-column .biokissed-point::after {
	width: 30px;
	height: 30px;
	left: auto;
	right: -3px;
	border-radius: 6px;
}

.starter-pack-column .biokissed-price .regular-price,
.starter-pack-column .biokissed-point .regular-point {
	font-size: 0.75rem;
}

.starter-pack-column .biokissed-price-wrapper.on-sale .biokissed-points .cp-point {
	margin-top: 10px;
}

.starter-pack-column .biokissed-price-wrapper.on-sale .biokissed-points .pv-point {
	margin-bottom: 0;
}

.starter-pack-column .biokissed-price .sale-price,
.starter-pack-column .biokissed-point .sale-point {
	color: var(--text-color);
}

/* Starter Packs Carousel */
.starter-packs-bubble-carousel {
	background-color: var(--white);
	border-radius: var(--large-border-radius);
	box-shadow: var(--main-box-shadow);
	padding: calc(0.7 * var(--container-space));
}

.starter-packs-bubble-carousel .starter-pack-subtitle {
	margin-top: 0;
}

.starter-packs-bubble-carousel .wp-block-group.carousel {
	margin-top: calc(0.5 * var(--container-space));
}

.starter-packs-bubble-carousel .carousel .product-item {
	gap: calc(0.5 * var(--container-space));
	width: 100%;
	padding: 0;
}

.starter-packs-bubble-carousel .product-item .product-item-image {
	width: 50%;
}

.starter-packs-bubble-carousel .product-item .product-title {
	width: 100%;
}

.starter-packs-bubble-carousel .product-item .product-title a {
	width: 100%;
	text-align: center;
}

.starter-packs-bubble-carousel .product-item .product-title span {
	display: block;
	width: 100%;
	font-size: 1.25rem;
	font-weight: 500;
	letter-spacing: normal;
}

.starter-packs-bubble-carousel .product-item .product-title::after {
	width: 100%;
	background: linear-gradient(to right, var(--text-color-transparent), var(--text-color), var(--text-color-transparent));
}

.starter-packs-bubble-carousel .product-item .product-description {
	max-width: none;
	text-align: center;
}

.starter-packs-bubble-carousel .product-item .countdown.on-single-price {
	padding: 6px 10px;
	border: var(--main-border-size) solid var(--current-color);
	border-radius: var(--main-border-radius);
	background-color: var(--current-color-extrasoft);
}

.starter-packs-bubble-carousel .countdown.on-single-price .countdown-part {
	padding-right: 10px;
	border-right: 1px solid var(--current-color-soft);
}

.starter-packs-bubble-carousel .countdown.on-single-price .countdown-part:last-child {
	padding-right: 0;
	border-right-width: 0;
}

.starter-packs-bubble-carousel .countdown.on-single-price .countdown-time,
.starter-packs-bubble-carousel .countdown.on-single-price .countdown-label {
	transform: none;
}

.starter-packs-bubble-carousel .countdown.on-single-price .countdown-time {
	font-family: var(--main-font-family);
	font-weight: 600;
	min-width: 1.5em;
}

.product-item .biokissed-prices-points {
	flex-wrap: wrap;
	gap: 1em 20px;
	margin-top: 1em;
}

.product-item .biokissed-prices,
.product-item .biokissed-points {
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.product-item .biokissed-price,
.product-item .biokissed-point {
	font-size: 1em;
	font-weight: 600;
	margin: 0;
	padding-left: 36px;
}

.product-item .biokissed-price::before,
.product-item .biokissed-point::before {
	width: 24px;
	height: 24px;
	border-radius: 4px;
}

.product-item .biokissed-price::after,
.product-item .biokissed-point::after {
	width: 30px;
	height: 30px;
	left: -3px;
	border-radius: 6px;
}

.product-item .biokissed-price .sale-price,
.product-item .biokissed-point .sale-point {
	color: var(--text-color);
}

.product-item .tooltip-info {
	width: 24px;
}

.product-item .biokissed-price-wrapper.on-sale .biokissed-points .cp-point {
	margin-top: 0;
}

.product-item .biokissed-price-wrapper.on-sale .biokissed-points .pv-point {
	margin-bottom: 0;
}

body.currency-idr .product-item .biokissed-price.primary .woocommerce-Price-currencySymbol {
	top: -1px;
}

.product-item .biokissed-price .regular-price,
.product-item .biokissed-point .regular-point {
	font-size: 0.75rem;
}

body.currency-idr .product-item .biokissed-price .regular-price .woocommerce-Price-currencySymbol {
	font-size: 0.75rem;
}


.starter-packs-bubble-carousel .product-item .product-price-info .biokissed-price-wrapper {
	justify-content: center;
}

.starter-packs-bubble-carousel .product-item .product-price-info .biokissed-prices-points {
	justify-content: center;
	margin-top: 1em;
}

.starter-packs-bubble-carousel .product-item .price-text.on-sale {
	display: none;
}

.starter-packs-bubble-carousel .biokissed-prices,
.starter-packs-bubble-carousel .biokissed-points {
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.starter-packs-bubble-carousel .product-button {
	text-align: center;
}

.starter-packs-bubble-carousel .carousel.one-item .owl-prev,
.starter-packs-bubble-carousel .carousel.one-item .owl-next {
	left: auto;
	right: 0;
	top: calc(-0.5 * var(--container-space) - 2.25rem);
	transform: none;
}

.starter-packs-bubble-carousel .carousel.one-item .owl-prev {
	right: 5em;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.starter-packs-bubble-carousel .carousel.one-item .owl-next {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.starter-packs-bubble-carousel .wp-block-group.carousel .owl-dots {
	margin-top: calc(0.7 * var(--container-space));
	margin-bottom: 0;
}

.topic-section {
	margin-top: var(--section-space);
	margin-bottom: var(--section-space);
	min-height: calc(var(--viewport-height) - 2 * var(--section-space));
}

.topic-section:last-child {
	margin-bottom: 0;
}

.topic-section.filled-vertical {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: stretch;
}

.topic-section.filled-vertical .wp-block-group__inner-container {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: stretch;
}

.topic-section.filled-vertical .subtitle-columns.wp-block-columns {
	flex-grow: 1;
}

.topic-section.filled-vertical .subtitle-columns .subtitle-block + * {
	flex-grow: 1;
}

.topic-section.filled-vertical .subtitle-columns .wp-block-image a {
	height: 100%;
}

.topic-section.filled-vertical .subtitle-columns .wp-block-image img {
	height: 100%;
	object-fit: cover;
}

#biokissed-academy .wp-block-media-text {
	min-height: calc(var(--viewport-height) - 3 * var(--section-space) - 120px);
}

#biokissed-academy .wp-block-media-text__media {
	border-radius: var(--large-border-radius);
	box-shadow: var(--thicker-box-shadow);
}

#recognition {
	margin-top: var(--section-space);
	padding-top: 0;
	padding-bottom: 0;
}

.wp-block-video video {
	display: block;
	width: 100%;
	height: auto;
}

#nomad-product-range-list .product-item {
	width: calc(1 / var(--product-item-carousel) * (var(--viewport-width) - 2 * var(--container-space)));
}

#nomad-product-range-list .owl-item.center .product-item {
	width: calc(3 / var(--product-item-carousel) * (var(--viewport-width) - 2 * var(--container-space)));
	padding-left: 20px;
	padding-right: 20px;
}

#nomad-product-range-list .product-item-content {
	padding-left: 30px;
}

#nomad-product-range-list .product-images-list {
	width: 100%;
	margin-left: 0;
}

#nomad-product-range-list .owl-dots {
	margin-top: 0;
	margin-bottom: 0;
}

/* Business Packs Table */
.wp-block-columns.business-packs-table {
	gap: 14px;
}

.business-packs-table > .wp-block-column {
	position: relative;
	opacity: 0.75;
	filter: saturate(25%);
	transition: 0.5s;
}

.business-packs-table > .wp-block-column.pack-column::before {
	content: "";
	position: absolute;
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	top: -10px;
	left: -10px;
	z-index: -1;
	border-radius: calc(var(--main-border-radius) + 8px);
	border: 6px solid var(--current-color);
	background-color: var(--current-color-soft);
	box-shadow: inset 0 0 20px 2px var(--current-color);
	opacity: 0;
	transition: 0.5s;
}

.business-packs-table > .wp-block-column:hover {
	opacity: 1;
	filter: saturate(100%);
	flex-basis: 130%;
}

.business-packs-table > .wp-block-column:hover::before {
	opacity: 1;
}

.business-packs-table > .wp-block-column:nth-child(2),
.business-packs-table:hover > .wp-block-column:nth-child(1):hover + .wp-block-column:nth-child(2) {
	opacity: 1;
	filter: saturate(100%);
}

.business-packs-table > .wp-block-column:nth-child(2)::before,
.business-packs-table:hover > .wp-block-column:nth-child(1):hover + .wp-block-column:nth-child(2)::before {
	opacity: 1;
}

.business-packs-table:hover > .wp-block-column:nth-child(2):not(:hover) {
	opacity: 0.75;
	filter: saturate(25%);
}

.business-packs-table:hover > .wp-block-column:nth-child(2):not(:hover)::before {
	opacity: 0;
}

.business-packs-table > .wp-block-column > * {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.25em 0.375em;
	text-align: center;
	line-height: 1.25;
	height: 2.5rem;
	margin-top: 0;
	padding: 0 40px;
	background-color: var(--white);
}

.business-packs-table > .wp-block-column > *:nth-child(2) {
	border-radius: var(--main-border-radius);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.business-packs-table > .wp-block-column > *:last-child {
	border-radius: var(--main-border-radius);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.business-packs-table > .wp-block-column > .wp-block-spacer {
	height: 2.5rem !important;
}

.business-packs-table > .wp-block-column.description-column {
	flex-basis: auto;
	flex-shrink: 0;
	opacity: 1;
	filter: saturate(100%);
}

.business-packs-table > .wp-block-column.description-column > * {
	justify-content: flex-start;
	text-align: left;
	white-space: nowrap;
	box-shadow: inset 0 2px 6px var(--black-extrasoft);
}

.business-packs-table > .wp-block-column.description-column > *:not(.has-bg) {
	font-size: 0.75em;
}

.business-packs-table h3 {
	font-size: 1.125em;
	font-weight: 600;
	line-height: 1.25;
}

.business-packs-table h3.has-bg {
	padding-left: 20px;
	padding-right: 20px;
}

.business-packs-table .has-bg {
	position: relative;
	z-index: 2;
	color: var(--white);
	background-color: var(--current-color);
	background-image: linear-gradient(60deg, var(--black-soft), transparent);
	box-shadow: inset -1px -2px 6px var(--black-extrasoft), 2px 2px 3px var(--black-soft);
}

.business-packs-table > .wp-block-column > .has-bg:nth-child(2) {
	background-color: var(--terracotta);
}

.business-packs-table > .wp-block-column > .has-bg:nth-child(5) {
	background-color: var(--blue);
}

.business-packs-table > .wp-block-column > .has-bg:nth-child(9) {
	background-color: var(--terracotta);
}

.business-packs-table > .wp-block-column > .has-bg:nth-child(12) {
	background-color: var(--green);
}

.business-packs-table > .wp-block-column > .has-bg:nth-child(14) {
	background-color: var(--brown);
}

.business-packs-table > .wp-block-column > .has-bg:nth-child(16) {
	background-color: var(--brown);
}

.business-packs-table > .wp-block-column > .has-bg:nth-child(20) {
	background-color: var(--grey);
}

.business-packs-table > .wp-block-column > .pack-name {
	font-size: 1.5em;
	line-height: 1;
	text-transform: uppercase;
	height: 3.5rem !important;
	color: var(--white);
	background-color: var(--current-color);
	border-radius: var(--main-border-radius);
	margin-bottom: 4px;
	box-shadow: inset 0 0 8px 1px var(--black-extrasoft);
}

.business-packs-table > .wp-block-column > .pack-name.transparent {
	background-color: transparent;
	box-shadow: none;
}

.business-packs-table > .wp-block-column > .has-bg + * + *:not(.has-bg),
.business-packs-table > .wp-block-column > *:last-child:not(.has-bg) {
	background-color: var(--black-supersoft);
}

.business-packs-table .point-bubble,
.business-packs-table .price-bubble {
	position: relative;
}

.business-packs-table .point-bubble::after,
.business-packs-table .price-bubble::after {
	content: "";
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	font-size: 0.625rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.5px;
	width: 1.5rem;
	height: 1.5rem;
	top: 0.5rem;
	right: 0.5rem;
	padding-top: 2px;
	padding-left: 2px;
	border-radius: calc(var(--main-border-radius) - 4px);
	background-color: var(--terracotta);
	color: var(--white);
}

.business-packs-table .point-bubble {
	background-color: var(--terracotta-extrasoft) !important;
}

.business-packs-table .price-bubble.wholesale {
	background-color: var(--green-extrasoft) !important;
}

.business-packs-table .price-bubble.retail {
	background-color: var(--blue-extrasoft) !important;
}

.business-packs-table .point-bubble.cp::after {
	content: "CP";
}

.business-packs-table .point-bubble.pv::after {
	content: "PV";
}

.business-packs-table .price-bubble.wholesale::after {
	content: "M";
	background-color: var(--green);
}

.business-packs-table .price-bubble.retail::after {
	content: "R";
	background-color: var(--blue);
}

@media screen and (max-width: 1800px) {
	.business-packs-table > .wp-block-column.pack-column > * {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media screen and (max-width: 1399px) {
	.wp-block-columns.business-packs-table {
		flex-wrap: nowrap;
		width: calc(100% + 2 * var(--container-space));
		margin-left: calc(-1 * var(--container-space));
		padding: 10px var(--container-space);
		overflow-x: auto;
	}

	.business-packs-table .wp-block-column.pack-column {
		min-width: 15em;
	}
}

/* Wellness Page */
.title-bubble.wp-block-cover {
	border-radius: var(--large-border-radius);
	padding: 24px var(--element-space);
	min-height: 120px;
	margin-top: calc(var(--header-height) + var(--section-space) - 0.4 * var(--header-height));
}

.title-bubble .wp-block-cover__inner-container {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 24px;
}

.title-bubble .wp-block-cover__inner-container > * {
	flex-basis: auto;
}

.title-bubble h1 {
	font-size: 2em;
	line-height: 1.15;
	margin-top: 0;
}

.title-bubble svg {
	width: 64px;
	height: 64px;
	fill: var(--white);
}

.key-features {
	height: calc(100vh - 180px - 2 * var(--section-space));
	align-items: stretch;
}

.key-features .wp-block-column {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--element-space);
}

.feature-item {
	flex-basis: 50%;
	flex-grow: 1;
	flex-shrink: 1;
	position: relative;
	padding: 24px 30px;
	border: 1px solid var(--current-color-half);
	border-radius: var(--large-border-radius);
	background-color: var(--white);
	overflow: hidden;
	transition: 0.5s;
	will-change: height;
}

.feature-item:hover {
	background-color: var(--current-color);
	color: var(--white);
}

.feature-item::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 60%;
	bottom: 0;
	left: 0;
	border-radius: inherit;
	background: linear-gradient(to top, var(--white) 40px, var(--white-transparent));
	z-index: 1;
}

.feature-item:hover::after {
	background: linear-gradient(to top, var(--current-color) 40px, var(--current-color-transparent));
}

.feature-item.selected {
	flex-basis: auto;
	flex-shrink: 0;
	height: auto;
	background-color: var(--current-color);
	color: var(--white);
	box-shadow: 2px 1px 4px var(--black-extrasoft);
}

.feature-item.selected::after {
	display: none;
}

.feature-item .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	gap: 20px;
}

.feature-item .wp-block-group__inner-container > * {
	flex-basis: 100%;
	margin-top: 0;
}

.feature-item .feature-icon {
	flex-basis: auto;
	width: 60px;
	fill: var(--current-color);
}

.feature-item:hover .feature-icon {
	fill: var(--white);
}

.feature-item.selected .feature-icon {
	fill: var(--white);
}

.feature-item .feature-icon svg {
	display: block;
	width: 100%;
	height: auto;
}

.feature-item .feature-name {
	align-self: center;
	font-size: 1.25em;
	font-weight: 600;
	line-height: 1.25;
	margin: 0;
	flex-basis: calc(100% - 60px - 20px);
}

.feature-item .see-more {
	position: absolute;
	bottom: 30px;
	left: 50%;
	z-index: 2;
	transform: translate3d(-50%, 20px, 0);
	opacity: 0;
	transition: 0.5s;
}

.feature-item:hover .see-more {
	transform: translate3d(-50%, 0, 0);
	opacity: 1;
}

.feature-item.selected .see-more {
	display: none;
}

.feature-item .see-more .wp-block-button__link {
	font-size: 0.875em;
	min-height: var(--button-small-height);
	padding: 0.25em 1.25em;
	background-color: var(--current-color);
	color: var(--white);
	border-color: var(--white);
	box-shadow: 0 1px 6px var(--black-supersoft);
}

.feature-item .see-more .wp-block-button__link:hover {
	transform: translate3d(0, -3px, 0);
	box-shadow: 0 2px 12px var(--black-extrasoft);
}

.parameter-test.wp-block-columns {
	align-items: center;
	gap: 0;
}

.parameter-test .test-mockup {
	flex-basis: auto;
	flex-shrink: 0;
	flex-grow: 0;
}

.parameter-test .test-mockup {
	position: relative;
	padding-right: 40px;
}

.parameter-test .test-mockup::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	right: 0;
	background: linear-gradient(to bottom, var(--current-color-transparent), var(--current-color), var(--current-color-transparent));
	opacity: 0.5;
}

.parameter-test .test-mockup img {
	display: block;
	width: auto;
	height: 65vh;
}

.parameters-list.wp-block-column {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: flex-start;
	gap: 40px;
	width: 50%;
}

.parameters-list .carousel {
	width: calc(100% + var(--container-space));
}

.parameters-list .carousel .owl-stage {
	align-items: stretch;
}

.parameters-list .carousel.rectangle-nav.nav-on-top .owl-prev {
	right: calc(var(--container-space) + 80px);
}

.parameters-list .carousel.rectangle-nav.nav-on-top .owl-next {
	right: var(--container-space);
}

.parameters-list .carousel .owl-dots {
	margin-top: 30px;
	margin-bottom: 0;
}

.parameters-list .parameter-item {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	width: 300px;
	padding: 20px;
	padding-top: 0;
	background-color: var(--white);
	border-radius: var(--large-border-radius);
	box-shadow: 1px 1px 4px var(--black-supersoft);
}

.parameters-list .carousel .parameter-item {
	height: 100%;
	margin-left: 40px;
}

.parameters-list .owl-item:not(.active) .parameter-item {
	box-shadow: none;
}

.parameter-item > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 20px;
}

.parameter-item .parameter-image {
	width: calc(100% + 40px);
	height: 160px;
	margin-top: 0;
	margin-left: -20px;
	margin-right: -20px;
}

.parameter-item .parameter-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--large-border-radius);
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.parameter-item .parameter-icon-name .wp-block-group__inner-container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
}

.parameter-item .parameter-icon {
	width: 40px;
	height: 40px;
	padding: 4px;
	border-radius: 50%;
	background-color: var(--current-color);
	fill: var(--white);
}

.parameter-item .parameter-icon svg {
	display: block;
}

.parameter-item .parameter-name {
	font-size: 1.25em;
	font-weight: 600;
	line-height: 1.25;
	margin-top: 0;
}

.parameter-item .parameter-description {
	font-size: 0.875em;
	margin-top: 0;
}

.parameter-item .wp-block-buttons {
	flex-grow: 0;
	margin-top: auto;
	display: none;
}

.parameter-item .wp-block-button {
	width: 100%;
}

.parameter-item .wp-block-button__link {
	font-size: 0.875em;
	min-height: var(--button-small-height);
	padding: 0.25em 1em;
}

.how-to-use-list.wp-block-columns {
	align-items: stretch;
	counter-reset: item-number;
}

.how-to-use-item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 20px;
	position: relative;
	padding: 40px 30px 20px;
	background-color: var(--white);
	border: 1px solid var(--current-color-half);
	border-radius: var(--large-border-radius);
	counter-increment: item-number;
}

.how-to-use-item::before {
	content: counter(item-number);
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.875em;
	font-weight: 600;
	line-height: 1;
	width: 30px;
	height: 30px;
	top: -15px;
	left: calc(50% - 15px);
	background-color: var(--current-color);
	color: var(--white);
	border-radius: 50%;
}

.how-to-use-icon {
	fill: transparent;
}

.how-to-use-icon svg {
	display: block;
	fill: var(--current-color);
}

.how-to-use-text {
	font-size: 0.75em;
	text-align: center;
	margin-top: 0;
}

.media-text-trio.wp-block-columns {
	align-items: center;
}

.media-text-trio .column-title {
	font-size: 2em;
	font-weight: 600;
	line-height: 1.2;
	text-align: right;
}

.media-text-trio .column-media img {
	width: auto;
	height: 65vh;
	margin-left: auto;
	margin-right: auto;
}

.media-text-trio .column-description {
	text-align: center;
}

.download-app.wp-block-columns {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	margin-top: var(--element-space);
	padding: var(--container-space);
	background-color: var(--current-color-extrasoft);
	border-radius: var(--large-border-radius);
	box-shadow: var(--main-box-shadow);
	border: 1px solid var(--current-color-supersoft);
}

.download-app .wp-block-column {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
	position: relative;
}

.download-app svg {
	display: block;
	width: 64px;
	height: 64px;
	margin-left: auto;
	margin-right: auto;
	fill: var(--terracotta);
}

.download-app p {
	margin-top: 0;
}

.download-app a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

@media screen and (min-width: 1200px) and (max-width: 1599px) {
	.wp-block-group.columns-layout.bonus-cards {
		--column-count: 4;
	}
}

@media screen and (min-width: 768px) and (max-width: 1399px) {
	.wp-block-columns.starter-pack-columns.subtitle-columns {
		flex-wrap: nowrap;
		width: calc(100% + 2 * var(--container-space));
		margin-left: calc(-1 * var(--container-space));
		padding: 10px var(--container-space);
		overflow-x: auto;
	}

	.starter-pack-columns .wp-block-column.starter-pack-column {
		min-width: 280px;
	}
}

@media screen and (max-width: 1199px) {
	.countdown-banner .countdown-column {
		min-width: 320px;
	}

	.countdown.fixed-card-timer {
		flex-wrap: wrap;
	}

	.fixed-card-timer .countdown-part {
		flex-basis: 40%;
		flex-grow: 1;
	}

	.fixed-card-timer .countdown-time {
		font-size: 3rem;
	}

	.pillar-bubble .pillar-name {
		flex-basis: 120%;
	}

	.pillar-bubble .pillar-button .wp-block-button__link {
		padding-left: 24px;
		padding-right: 24px;
	}

	.key-features {
		flex-wrap: wrap;
		gap: var(--element-space);
		height: auto;
	}

	.key-features .wp-block-column {
		flex-direction: row;
		align-items: stretch;
	}

	.feature-item::after {
		display: none;
	}

	.feature-item .see-more {
		display: none;
	}

	.wp-block-group.columns-layout.bonus-cards {
		--column-count: 2;
	}
}

@media screen and (min-width: 960px) {
	body.touch-device .starter-pack-column .wp-block-buttons {
		position: static;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	body.touch-device .starter-pack-column .wp-block-button {
		padding-left: 0;
		padding-right: 0;
	}

	body.touch-device .starter-pack-column .wp-block-button a {
		background-color: var(--current-color);
		color: var(--white);
	}

	.media-text-trio .column-description {
		text-align: left;
	}
}

@media screen and (max-width: 959px) {
	.app-preview-banner.wp-block-columns {
		position: relative;
		background-color: transparent;
		box-shadow: none;
		padding-bottom: 8px;
		overflow: visible;
	}

	.app-preview-banner > .wp-block-column {
		flex-basis: 100%;
	}

	.app-preview-banner .app-preview-mockup .wp-block-cover {
		padding: 0;
	}

	.app-preview-mockup .wp-block-cover__background::before {
		display: none;
	}

	.app-preview-mockup .wp-block-cover__image-background,
	.app-preview-mockup .wp-block-cover__video-background {
		display: none;
	}

	.app-preview-banner .app-page-mockup img {
		width: 75%;
		height: auto;
		max-height: 85vh;
		object-fit: contain;
	}

	.app-store-info.wp-block-columns {
		display: none;
	}

	.app-preview-banner.wp-block-columns.super-large-rounded {
		border-radius: 0;
	}

	.app-preview-banner.super-large-rounded .app-preview-mockup .wp-block-cover {
		border-radius: 0;
	}

	.app-preview-banner .app-preview-text {
		position: absolute;
		width: 100%;
		bottom: 8px;
		left: 0;
		z-index: 2;
		padding: 40px;
		background: linear-gradient(45deg, var(--white) 50%, var(--off-white-thick));
		backdrop-filter: blur(8px);
		box-shadow: 2px -1px 6px var(--black-extrasoft);
		border-radius: var(--large-border-radius);
		transform: translate3d(0, -40px, 0);
		opacity: 0;
		transition: 0.5s;
		transition-delay: 0.5s;
	}

	.owl-item.active .app-preview-banner .app-preview-text {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}

	.app-preview-banner .app-preview-text .feature-info {
		font-size: 0.625em;
	}

	.app-preview-banner .app-preview-text .feature-name {
		font-size: 1.5em;
		text-align: center;
		max-width: none;
	}

	.app-preview-banner .app-preview-text .feature-description {
		position: relative;
		font-size: 0.875rem;
		text-align: center;
		width: 100%;
		margin-top: 12px;
		padding-top: 12px;
	}

	.app-preview-banner .app-preview-text .feature-description::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 1px;
		top: 0;
		left: 0;
		background: linear-gradient(to right, var(--text-color-transparent), var(--text-color) 2em, var(--text-color-transparent));
		opacity: 0.25;
	}

	.app-preview-carousel.carousel.one-item .owl-dots {
		display: flex;
		margin-top: var(--element-space);
		margin-bottom: 0;
	}

	.pillar-bubble .pillar-button {
		width: 100%;
	}

	.pillar-bubble.selected .pillar-button .wp-block-button {
		flex-grow: 0;
	}

	.pillar-bubble + .topic-section {
		display: block;
		position: fixed;
		width: 200%;
		height: 100%;
		top: 0;
		left: 100%;
		margin: 0;
		padding: 0;
		overflow-y: auto;
		overflow-x: hidden;
		transition: 0.5s;
		transition-delay: 0.1s;
		background: linear-gradient(to right, var(--page-background-transparent), var(--page-background) 50%);
	}

	.pillar-bubble.selected + .topic-section {
		display: block;
		transform: translate3d(-100%, 0, 0);
		transition-delay: 0s;
	}

	.pillar-bubble + .topic-section > .wp-block-group__inner-container {
		position: relative;
		width: 50%;
		left: 50%;
		padding: var(--section-space) var(--container-space);
		padding-top: 0;
		opacity: 0;
		transition: 0.5s;
	}

	.pillar-bubble.selected + .topic-section > .wp-block-group__inner-container {
		opacity: 1;
		transition-delay: 0.6s;
	}

	body.quiz-opened #the-5-elements {
		transform: none;
	}

	.pillar-bubble + .topic-section .title-block {
		display: flex;
	}

	body.pillar-bubble-selected {
		overflow-y: hidden;
	}

	.title-block.wp-block-cover + * {
		margin-top: var(--section-space);
	}

	body.scroll-up .title-block.wp-block-cover + * {
		margin-top: calc(var(--header-height) + var(--section-space));
	}

	.subtitle-bubble.wp-block-cover {
		position: relative;
		z-index: 10;
	}

	.has-title-block .subtitle-bubble {
		margin-bottom: -20px;
	}

	.has-title-block .sticky-subtopic-link {
		top: 54px;
		padding-top: 20px;
	}

	.wp-block-columns.subtitle-columns {
		row-gap: var(--section-space);
	}

	.wp-block-group.bubble-with-title {
		padding-bottom: var(--container-space);
	}

	.starter-pack-column .wp-block-buttons {
		position: static;
		width: 100%;
		margin: 0;
	}

	body.touch-device .starter-pack-column .wp-block-button {
		padding-left: 0;
		padding-right: 0;
	}

	.starter-pack-column .wp-block-buttons a {
		background-color: var(--current-color);
		color: var(--white);
		border-width: 0;
		height: calc(var(--button-height) + 12px);
	}

	.wp-block-buttons.alignfull-on-medium {
		width: calc(100% + 2 * var(--button-gap));
		margin: calc(-1 * var(--button-gap));
		margin-top: var(--element-space);
	}

	.wp-block-buttons.alignfull-on-medium .wp-block-button {
		flex-grow: 1;
	}

	.starter-packs-bubble-carousel .owl-stage {
		align-items: stretch;
	}

	.starter-packs-bubble-carousel .owl-item {
		align-items: stretch;
	}

	.starter-packs-bubble-carousel .product-item .product-item-image {
		width: 100%;
	}

	.starter-packs-bubble-carousel .product-item .product-item-content {
		flex-grow: 1;
		justify-content: stretch;
		margin-top: 10px;
	}

	.starter-packs-bubble-carousel .product-item .product-item-details {
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: stretch;
	}

	.starter-packs-bubble-carousel .product-item .product-title {
		font-size: 1.5rem;
		font-weight: 600;
	}

	.starter-packs-bubble-carousel .product-item .product-title a {
		text-align: left;
	}

	.starter-packs-bubble-carousel .product-item .product-title span,
	.starter-packs-bubble-carousel .product-item .product-title .small-title {
		font-size: 1rem;
	}

	.starter-packs-bubble-carousel .product-item .product-description {
		font-size: 0.75rem;
		text-align: left;
		margin-top: 10px;
	}

	.starter-packs-bubble-carousel .product-item .product-price-info {
		margin-top: auto;
	}

	.starter-packs-bubble-carousel .product-item .countdown.on-single-price {
		justify-content: flex-start;
		width: 100%;
		background-color: transparent;
		padding: 10px 0;
		margin: 0;
		border: 1px solid var(--text-color-extrasoft);
		border-left-width: 0;
		border-right-width: 0;
		border-radius: 0;
	}

	.starter-packs-bubble-carousel .countdown.on-single-price .countdown-part {
		padding: 0;
		border: none;
	}

	.starter-packs-bubble-carousel .product-item .countdown.on-single-price .countdown-time {
		font-size: 0.875rem;
	}

	.starter-packs-bubble-carousel .product-item .product-price-info .biokissed-prices-points {
		justify-content: flex-start;
		padding: 0 4px;
		margin-top: 14px;
	}

	.starter-packs-bubble-carousel .biokissed-prices,
	.starter-packs-bubble-carousel .biokissed-points {
		flex-grow: 1;
	}

	.starter-packs-bubble-carousel .product-item .biokissed-price,
	.starter-packs-bubble-carousel .product-item .biokissed-point {
		flex-basis: 0;
		flex-grow: 1;
	}

	.starter-packs-bubble-carousel .product-item .product-button {
		margin-top: 16px;
	}

	.starter-packs-bubble-carousel .product-item .product-button a {
		width: 100%;
	}

	.starter-packs-bubble-carousel .wp-block-group.carousel .owl-dots {
		position: absolute;
		bottom: calc(-0.7 * var(--container-space) - 24px);
	}

	.starter-packs-bubble-carousel + * {
		margin-top: calc(var(--section-space) + 24px);
	}

	#nomad-product-range-list .product-item {
		width: var(--viewport-width);
		padding-bottom: 0;
	}

	#nomad-product-range-list .owl-item.center .product-item {
		padding-left: 0;
		padding-right: 0;
		width: calc(var(--viewport-width) - 2 * var(--container-space));
	}

	#nomad-product-range-list .product-item .product-item-image {
		display: none;
	}

	#nomad-product-range-list .product-item .product-item-content {
		padding-left: 0;
	}

	#nomad-product-range-list .product-item .product-images-list {
		width: 100%;
		margin-left: 0;
	}

	#nomad-product-range-list .product-item-details {
		position: relative;
		width: 100%;
	}

	#nomad-product-range-list .product-title {
		justify-content: flex-start;
		text-align: left;
		padding-right: 100px;
	}

	#nomad-product-range-list .product-description {
		text-align: left;
		padding-right: 100px;
	}

	#nomad-product-range-list .product-item .price-text.on-sale {
		font-size: 0.5rem;
		font-style: normal;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		position: absolute;
		width: 80px;
		height: 80px;
		top: 20px;
		right: 0;
		border: 1px solid var(--black-extrasoft);
		border-radius: var(--main-border-radius);
		padding: 0;
		margin-top: 0;
	}

	#nomad-product-range-list .price-text.on-sale::after {
		display: none;
	}

	#nomad-product-range-list .price-text.on-sale .discount-info,
	#nomad-product-range-list .price-text.on-sale .discount-info-percentage {
		font-size: 1.5rem;
		margin: 0;
	}

	#nomad-product-range-list .biokissed-prices-points {
		justify-content: flex-start;
	}

	#nomad-product-range-list .biokissed-prices,
	#nomad-product-range-list .biokissed-points {
		flex-grow: 1;
	}

	#nomad-product-range-list .biokissed-price,
	#nomad-product-range-list .biokissed-point {
		flex-basis: 0;
		flex-grow: 1;
	}

	#nomad-product-range-list .product-button .button {
		font-size: 1em;
		width: 100%;
		min-height: var(--button-height);
		padding: var(--button-padding);
		border-radius: var(--main-border-radius);
	}

	#nomad-product-range-list .owl-dots {
		margin-top: var(--element-space);
	}

	.key-features .wp-block-column {
		flex-wrap: wrap;
	}

	.feature-item {
		flex-basis: 100%;
	}

	.how-to-use-item {
		flex-basis: 35%;
	}

	.parameter-test.wp-block-columns {
		justify-content: center;
		gap: var(--section-space);
	}

	.parameter-test .test-mockup {
		padding-right: 0;
	}

	.parameter-test .test-mockup::after {
		display: none;
	}

	.parameters-list .carousel {
		width: calc(100% + 2 * var(--container-space));
		margin-left: calc(-1 * var(--container-space));
	}

	.parameters-list .carousel .parameter-item {
		margin-left: var(--container-space);
		margin-right: calc(-1 * (var(--container-space) - var(--element-space)));
		transition: 0.5s;
	}

	.parameters-list .owl-item:not(.active) .parameter-item {
		opacity: 0;
	}

	.parameters-list .carousel .owl-dots {
		margin-left: var(--container-space);
	}

	.media-text-trio .column-title {
		font-size: 1.5em;
		line-height: 1.25;
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	.small-large-text {
		font-size: 1em;
	}

	.small-extra-large-text {
		font-size: 1.5em;
	}

	.small-normal-text {
		font-size: 0.75em;
	}

	#nomad-product-range-list .product-item .primary-image {
		/*display: none;*/
	}

	#nomad-product-range-list .owl-item.center .product-item .primary-image {
		/*display: none;*/
	}

	#nomad-product-range-list .product-item .product-images-list {
		margin-top: 0;
	}

	.how-to-use-item {
		flex-basis: 100%;
	}

	.download-app .wp-block-column {
		flex-direction: row;
		justify-content: center;
	}

	.app-preview-banner .app-preview-text {
		padding: 20px;
	}
}

/* Wellness Starter Packs Page */
.preview-attribute-pa_starter-pack-type .term-preview {
	width: 54px;
	height: 54px;
}

.starter-pack-descriptions > .wp-block-group__inner-container > * {
	display: none;
}

.starter-pack-descriptions > .wp-block-group__inner-container > .selected {
	display: flex;
}

@media screen and (max-width: 959px) {
	.wp-block-buttons.full-width-until-medium {
		width: calc(100% + 2 * var(--button-gap));
	}

	.full-width-until-medium .wp-block-button {
		flex-grow: 1;
	}
}

@media screen and (min-width: 960px) {
	.woocommerce-product-gallery__wrapper > .slides a {
		display: block;
		width: var(--product-image-width);
		height: var(--product-image-height);
		margin-top: var(--product-image-space);
		margin-left: var(--product-image-space);
	}

	.woocommerce-product-gallery__wrapper > .slides img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.woocommerce-tabs {
		margin-top: calc(1.25 * var(--section-space));
	}

	.text-center-on-large {
		text-align: center;
	}
}

@media screen and (min-width: 1400px) {
	.woocommerce-product-gallery__wrapper > .slides .woocommerce-product-gallery__image {
		display: flex;
		justify-content: center;
	}
}

/* 72 Hours Promo */
.cover-carousel .wp-block-cover__inner-container {
	width: 100%;
	max-width: none;
}

.wp-block-gallery.carousel {
	gap: 0;
}

.cover-carousel .wp-block-gallery.carousel {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -2;
}

.cover-carousel .wp-block-gallery.carousel.one-item .owl-stage {
	width: 100% !important;
	height: 100% !important;
	transition: none !important;
	transform: none !important;
}

.cover-carousel .wp-block-gallery.carousel.one-item .owl-item {
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	top: 0;
	left: 0;
}

.wp-block-gallery.carousel .wp-block-image {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.wp-block-gallery.carousel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 2s, transform linear 8s;
}

.wp-block-cover.alignfull .wp-block-gallery.carousel img {
	border-radius: 0;
}

.wp-block-gallery.carousel .owl-item.active img {
	opacity: 1;
	transform: scale3d(1.08, 1.08, 1.08);
}

.wp-block-image figure.aligncenter img {
	margin-left: auto;
	margin-right: auto;
}

.tcm-color-preview {
	width: 100%;
	margin-top: 1em;
}

.tcm-color-preview .wp-block-group__inner-container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	width: 100%;
}

.tcm-color-preview .color-preview {
	flex-basis: 100%;
	display: block;
	max-width: 56px;
	height: auto;
	padding: 8px;
	border-radius: 50%;
	background-color: var(--white);
	box-shadow: 2px 3px 6px var(--black-soft), inset 1px 2px 2px var(--black-extrasoft);
}

.tcm-color-preview .color-preview svg {
	fill: var(--white);
	display: block;
	position: relative;
	top: 1px;
}

.tcm-color-preview .color-preview.wood {
	background-color: var(--green);
}

.tcm-color-preview .color-preview.fire {
	background-color: var(--terracotta);
}

.tcm-color-preview .color-preview.earth {
	background-color: var(--brown);
}

.tcm-color-preview .color-preview.metal {
	background-color: var(--grey);
}

.tcm-color-preview .color-preview.water {
	background-color: var(--blue);
}

.wp-block-image.no-space figure {
	margin-top: 0;
}

.wp-block-image.circle img {
	border-radius: 50%;
}

.wp-block-image.has-shadow img {
	box-shadow: 0 2px 6px 1px var(--black-soft);
}

.wp-block-image.has-shadow.thick-shadow img {
	box-shadow: 0 2px 6px 1px var(--black-half);
}

.min-height-75,
.wp-block-media-text.min-height-75 {
	min-height: 75vh;
}

.wp-block-cover.subtitle-bubble.more-vertical-space {
	padding-top: calc(2 * var(--element-space));
	padding-bottom: calc(2 * var(--element-space));
}

.pack-included-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 16px;
	list-style: none;
	margin: 0;
	margin-top: var(--element-space);
	padding: 0;
}

.pack-included-list li {
	font-weight: 500;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	margin: 0;
	padding: 12px 16px 10px;
	border: 1px solid var(--black-extrasoft);
	border-radius: var(--main-border-radius);
	background-color: var(--black-extrasoft);
	box-shadow: inset 1px 1px 6px var(--black-extrasoft);
}

.wp-block-gallery.gallery-space {
	margin-top: var(--gallery-item-space);
}

.wp-block-gallery.large-rounded img {
	border-radius: var(--large-border-radius);
}

.list-bubble {
	list-style-type: none;
	max-width: var(--container-small-width);
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

.list-bubble li {
	position: relative;
	padding: 0.75em 1.25em;
	padding-left: 3em;
	margin-top: 0.75em;
	background-color: var(--current-color-extrasoft);
	border-radius: var(--main-border-radius);
	box-shadow: 2px 2px 5px var(--black-extrasoft);
	border: 1px solid var(--current-color-supersoft);
}

.list-bubble li::before {
	content: url(assets/icon/checkmark-light.svg);
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0.875em;
	left: 1em;
	border-radius: 50%;
	background-color: var(--current-color);
	box-shadow: inset 1px 2px 4px var(--black-soft);
}

.win-rank {
	width: 120px;
	margin: 0 auto;
	margin-bottom: calc(-60px - var(--element-space));
	position: relative;
	z-index: 1;
}

.win-rank img {
	border-radius: 50%;
	box-shadow: 2px 6px 8px 2px var(--black-half);
}

.win-info,
.wp-block-group.win-info {
	margin-top: 1em;
	padding: 1em 1.25em;
	border-radius: var(--large-border-radius);
	border: 1px solid var(--text-color-extrasoft);
	box-shadow: inset 0 2px 6px var(--black-extrasoft);
}

.has-super-large-font-size {
	font-size: 2.25em;
	line-height: 1.15;
}

@media screen and (max-width: 767px) {
	.pack-included-list li {
		flex-basis: 100%;
	}
}

@media screen and (min-width: 360px) {
	.has-super-large-font-size {
		font-size: 2.75em;
		line-height: 1.1;
	}
}

@media screen and (min-width: 768px) {
	.has-super-large-font-size {
		font-size: 3.25em;
		line-height: 1.1;
	}
}

@media screen and (min-width: 960px) {
	.has-super-large-font-size {
		font-size: 4em;
		line-height: 1.05;
	}
}

/* Checkout Page */
@media screen and (min-width: 960px) {
	.ppc-button-wrapper {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: var(--element-space);
	}

	.ppc-button-wrapper #ppc-button-ppcp-gateway {
		width: var(--container-small-width);
	}
}

/* Order Details Page */
.payment-verification input[type="submit"] {
	display: flex;
	margin-left: auto;
	min-width: 160px;
}

@media screen and (max-width: 1199px) {
	.payment-verification input[type="submit"] {
		width: 100%;
	}
}

/* Additional VAT number field validation */
.validate-eu-vat-number #alg_wc_eu_vat_progress:not(:empty) {
	position: relative;
	font-size: 0.875rem;
	font-weight: 600;
	margin-top: 6px;
	margin-left: 26px;
}

.validate-eu-vat-number #alg_wc_eu_vat_progress:not(:empty)::before {
	content: "ℹ";
	position: absolute;
	width: 18px;
	height: 18px;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	font-size: 0.75rem;
	font-weight: 600;
	border-radius: 50%;
	border: 1px solid;
	left: -26px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform-origin: center;
}

.validate-eu-vat-number .alg-wc-eu-vat-not-valid,
.validate-eu-vat-number .alg-wc-eu-vat-validation-failed {
	color: var(--error-color);
}

.validate-eu-vat-number .alg-wc-eu-vat-validating {
	color: var(--info-color);
}

.validate-eu-vat-number #alg_wc_eu_vat_progress.alg-wc-eu-vat-validating:not(:empty)::before {
	animation: animate-checking 0.5s alternate infinite;
}

.validate-eu-vat-number .alg-wc-eu-vat-valid {
	color: var(--success-color);
}

.validate-eu-vat-number #alg_wc_eu_vat_progress.alg-wc-eu-vat-valid:not(:empty)::before {
	content: "✓";
}

@keyframes animate-checking {
	50% {
		transform: translateY(-50%) scale3d(1.1, 1.1, 1.1);
	}
}

@media screen and (min-width: 960px) {
	.validate-eu-vat-number #alg_wc_eu_vat_progress:not(:empty) {
		padding: 4px 12px 3px;
		padding-left: 32px;
		margin-left: 2px;
		background: linear-gradient(to right, var(--white-thick) 50%, var(--white-transparent));
		border-radius: var(--small-border-radius);
		margin-bottom: 1px;
	}

	.validate-eu-vat-number #alg_wc_eu_vat_progress.alg-wc-eu-vat-validating {
		background: linear-gradient(to right, var(--white) 50%, var(--white-transparent));
	}

	.validate-eu-vat-number #alg_wc_eu_vat_progress:not(:empty)::before {
		left: 8px;
	}
}

/* Promo Info */
.box-promo-info {
	font-size: 0.875rem;
	padding: var(--container-space);
	background-color: var(--current-color-extrasoft);
	border-radius: var(--main-border-radius);
	border: 1px solid var(--current-color-supersoft);
	box-shadow: inset 1px 2px 6px var(--black-supersoft);
}

.box-promo-info > p {
	margin-top: 1em;
}

@media screen and (min-width: 960px) {
	.box-promo-info {
		padding: 18px 24px;
	}
}

/* Promo Hero Platinum Homepage */
.wp-block-columns.promo-platinum-bottle {
	justify-content: center;
}

.promo-platinum-bottle .wp-block-column:nth-child(2) {
	flex-shrink: 1;
	max-width: 100px;
}

.promo-platinum-bottle .plus-icon {
	width: 60px;
	height: 60px;
	border: 4px solid;
	border-radius: 50%;
	font-size: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	margin: 0 auto !important;
}

@media screen and (min-width: 960px) {
	.promo-platinum-bottle .wp-block-column:nth-child(2) {
		padding-left: 3%;
	}
}

/* QR Code language landing page */
.language-buttons-container {
	min-height: calc(100vh - 300px - var(--header-height));
}

.language-buttons {
	justify-content: center !important;
	align-items: stretch;
}

.language-buttons > .wp-block-button {
	flex-basis: 100%;
	flex-grow: 1;
	flex-shrink: 0;
}

.language-buttons .wp-block-button__link {
	flex-wrap: wrap;
	gap: 0 8px;
	text-align: center;
}

.language-buttons .wp-block-button__link .text-small {
	font-size: 0.625em;
}

.language-switcher.lang-en > a::before {
	content: "🇬🇧";
}

.language-switcher.lang-nl > a::before {
	content: "🇳🇱";
}

.language-switcher.lang-de > a::before {
	content: "🇩🇪";
}

.language-switcher.lang-fr > a::before {
	content: "🇫🇷";
}

.language-switcher.lang-it > a::before {
	content: "🇮🇹";
}

.language-switcher.lang-id > a::before {
	content: "🇮🇩";
}

.language-switcher.lang-bg > a::before {
	content: "🇧🇬";
}

.language-switcher.lang-es > a::before {
	content: "🇪🇸";
}

.language-switcher.lang-pl > a::before {
	content: "🇵🇱";
}

.language-switcher.lang-zh-hans > a::before {
	content: "🇨🇳";
}

.align-center-until-wide {
	text-align: center;
}

.bubble-line-number-columns {
	gap: 0 80px;
	counter-reset: bubble;
}

.bubble-line-number-columns > .wp-block-column + .wp-block-column {
	margin-top: var(--element-space);
}

.bubble-line-number {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	text-align: center;
	padding: 20px 30px;
	border: 2px solid var(--current-color);
	border-radius: var(--large-border-radius);
	min-height: 120px;
	counter-increment: bubble;
}

.bubble-line-number::before {
	content: counter(bubble);
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.875em;
	font-weight: 600;
	line-height: 1;
	width: 30px;
	height: 30px;
	top: -15px;
	left: calc(50% - 15px);
	background-color: var(--current-color);
	color: var(--white);
	border-radius: 50%;
}

.has-max-width {
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 768px) {
	.language-buttons-container {
		min-height: calc(100vh - 280px - var(--header-height));
	}

	.language-buttons > .wp-block-button {
		max-width: 50%;
	}

	.language-buttons .wp-block-button__link {
		height: 64px;
		overflow: hidden;
	}
}

@media screen and (min-width: 960px) {
	.language-buttons-container {
		margin-top: 40px;
	}

	.language-buttons {
		max-width: 800px;
		gap: 20px;
	}

	.language-buttons > .wp-block-button {
		max-width: 30%;
	}

	.language-buttons .wp-block-button__link {
		font-size: 1.125rem;
		padding: 16px 20px;
	}

	.language-buttons-container .wp-block-cover__inner-container {
		align-content: center;
		width: 100%;
	}

	.align-center-until-wide {
		text-align: left;
	}

	.bubble-line-number-columns > .wp-block-column + .wp-block-column {
		margin-top: 0;
	}

	.bubble-line-number {
		padding-left: 50px;
	}

	.bubble-line-number::before {
		left: -15px;
		top: calc(50% - 15px);
	}
}

@media screen and (min-width: 1200px) {
	.has-max-width.max-width-1440 {
		max-width: 1440px;
	}
}

.display-none {
	display: none !important;
}

/* Orders Table */
.orders-table {
	font-size: 0.875em;
	line-height: 1.35;
	text-align: center;
	border-collapse: collapse;
}

.orders-table th,
.orders-table td {
	padding: 8px 10px;
	border: var(--thin-border-style);
}

.orders-table th {
	color: var(--white);
	background-color: var(--terracotta);
	border-color: var(--terracotta);
}

/* Menu item visibility based on the user's role. */
body:not(.member-logged-in):not(.admin-logged-in) .menu-item.member {
	display: none;
}

body.member-logged-in .menu-item.customer {
	display: none;
}

/* Strip amount product attribute */
.biokissed-attribute-strip-amount {
	margin-top: calc(var(--element-space) + 0.5em);
}

.biokissed-attribute-strip-amount .preview-attribute-value {
	display: block;
	font-size: 1.25rem;
	font-weight: 600;
	margin-top: 0.125em;
	color: var(--current-color);
}

body.single-product .biokissed-attribute-strip-amount + .woocommerce-variation-price .price {
	margin-top: calc(var(--element-space) + 0.5em);
}

.biokissed-attribute-strip-amount + .woocommerce-variation-price .price-text.on-sale {
	margin-top: -0.75rem;
}

/* Core pop-up elements */
body.core-pop-up-visible {
	overflow-y: hidden;
}

.core-pop-up-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background-color: var(--black-half);
}

.core-pop-up-wrapper.removing {
	opacity: 0;
	transition: 0.5s;
	transition-delay: 0.5s;
}

.core-pop-up {
	--container-pop-up-space: var(--container-space);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 1;
	width: calc(100% - 2 * var(--container-space));
	max-width: 720px;
	min-height: 640px;
	max-height: 85%;
	background-color: var(--off-white);
	border-radius: var(--super-large-border-radius);
	box-shadow: var(--thicker-box-shadow);
	transition: 0.5s;
}

.core-pop-up::before {
	content: "";
	position: absolute;
	width: 75%;
	height: 100%;
	top: 0;
	right: 0;
	border-radius: inherit;
	background-image: url(assets/icon/bk-icon-terracotta.svg);
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.05;
	z-index: -1;
	filter: grayscale(0.5);
}

.core-pop-up-wrapper.removing .core-pop-up {
	opacity: 0;
	transform: translate3d(0, 10px, 0);
	transition: 0.5s;
}

.core-pop-up.full-width {
	max-width: none;
}

.core-pop-up.products-table {
	max-width: 1360px;
}

.core-pop-up.full-width::before {
	width: 50%;
}

.core-pop-up.products-table::before {
	width: 60%;
}

.core-pop-up-header {
	flex-basis: 20%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: var(--element-space);
	padding-bottom: 0;
}

.core-pop-up .pop-up-close-button {
	position: absolute;
	top: -16px;
	right: -16px;
	box-shadow: -1px 2px 6px var(--black-soft);
}

.core-pop-up .pop-up-close-button.small {
	top: -10px;
	right: -10px;
}

.core-pop-up .pop-up-back-button {
	gap: 8px;
	font-size: 0.75rem;
	position: absolute;
	top: 8px;
	left: 8px;
	border-radius: var(--large-border-radius);
	opacity: 0.75;
}

.core-pop-up .pop-up-back-button:hover,
.core-pop-up .pop-up-back-button:focus {
	opacity: 1;
}

.core-pop-up .pop-up-back-button .button-icon {
	--main-icon-size: 24px;
}

.core-pop-up .pop-up-back-button .button-text {
	font-weight: 600;
	position: relative;
	top: -1px;
}

.core-pop-up .referrer-nickname {
	font-weight: 600;
}

.core-pop-up .referrer-welcome {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
	padding: var(--element-space);
}

.core-pop-up .avatar {
	flex-shrink: 0;
	position: relative;
	width: 130px;
	height: 130px;
	z-index: 1;
	margin: 0;
}

.core-pop-up .avatar::before {
	content: "";
	position: absolute;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	top: -5px;
	left: -5px;
	z-index: -1;
	border-radius: 50%;
	background-color: var(--current-color);
	background-image: linear-gradient(to right, var(--green), var(--terracotta), var(--brown), var(--grey), var(--blue));
}

.core-pop-up .avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	margin: 0;
}

.core-pop-up .avatar img.rank-icon {
	width: 35%;
	height: 35%;
	position: absolute;
	bottom: -8px;
	right: -4%;
	overflow: visible;
	box-shadow: -2px 3px 8px var(--black-half);
	z-index: 1;
}

.core-pop-up .avatar .rank-name {
	font-size: 0.625rem;
	font-weight: 500;
	line-height: 1.25;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 0.5px;
	position: absolute;
	width: 100%;
	bottom: -6px;
	left: 0;
	padding: 5px 48px 4px 9px;
	box-shadow: -2px 1px 3px var(--black-soft);
	border-radius: var(--main-border-radius);
	color: var(--white);
	background-image: linear-gradient(to right, var(--current-color) 25%, var(--current-color-transparent));
	backdrop-filter: blur(3px);
}

.core-pop-up .avatar[class*="diamond"] .rank-icon {
	width: 40%;
	height: 40%;
	bottom: -16px;
	right: -18%;
}

.core-pop-up .avatar[class*="diamond"] .rank-name {
	width: 125%;
	bottom: -15px;
	left: -13%;
}

.core-pop-up .welcome-text {
	margin-top: 8px;
}

.core-pop-up .pop-up-title {
	font-size: 1.375rem;
	font-weight: 600;
	line-height: 1.4;
	margin-top: 0;
}

.core-pop-up .pop-up-title.smaller {
	font-size: 1.25rem;
	line-height: 1.25;
}

.core-pop-up .pop-up-title .sub-title {
	display: block;
}

.core-pop-up .pop-up-title .referrer-name {
	display: block;
	font-size: 1.875rem;
	font-weight: 600;
	line-height: 1.25;
	color: var(--current-color);
	word-break: break-word;
}

.core-pop-up .pop-up-title-description {
	position: relative;
	font-size: 0.875rem;
	margin-top: 6px;
	padding-top: 6px;
}

.core-pop-up .pop-up-title-description::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background-image: linear-gradient(to right, var(--text-color-transparent), var(--text-color) 10%, var(--text-color-transparent));
	opacity: 0.5;
}

.core-pop-up .pop-up-title-description.smaller {
	font-size: 0.75rem;
	line-height: 1.375;
}

.core-pop-up-content {
	flex-basis: 50%;
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	overflow: auto;
	padding: var(--element-space) var(--container-pop-up-space);
	text-align: center;
}

.core-pop-up-content .pop-up-main > *:first-child {
	margin-top: 0;
}

.core-pop-up-content .referrer-contact .contact-intro {
	display: block;
	font-size: 0.75rem;
}

.core-pop-up-content .referrer-contact .contact-email,
.core-pop-up-content .referrer-contact .contact-phone-number {
	display: block;
	position: relative;
	font-weight: 600;
	margin-top: 6px;
	padding-top: 6px;
}

.core-pop-up-content .referrer-contact .contact-email::before,
.core-pop-up-content .referrer-contact .contact-phone-number::before,
.core-pop-up-content .referrer-contact > span:last-child::after {
	content: "";
	position: absolute;
	width: 60%;
	height: 1px;
	top: 0;
	left: 20%;
	background-image: linear-gradient(to right, var(--text-color-transparent), var(--text-color), var(--text-color-transparent));
	opacity: 0.5;
}

.core-pop-up-content .referrer-contact > span:last-child::after {
	top: auto;
	bottom: -6px;
}

.core-pop-up-content .referrer-contact .contact-email span,
.core-pop-up-content .referrer-contact .contact-phone-number span {
	font-weight: 400;
}

.core-pop-up-content .pop-up-title {
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 1.25;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}

.core-pop-up-content .pop-up-title.smaller {
	font-size: 2rem;
}

.core-pop-up-content .pop-up-sub-title {
	display: block;
	font-size: 1.375rem;
	line-height: 1.5;
}

.core-pop-up-content .pop-up-sub-title.smaller {
	font-size: 1.25rem;
	line-height: 1.375rem;
}

.initial-configs.referral-confirmed .core-pop-up-content .pop-up-title {
	font-size: 2.25rem;
	line-height: 1.25;
	color: var(--current-color);
}

.initial-configs.referral-confirmed .core-pop-up-content .pop-up-sub-title {
	font-weight: 500;
}

.core-pop-up-content .pop-up-language-shipping {
	width: 100%;
	max-width: 320px;
	margin-top: var(--element-space);
}

.pop-up-language-shipping .form-row {
	text-align: left;
	margin-top: 1em;
}

.pop-up-language-shipping label {
	text-align: left;
}

.core-pop-up .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--current-color);
}

body.core-pop-up-visible .select2-container {
	z-index: 999999;
}

.pop-up-language-shipping button[type="submit"] {
	margin-top: var(--element-space);
}

.core-pop-up-content .card-options {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 20px;
	width: calc(100% + 40px);
	margin: var(--element-space) -20px calc(-1 * var(--element-space));
}

.core-pop-up-content .card-item {
	flex-basis: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	padding: 8px;
	border-radius: var(--large-border-radius);
	background-image: linear-gradient(-135deg, var(--off-white), var(--off-white-transparent));
	background-color: var(--current-color-extrasoft);
	box-shadow: var(--inout-box-shadow);
	backdrop-filter: blur(8px);
	transition: 0.5s;
}

.core-pop-up-content .card-item .card-icon {
	width: 100%;
	height: 120px;
}

.core-pop-up-content .card-icon img {
	display: block;
	width: calc(100% + 16px);
	height: calc(100% + 16px);
	max-width: none;
	object-fit: contain;
	object-position: center;
	margin: -8px;
	margin-top: 0;
}

.core-pop-up-content .card-info {
	flex-grow: 1;
	font-size: 0.75rem;
	line-height: 1.375;
	padding: 0 20px;
}

.core-pop-up-content .card-item .button {
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.core-pop-up-content .card-item .button.text-small {
	font-size: 0.875rem;
	line-height: 1.25;
}

.core-pop-up-content .get-started-options .card-item {
	max-width: calc(1 / 3 * (100% - 40px));
}

.core-pop-up-content .join-us-options .card-item {
	max-width: calc(1 / 2 * (100% - 20px));
}

.core-pop-up-content .join-us-options .card-icon {
	height: 150px;
}

.core-pop-up-content .join-us-options .card-info {
	font-size: 0.875rem;
	line-height: 1.5;
}

.core-pop-up.product-list .core-pop-up-header {
	padding-bottom: 0.5rem;
	padding-top: 4rem;
}

.core-pop-up.product-list .header-product-list {
	width: 100%;
}

.core-pop-up.product-list .pop-up-title {
	font-size: 1.75rem;
}

.core-pop-up.product-list .core-pop-up-content {
	padding-top: 12px;
	padding-left: var(--element-space);
	padding-right: var(--element-space);
}

.core-pop-up-content .product-list {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 24px;
	width: 100%;
	text-align: left;
}

.core-pop-up-content .product-business-image img {
	display: block;
	border-radius: var(--main-border-radius);
}

.core-pop-up-content .product-list-item {
	flex-basis: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	gap: 12px 24px;
	padding: 10px;
	position: relative;
	border: 2px solid var(--current-color-transparent);
	border-radius: var(--large-border-radius);
	background-color: var(--white-thick);
	box-shadow: 0 0 1px 1px var(--text-color-extrasoft);
	transition: 0.5s;
	cursor: pointer;
}

.core-pop-up-content .product-list-item:hover,
.core-pop-up-content .product-list-item:focus {
	border-color: var(--current-color-soft);
}

.core-pop-up-content .product-list-item .product-image {
	flex-basis: 25%;
	flex-shrink: 0;
}

.core-pop-up-content .product-list-item .product-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--main-border-radius);
}

.core-pop-up-content .product-list-item .product-details {
	flex-basis: 60%;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: stretch;
	gap: 0.5rem;
	padding: 20px;
}

.core-pop-up-content .product-list-item .product-name {
	font-size: 1.375rem;
	font-weight: 600;
	line-height: 1.35;
	margin-top: 0;
}

.core-pop-up-content .product-list-item .product-price {
	margin-top: 0;
}

.core-pop-up-content .product-list-item .price-text {
	display: none;
}

.core-pop-up-content .product-list-item .tax-rate-info {
	font-size: 0.75rem;
	line-height: 1.25;
	margin-top: 0;
}

.core-pop-up-content .product-list-item .biokissed-prices-points {
	gap: 16px;
}

.core-pop-up-content .product-list-item .biokissed-prices,
.core-pop-up-content .product-list-item .biokissed-points {
	flex-direction: row;
	align-items: center;
	gap: 16px;
}

.core-pop-up.join-as-member .product-list-item .biokissed-points {
	display: none;
}

.core-pop-up-content .product-list-item .biokissed-price,
.core-pop-up-content .product-list-item .biokissed-point {
	margin: 0;
}

.core-pop-up-content .product-list-item .product-price .secondary {
	display: none;
}

.core-pop-up-content .product-list-item .price-per-strip {
	font-size: 0.875rem;
	line-height: 1;
	margin-top: 0;
}

.core-pop-up-content .product-list-item .price-per-strip .amount {
	display: inline;
}

.core-pop-up-content .product-list-item .strip-amount {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.375rem;
	margin-top: 0;
	color: var(--blue);
}

.core-pop-up-content .product-list-item .strip-amount-number {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.5rem;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1;
}

.core-pop-up-content .product-list-item .strip-amount-number::before {
	content: "i";
	font-size: 0.5rem;
	font-weight: 700;
	width: 0.875rem;
	height: 0.875rem;
	border-radius: 50%;
	background-color: var(--blue);
	color: var(--white);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: initial;
	padding-top: 1px;
	text-transform: none;
	letter-spacing: normal;
}

.core-pop-up-content .product-list-item .strip-amount-label {
	font-size: 0.625rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	line-height: initial;
	padding: 0 3px 0 4px;
	border: 1px solid;
	border-radius: var(--small-border-radius);
}

.core-pop-up-content .product-list-item .product-actions {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	width: 100%;
	margin-top: auto;
}

.core-pop-up-content .product-list-item .quantity {
	flex-basis: auto;
	flex-shrink: 0;
	flex-grow: 0;
	width: auto;
}

.quantity.small .input-number-handler input {
	position: relative;
	font-size: 0.875rem;
	padding: 0 1.625rem;
	border-width: 1px;
	border-radius: var(--small-border-radius);
	height: var(--button-small-height);
	width: 100%;
	max-width: 6rem;
	margin-left: auto;
}

.quantity.small .input-number-handler .button-handler {
	width: 1.625rem;
	height: calc(var(--button-small-height) - 8px);
	border-radius: calc(var(--small-border-radius) - 2px);
	z-index: 1;
	font-size: 0.75rem;
}

.core-pop-up.has-header-image .core-pop-up-header {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: var(--element-space);
}

.core-pop-up.has-header-image .header-product-list {
	flex-basis: 50%;
}

.core-pop-up.has-header-image .header-product-image {
	flex-basis: 50%;
	position: relative;
	display: none;
}

.core-pop-up.has-header-image .header-product-image img {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: var(--main-border-radius);
	object-fit: cover;
	object-position: 50% 38%;
}

.core-pop-up.products-table .core-pop-up-header {
	justify-content: center;
	padding-top: var(--element-space);
}

.core-pop-up.products-table .header-product-list {
	flex-basis: 75%;
	text-align: center;
}

.core-pop-up.products-table .pop-up-title {
	font-size: 1.5rem;
	line-height: 1.25;
}

.core-pop-up.products-table .pop-up-title-description {
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
}

.core-pop-up.products-table .core-pop-up-content {
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 16px;
	padding-top: var(--element-space);
	padding-bottom: 0;
}

.core-pop-up.products-table .heading-column-info {
	flex-basis: 18%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	gap: 14px;
	max-width: 240px;
}

.core-pop-up.products-table .core-pop-up-content .product-business-image {
	flex-grow: 1;
	position: relative;
}

.core-pop-up.products-table .core-pop-up-content .product-business-image::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: var(--large-border-radius);
	box-shadow: inset -1px -1px 10px var(--black-soft);
}

.core-pop-up.products-table .core-pop-up-content .product-business-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--large-border-radius);
}

.core-pop-up.products-table .commission-info-heading {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	position: relative;
	width: 100%;
	padding-bottom: 48px;
	padding-right: 16px;
	font-size: 0.875rem;
	text-align: left;
	line-height: 1.5rem;
}

.core-pop-up.products-table .commission-info-heading .row-heading-item,
.core-pop-up-content .product-list-item .commission-item {
	position: relative;
	line-height: 1.5rem;
	margin-top: 0;
	padding: 6px 0;
	white-space: nowrap;
}

.core-pop-up.products-table .commission-info-heading .row-heading-item {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	width: 100%;
	padding-left: 50px;
}

.core-pop-up.products-table .commission-info-heading .row-heading-item::before {
	content: "";
	position: absolute;
	width: 28px;
	height: 28px;
	top: 50%;
	left: 8px;
	transform: translateY(-50%);
	background-size: contain;
	background-position: center;
}

.core-pop-up.products-table .commission-info-heading .row-heading-item.retail-profit::before {
	background-image: url(assets/illustration/retail-profit-icon.svg);
}

.core-pop-up.products-table .commission-info-heading .row-heading-item.fast-action::before {
	background-image: url(assets/illustration/fast-action-bonus-icon.svg);
}

.core-pop-up.products-table .commission-info-heading .row-heading-item.team-level::before {
	background-image: url(assets/illustration/team-level-bonus-icon.svg);
}

.core-pop-up.products-table .commission-info-heading .row-heading-item.rank-position::before {
	background-image: url(assets/illustration/rank-bonus-icon.svg);
}

.core-pop-up.products-table .commission-info-heading .row-heading-item::after {
	content: "";
	position: absolute;
	width: calc(100% + 30px);
	height: 1px;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(to right, var(--text-color-transparent), var(--text-color) 10%, var(--text-color-transparent));
	opacity: 0.35;
}

.core-pop-up.products-table .commission-info-heading .row-heading-item.membership-info {
	font-size: 0.75rem;
	line-height: 1.35;
	white-space: normal;
	position: absolute;
	top: calc(100% - 48px);
	left: 0;
}

.core-pop-up.products-table .commission-info-heading .row-heading-item.membership-info::before {
	content: "i";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	left: 13px;
	font-size: 0.625rem;
	font-weight: 500;
	line-height: 1;
	padding-top: 1px;
	border-radius: 50%;
	background-color: var(--info-color);
	color: var(--white);
	border: 1px solid var(--white);
	box-shadow: 0 0 0 2px var(--info-color);
}

.core-pop-up.products-table .product-list {
	flex-basis: 80%;
	flex-grow: 1;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 16px;
}

.core-pop-up.products-table .product-list-item {
	padding-top: 40px;
	border-width: 0;
	background-color: var(--current-color-soft);
	background-image: linear-gradient(-135deg, var(--white), var(--white-transparent));
	backdrop-filter: blur(8px);
	box-shadow: var(--inout-box-shadow);
	cursor: pointer;
}

.core-pop-up.products-table .product-list-item:hover,
.core-pop-up.products-table .product-list-item:focus {
	background-color: var(--current-color-half);
	color: var(--black-extrathick);
}

.core-pop-up-content .product-list-item .sales-return {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.25em;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--current-color);
	padding: 4px 8px 3px;
	border: 1px solid var(--current-color);
	border-radius: var(--main-border-radius);
	background-color: var(--off-white);
	position: absolute;
	top: -8px;
	left: 12px;
}

.core-pop-up-content .product-list-item .sales-return-text {
	font-size: 0.5rem;
	letter-spacing: 0.8px;
	position: relative;
	top: -1px;
}

.core-pop-up-content .product-list-item .product-tag {
	font-size: 0.625rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--green);
	position: absolute;
	width: calc(100% - 20px);
	top: 22px;
	left: 20px;
	padding-bottom: 2px;
	border-bottom: 1px solid var(--green-half);
	transition: 0.5s;
	transition-delay: 0.25s;
}

.core-pop-up-content .product-list-item:hover .product-tag, 
.core-pop-up-content .product-list-item:focus .product-tag {
	/*opacity: 0;
	transform: translate3d(0, 10px, 0);
	transition-delay: 0s;*/
}

.core-pop-up-content .product-list-item .product-rating {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 6px;
	position: absolute;
	top: 22px;
	left: 20px;
	opacity: 0;
	transform: translate3d(0, 10px, 0);
	transition: 0.5s;
	transition-delay: 0s;
	display: none;
}

.core-pop-up-content .product-list-item:hover .product-rating, 
.core-pop-up-content .product-list-item:focus .product-rating {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition-delay: 0.25s;
} 

.core-pop-up-content .product-list-item .product-rating .star {
	display: block;
	width: 24px;
	height: 24px;
	background-image: url(assets/illustration/carat-bonus-icon.svg);
	background-size: contain;
	background-position: center;
}

.core-pop-up-content .product-list-item .product-rating .dot {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 3px solid var(--green-thick);
	background-color: var(--off-white);
}

.core-pop-up-content .product-list-item .product-name {
	font-size: 1.5rem;
}

.core-pop-up.products-table .product-details {
	padding: 10px;
}

.core-pop-up.products-table .product-name {
	color: var(--current-color);
}

.core-pop-up.products-table .product-list-item .product-price {
	margin-top: 0;
}

.core-pop-up.products-table .biokissed-price.primary {
	color: var(--terracotta);
}

.core-pop-up.products-table .biokissed-price .tooltip-info {
	display: none;
}

.core-pop-up-content .product-list-item .pack-description {
	flex-grow: 1;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	font-size: 0.75rem;
	line-height: 1.375;
	width: calc(100% + 40px);
	margin: 10px -20px 6px;
	padding: 10px 20px;
	padding-top: 24px;
	border: 1px solid var(--current-color-extrasoft);
	border-left-width: 0;
	border-right-width: 0;
	box-shadow: inset -4px 1px 16px var(--black-supersoft);
	background-color: var(--current-color-supersoft);
	position: relative;
}

.core-pop-up-content .product-list-item .pack-description .extra-info,
.core-pop-up-content .product-list-item .pack-description .for-who-info {
	width: 100%;
	margin-top: 0;
	transition: 1s;
}

.core-pop-up-content .product-list-item .pack-description .for-who-info-title {
	font-size: 0.625rem;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
	position: absolute;
	top: -9px;
	right: 12px;
	padding: 4px 8px;
	margin: 0;
	color: var(--white);
	background-color: var(--current-color);
	border-radius: var(--small-border-radius);
	transition: 0.5s;
}

.core-pop-up-content .product-list-item .pack-description .for-who-info-title.secondary {
	opacity: 0;
	transform: translate3d(0, 4px, 0);
}

.core-pop-up-content .product-list-item:hover .pack-description .for-who-info-title {
	opacity: 0;
	transform: translate3d(0, 4px, 0);
}

.core-pop-up-content .product-list-item:hover .pack-description .for-who-info-title.secondary {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.core-pop-up-content .product-list-item .pack-description .for-who-info {
	list-style-type: none;
	margin-top: -4px;
	margin-left: -100%;
	padding-left: 24px;
	opacity: 0;
	visibility: hidden;
	filter: blur(3px);
}

.core-pop-up-content .product-list-item .pack-description .for-who-info li {
	position: relative;
	margin: 0;
	padding: 4px 0;
}

.core-pop-up-content .product-list-item .pack-description .for-who-info li::before {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	top: 5px;
	left: -24px;
	background-color: var(--current-color);
	background-image: url(assets/icon/checkmark-light.svg);
	background-size: contain;
	border-radius: 50%;
}

.core-pop-up-content .product-list-item .pack-description .for-who-info li::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: -10px;
	background-image: linear-gradient(to right, var(--current-color-transparent), var(--current-color) 1rem, var(--current-color-transparent));
	opacity: 0.25;
}

.core-pop-up-content .product-list-item .pack-description .for-who-info li:last-child::after {
	display: none;
}

.core-pop-up-content .product-list-item:hover .pack-description .extra-info {
	opacity: 0;
	visibility: hidden;
	filter: blur(3px);
}

.core-pop-up-content .product-list-item:hover .pack-description .for-who-info {
	opacity: 1;
	visibility: visible;
	filter: blur(0);
}

.core-pop-up-content .product-list-item .commission-info {
	width: 100%;
	margin-top: auto;
}

.core-pop-up-content .product-list-item .commission-item::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(to right, var(--current-color-transparent), var(--current-color) 10%, var(--current-color-transparent));
	opacity: 0.25;
}

.core-pop-up-content .product-list-item .commission-label {
	display: none;
	font-size: 0.625rem;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--current-color);
}

.core-pop-up-content .product-list-item .commission-value {
	display: block;
	font-weight: 600;
}

.core-pop-up-content .product-list-item .commission-item.rank-position .commission-value {
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.5rem;
}

.core-pop-up.products-table .product-actions {
	width: calc(100% + 24px);
	margin: -12px;
	margin-top: 0;
}

.core-pop-up.products-table .select-product-wrapper {
	width: 100%;
}

.core-pop-up.products-table .select-product-wrapper .button {
	width: 100%;
	border-radius: var(--main-border-radius);
}

.core-pop-up.products-table.increment-size .heading-column-info {
	padding-top: 50px;
}

.core-pop-up.products-table.increment-size .product-list-item[data-product-rank="2"] {
	padding-top: 10px;
	margin-top: 30px;
}

.core-pop-up.products-table.increment-size .product-list-item[data-product-rank="3"] {
	padding-top: 20px;
	margin-top: 20px;
}

.core-pop-up.products-table.increment-size .product-list-item[data-product-rank="4"] {
	padding-top: 30px;
	margin-top: 10px;
}

.core-pop-up.products-table.increment-size .product-list-item[data-product-rank="5"] {
	padding-top: 40px;
}

.core-pop-up .product-list-item.selected {
	border: 2px solid var(--current-color);
	background-color: var(--current-color-extrasoft);
	backdrop-filter: blur(8px);
}

.core-pop-up .product-list-item::before {
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	top: -11px;
	right: -9px;
	background-color: var(--current-color);
	box-shadow: var(--main-box-shadow);
	border: 1px solid var(--black-extrasoft);
	background-image: url(assets/icon/checkmark-light.svg);
	background-size: contain;
	background-position: center;
	display: none;
}

.core-pop-up .product-list-item.selected::before {
	display: block;
}

.core-pop-up.products-table .product-list-item.selected {
	border-width: 0;
	background-color: var(--current-color);
	background-image: linear-gradient(45deg, var(--black-thick), var(--black-transparent));
	color: var(--white);
}

.core-pop-up.products-table .product-list-item.selected .sales-return {
	background-color: var(--current-color);
	color: var(--white);
}

.core-pop-up.products-table .product-list-item.selected .product-tag {
	color: var(--white);
	border-color: var(--white-half);
}

.core-pop-up.products-table .product-list-item.selected .product-name {
	color: var(--white);
}

.core-pop-up.products-table .product-list-item.selected .strip-amount {
	color: var(--white);
}

.core-pop-up.products-table .product-list-item.selected .biokissed-price.primary {
	text-shadow: 1px 1px 3px var(--black-half);
}

.core-pop-up.products-table .product-list-item:hover .select-product-button:not(:hover),
.core-pop-up.products-table .product-list-item:focus .select-product-button:not(:hover) {
	background-color: var(--current-color);
	color: var(--white);
}

.core-pop-up-footer {
	flex-basis: 30%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	width: 100%;
	padding: var(--element-space) var(--container-pop-up-space);
	text-align: center;
}

.core-pop-up-footer.side-by-side {
	column-gap: var(--element-space);
}

.core-pop-up-footer .buttons-container {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 10px;
}

.core-pop-up-footer .footer-info {
	font-size: 0.75em;
	line-height: 1.5;
	width: 75%;
	margin: 0 auto;
	color: var(--text-color-thick);
}

.core-pop-up-footer.side-by-side .footer-info {
	width: auto;
	margin-left: 0;
	margin-right: 0;
}

.core-pop-up-footer .footer-info.larger-text {
	font-size: 0.875em;
}

.core-pop-up-footer .footer-info p {
	margin-top: 1rem;
}

.core-pop-up-footer .footer-info p:first-child {
	margin-top: 0;
}

@media screen and (min-width: 1440px) {
	.core-pop-up.products-table .product-list-item .pack-description {
		font-size: 0.8125rem;
		line-height: 1.4;
	}
}

@media screen and (max-width: 767px) {
	.core-pop-up .referrer-welcome {
		flex-wrap: wrap;
		text-align: center;
	}
}

@media screen and (min-width: 768px) {
	.core-pop-up {
		font-size: 16px;
	}
}

/* Site URL info section for checking rendered page on mobile app WebView */
.site-url-info {
	padding: var(--container-space);
	box-shadow: -2px -4px 8px var(--black-soft);
}

.site-url-info code {
	display: block;
	word-break: break-all;
	padding: 16px 20px;
	max-width: var(--container-default-width);
	border-radius: var(--main-border-radius);
	margin-left: auto;
	margin-right: auto;
	background-color: var(--off-white-yellowish-soft);
	border: 1px solid var(--text-color-half);
}