/*@import url("../icons/boxicons/css/boxicons.min.css");*/
@import url("../icons/fontawesome/css/fontawesome.min.css");
@import url("../icons/fontawesome/css/solid.min.css");
@import url("../icons/fontawesome/css/regular.min.css");
@import url("../icons/fontawesome/css/brands.min.css");
@import url("../fonts/stylesheet.css");
@import url("../plugins/slick/slick.css");
@import url("../plugins/slick/slick-theme.css");

/* -------------------*
 *       GLOBAL       
 *------------------- */
html,
body {
	font-size: 16px;
	font-weight: 400;
	color: #1a3582;
	background: #fff;
	font-family: 'BR Cobane', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

input,
select,
textarea,
button {
	font-size: 15px;
	font-family: 'BR Cobane', Helvetica, Arial, sans-serif;
}

ol,
ul,
p {
	margin-bottom: 1rem;
	line-height: 1.6em;
}

a {
	color: #cb2a2a;
	text-decoration: underline;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

a:hover,
a:focus {
	color: #cb2a2a;
	text-decoration: none;
}

.nowrap {
	white-space: nowrap;
}

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

button {
	width: auto;
	padding: 0;
	overflow: visible;
	cursor: pointer;
	line-height: normal !important;
}

button::-moz-focus-inner {
	border: 0;
	padding: 0;
	margin: -1px 0 0 0;
}

button:active {
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.align-middle {
	display: flex;
	align-items: center;
}

.lead {
	font-size: 20px;
	line-height: 1.6em;
	font-weight: 400;
	margin-bottom: 1.5rem;
	font-family: 'BR Cobane', Helvetica, Arial, sans-serif;
}

@media (max-width: 575px) {
	.lead {
		font-size: 16px;
		font-weight: 600;
	}
}

.caps {
	text-transform: uppercase;
}

.color {
	color: #e66b2f;
}

hr {
	margin-top: 30px;
	margin-bottom: 30px;
	background: #eee;
	opacity: 1;
}

strong {
	font-weight: 700;
}

.mb-0 {
	margin-bottom: 0;
}

.pb-0 {
	padding-bottom: 0 !important;
}

[data-href] {
	cursor: pointer;
}

.hide {
	display: none;
}

.bg-primary {
	color: #fff;
	background: #1b68ab !important;
}

.bg-danger {
	color: #1a3582;
	background-color: #d63b3b !important;
}

.bg-warning {
	color: #8d6a03;
	background: #ffe187 !important;
}

.bg-info {
	color: #1a3582;
	background: #adedfb !important;
}

.bg-secondary {
	color: #fff;
	background: #FFDA1A !important;
}

.bg-success {
	color: #fff;
}

.bg-success a {
	color: #fff;
}

.bg-light {
	background: #fef4de !important;
}

.bg-gray {
	background: #e9f1ff !important;
}

.bg-white {
	background-color: #fff;
}

.svg-stroke-black path {
	stroke: #2b2c2c;
}

.gradient-primary {
	background: rgb(255, 178, 0);
	background: -moz-linear-gradient(0deg, rgba(255, 178, 0, 0) 0%, rgba(255, 178, 0, 1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255, 178, 0, 0) 0%, rgba(255, 178, 0, 1) 100%);
	background: linear-gradient(0deg, rgba(255, 178, 0, 0) 0%, rgba(255, 178, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFDA1A", endColorstr="#FFDA1A", GradientType=1);
}

.gradient-light {
	background: rgb(255, 218, 26);
	background: -moz-linear-gradient(0deg, rgba(255, 218, 26, 0) 0%, rgba(255, 218, 26, 1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255, 218, 26, 0) 0%, rgba(255, 218, 26, 1) 100%);
	background: linear-gradient(0deg, rgba(255, 218, 26, 0) 0%, rgba(255, 218, 26, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffda1a", endColorstr="#ffda1a", GradientType=1);
}

.text-primary {
	color: #FFDA1A !important;
}

img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}

/*.rh-modal .rh-widget:before { content: ''; display: block; width: 145px; height: 70px; position: absolute; z-index: 50; top: 0; left: 50%; transform: translateX(-50%); padding: 0; border-radius: 0; background: url(../images/layout/logo-vita-smart.png) no-repeat center; background-size: calc(100% - 20px); }*/

/* headlines
----------------------------------------- */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
	font-weight: 700;
	font-family: 'BR Cobane', Georgia, Times, serif;
}

h1,
.h1 {
	font-size: 42px;
	font-weight: 700;
	line-height: 1.1em;
	margin-bottom: 1rem;
}

h2,
.h2 {
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 1rem;
}

h3,
.h3 {
	font-size: 36px;
	font-weight: 600;
	line-height: 1.2em;
	margin-bottom: 1.3rem;
}

h4,
.h4 {
	font-size: 1.2rem;
	line-height: 1.3em;
	margin-bottom: 1.3rem;
}

h5,
.h5 {
	font-size: 1rem;
	line-height: 1.3em;
}

.big-h1 {
	font-size: 4.4rem;
	line-height: 1em;
}

.underline {
	position: relative;
}

.underline:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 5px;
	left: -10px;
	right: -10px;
	height: 10px;
	background: #FFDA1A;
	z-index: -1;
	transform: skew(-25deg)
}

h1 .underline:after,
.h1 .underline:after {
	height: 30px;
	left: 0;
	right: 0;
	bottom: -7px;
	transform: none;
	background: url(../images/layout/underline.png) no-repeat center;
	background-size: 100% auto;
}

#dosage, #title1, #productAdvantages p, #product-description, #productNumbered p, #ingrediencie {
	font-family: 'BR Cobane';
}
/* clear 
----------------------------------------- */
.clear {
	clear: both;
}

/* -------------------*
 *       LAYOUT       *
 *------------------- */

/* dividers
---------------------------------------- */
.divider {
	position: relative;
	z-index: 2;
	background: transparent !important;
	bottom: -1px;
}

.divider.zindex {
	z-index: 5;
}

.divider img {
	width: 100%;
}

.divider svg {
	width: 100%;
	background: transparent !important;
	height: 6vw;
}

.divider svg path {
	width: 100%;
}

.divider svg:not([class*='bg']) path {
	fill: #fff;
}

.divider.bg-light {
	background: #fef4de !important;
}

.divider.divider-primary svg path {
	fill: #003F76;
}

.divider.divider-unique svg path {
	fill: #e9f1ff;
}

.divider.divider-why svg path {
	fill: #fafafa;
}

.flip-y {
	transform: scaleY(-1);
	top: -2px;
}

.flip-x {
	transform: scaleX(-1);
	bottom: -2px;
}

.flip-x.flip-y {
	transform: scaleY(-1) scaleX(-1);
}

/* header
---------------------------------------- */
header.navbar-header {
	border: 0 !important;
	z-index: 50;
	background: #fff;
	position: sticky;
	top: 0;
}

.admin-bar header.navbar-header {
	top: 32px;
}

/*.scroll */
.navbar-header {
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

header a {
	color: #1a3582;
	text-decoration: none;
}

header a:hover {
	color: #000;
}

.header-message {
	display: none;
	font-size: 13px;
	padding: 6px 0;
	color: #fff;
	text-align: center;
	background: #d63b3b;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.header-message.show {
	display: block;
}

.header-message>div {
	padding-left: 40px;
	padding-right: 40px;
}

.header-message a {
	color: #fff;
	text-decoration: underline;
}

.header-message a:hover {
	color: #fff;
	text-decoration: none;
}

.header-message-close {
	font-size: 20px;
	position: absolute;
	top: 2px;
	right: 15px;
	text-decoration: none;
}

.header-message-close:hover {
	opacity: 0.5;
}

.header-message p {
	display: inline-block;
	margin: 0;
}

header .navbar {
	padding: 0;
	border-radius: 0;
	border: 0;
}

header .navbar-brand {
	padding: 0;
	margin-right: 30px;
	line-height: 1em;
	display: flex;
	align-items: center;
}

header .navbar-brand img {
	width: 125px;
	height: auto;
}

header .navbar-toggler {
	padding: 0;
	height: 26px;
	border: 0;
	outline: none !important;
	box-shadow: none !important;
	border-radius: 50%;
}

header .navbar-toggler .navbar-toggler-text {
	color: #222;
	font-size: 18px;
	font-weight: 400;
	line-height: 1em;
	display: inline-block;
	margin: 0 0 0 4px;
	vertical-align: middle;
	text-transform: uppercase;
}

header .navbar-toggler .burger {
	display: inline-block;
	vertical-align: middle;
	margin: -2px 0 0;
}

header .navbar-toggler .burger span {
	width: 25px;
	height: 2px;
	border-radius: 2px;
	background: #f2d3a0;
	display: block;
	margin: 5px 0;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

header .navbar-toggler .burger span.line-top {
	margin-top: 3px;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

header .navbar-toggler .burger span.line-middle {
	opacity: 0;
}

header .navbar-toggler .burger span.line-bottom {
	margin-top: -14px;
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

header .navbar-toggler.collapsed .burger span.line-top {
	margin-top: 3px;
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

header .navbar-toggler.collapsed .burger span.line-middle {
	width: 15px;
	opacity: 1;
	margin-left: 0;
}

header .navbar-toggler.collapsed:hover .burger span.line-middle {
	width: 25px;
}

header .navbar-toggler.collapsed .burger span.line-bottom {
	margin-top: 3px;
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

header .navbar-search {
	position: relative;
	margin: 0 20px;
}

.show-search header .navbar-search {
	display: block;
	position: relative;
	z-index: 2;
}

.show-search header .jsShowSearch {
	min-width: 34px;
	text-align: center;
}

.show-search header .jsShowSearch i:before {
	content: '\f00d' !important;
}

.show-search header:after {
	content: '';
	display: block;
	background: #eee;
	position: absolute;
	z-index: 5;
	height: 1px;
	bottom: 49px;
	left: 0;
	right: 0;
}

header .navbar-search .form-control {
	border: 0 !important;
	padding-left: 40px;
	padding-right: 0;
	height: 50px;
	font-size: 16px;
	border-radius: 0;
	background: #fff;
	box-shadow: none !important;
}

header .navbar-search .form-control:focus {}

header .navbar-search .btn {
	color: #8c959d;
	padding: 0 !important;
	border: 0 !important;
	width: 20px;
	height: 50px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 5px;
	border-radius: 50% !important;
	outline: none !important;
	box-shadow: none !important;
}

header .navbar-search .btn i {
	font-size: 20px;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

header .navbar-search .btn:hover {
	color: #1a3582;
}

header .navbar-search {
	display: none;
}

.show-search header .navbar-search {
	display: block !important;
	order: 4;
	width: 100%;
	flex: 0 0 100%;
	margin: 10px 0 0;
}

header .navbar-icons {
	align-items: center;
}

header .navbar-icons li {
	padding-left: 5px;
}

header .navbar-icons>li>a:not(.btn) {
	position: relative;
	padding: 5px;
	display: inline-block;
}

header .navbar-icons a:not(.btn):hover {}

header .navbar-icons a:not(.btn) i {
	font-size: 24px;
	display: inline-block;
	vertical-align: middle;
}

header .navbar-icons a:not(.btn) .badge {
	font-size: 11px;
	font-weight: 600;
	position: absolute;
	top: 1px;
	left: 1px;
	min-width: 16px;
	line-height: 16px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	padding: 0 4px;
	border-radius: 9px;
	font-family: 'BR Cobane', Helvetica, Arial, sans-serif;
}

header .navbar-icons .navbar-icons-text {
	padding: 3px 10px 0 35px;
	position: relative;
}

header .navbar-icons .navbar-icons-text i {
	font-size: 25px;
	line-height: 1em;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

header .navbar-icons .navbar-icons-text a {
	font-size: 14px;
	display: block;
	line-height: 1.3em;
	padding: 0;
}

header .navbar-icons .navbar-icons-text a:first-child {
	font-weight: 700;
}

header .navbar-icons>li.menu-item-has-children {
	position: relative;
}

header .navbar-icons>li.menu-item-has-children>a {
	padding-right: 15px;
}

header .navbar-icons>li.menu-item-has-children>a:after {
	content: "\f105";
	position: absolute;
	top: 10px;
	right: 0;
	font-family: 'Font Awesome 6 Pro' !important;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	display: inline-block;
	text-transform: none;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

header .navbar-icons>li>ul {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	list-style: none;
	padding: 10px 0;
	margin: 0;
	border-radius: 10px;
	width: 120px;
	background: #fff;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

header .navbar-icons>li:hover>ul {
	display: block;
}

header .navbar-icons>li>ul li {
	padding: 4px 0;
	line-height: 1.3em;
}

header .navbar-icons>li>ul>li>a {
	font-size: 14px;
	padding: 0 20px;
	display: block;
}

header .navbar-panel>.container-xl {
	display: flex;
	align-items: center;
}

header .nav-menu {
	/*justify-content: center;*/
}

header .nav-menu>li {
	/*margin: 0 15px; padding: 15px 0;*/
}

header .nav-menu>li>a {
	font-size: 16px;
	font-weight: 600;
	display: block;
	padding: 25px 15px;
	position: relative;
	font-family: 'BR Cobane', Georgia, Times, serif;
}

header .nav-menu>li>a:hover {
	color: #000;
}

header .nav-menu>li>a:before {
	content: '';
	width: 100%;
	display: block;
	opacity: 0;
	width: 0;
	height: 1px;
	background: #8c959d;
	position: absolute;
	z-index: 52;
	bottom: 2px;
	left: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

/*header .nav-menu > li.menu-item-has-children { padding-right: 12px; }*/
/*header .nav-menu > li.menu-item-has-children > a:after { content: "\ea4a"; position: absolute; top: 6px; right: -18px; font-family: boxicons !important; font-weight: 400; font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; display: inline-block; text-transform: none; speak: none; -webkit-font-smoothing: antialiased; }
header .nav-menu > li.active > a:before,
header .nav-menu > li:hover > a:before,
header .nav-menu > li > a:hover:before { opacity: 0.6; width: 100%; }*/
header .nav-menu>li:hover .nav-submenu {
	display: block;
}

header .nav-menu>li:hover>a {
	color: #000;
}

header .nav-menu>li:hover>a.btn-primary {
	color: #fff;
}

header .nav-submenu {
	display: none;
	padding: 5px 0;
	position: absolute;
	z-index: 50;
	top: 100%;
	left: 0;
	right: 0;
	background: #fff;
	box-shadow: 0 15px 20px rgba(0, 0, 0, 0.05);
}

header .nav-submenu-title {
	display: block;
	margin-bottom: 10px;
	font-size: 13px;
    text-transform: uppercase;
}

header .nav-submenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

header .nav-submenu ul a {
	display: inline-block;
	padding-left: 16px;
	position: relative;
}

header .nav-submenu a:hover {
	color: #000;
}

header .nav-submenu ul a:before {
	content: '';
	display: block;
	width: 10px;
	height: 2px;
	background: #8c959d;
	position: absolute;
	left: 0;
	top: 12px;
}

header .nav-submenu-product-item {
	padding: 15px 0;
	display: block;
}

header .nav-submenu-product-item-image {
	overflow: hidden;
	border-radius: 5px;
	margin-bottom: 10px;
	background: #fef4de;
	border-radius: 10px;
	padding: 0;
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

header .nav-submenu-product-item-image img {
	width: auto;
	max-width: 180%;
	max-height: 180%;
}

header .nav-submenu-product-item-title {
	font-size: 15px;
	display: block;
	line-height: 1.3em;
	text-align: center;
	font-weight: 400;
}

header .nav-others li {
	padding-left: 20px;
}

header .nav-others li a:hover {
	color: #000;
}

header .nav-others i {
	font-size: 20px;
	color: #ea4c89;
	display: inline-block;
	vertical-align: middle;
	margin: -2px 5px 0 0;
}

header .navbar-notice {
	padding: 8px 0;
	overflow: hidden;
	white-space: nowrap;
	font-size: 18px;
	max-height: 50px;
	opacity: 1;
	transition: max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease;
}

.woocommerce-checkout .navbar-notice,
.woocommerce-cart .navbar-notice {
	margin: -9px 0 9px;
}

.scroll header .navbar-notice {
	max-height: 0;
	opacity: 0;
	padding: 0;
	overflow: hidden;
}

header .navbar-notice p,
header .navbar-notice ul,
header .navbar-notice ol {
	margin-bottom: 0;
}

header .navbar-notice a {
	text-decoration: underline;
}

header .navbar-notice a:hover {
	text-decoration: none;
}

/* navbar minicart
---------------------------------------- */
.navbar-minicart {
	position: relative;
}

.navbar-minicart-content {
	position: absolute;
	top: 100%;
	right: 0;
	background: #fff;
	z-index: 50;
	min-width: 400px;
	border-radius: 10px;
}

.woocommerce-checkout-review-order .product-detail-meta,
.navbar-minicart .product-detail-meta {
	display: none !important;
}

header .navbar-minicart-content {
	display: none;
	min-width: 400px;
	text-align: left;
	position: absolute;
	z-index: 49;
	top: 100%;
	right: 0;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	overflow: hidden;
}

header .navbar-minicart-content--empty {
	min-width: 200px;
	padding: 20px;
	font-style: italic;
	color: #888;
}

header .navbar-minicart-content:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 100%;
	right: 20px;
	border-bottom: 8px solid #fff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

header .woocommerce-mini-cart__empty-message {
	padding: 15px;
	margin: 0;
}

header .navbar-minicart:hover .navbar-minicart-content {
	display: block;
}

header .woocommerce-mini-cart {
	list-style: none;
	max-height: 70vh;
	padding: 0.5rem 1rem !important;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	background: #fff;
}

@media all and (max-height:750px) {
	header .woocommerce-mini-cart {
		max-height: 60vh;
	}
}

@media all and (max-height:550px) {
	header .woocommerce-mini-cart {
		max-height: 45vh;
	}
}

header .woocommerce-mini-cart .woocommerce-mini-cart-item {
	padding: 10px 1.5rem 10px 55px !important;
	min-height: 70px;
	border-top: 1px solid #eee;
	position: relative !important;
}

header .woocommerce-mini-cart .woocommerce-mini-cart-item:first-child {
	border-top: 0;
	padding-top: 0.4rem;
}

header .woocommerce-mini-cart .woocommerce-mini-cart-item img {
	width: 40px !important;
	border-radius: 5px;
	position: absolute !important;
	transform: translateY(-50%);
	top: 50% !important;
	left: 0 !important;
}

header .woocommerce-mini-cart .woocommerce-mini-cart-item a {
	font-size: 14px;
	font-weight: 500 !important;
}

header .woocommerce-mini-cart .woocommerce-mini-cart-item a.remove {
	font-size: 16px;
	font-weight: 400;
}

header .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity {
	font-size: 12px;
	line-height: 1.4em;
	color: #888;
	display: block;
}

header .woocommerce-mini-cart .remove_from_cart_button {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 20px;
	height: 20px;
	min-width: 1px;
	line-height: 18px;
	text-align: center;
	color: #ff0000;
	border: 1px solid #ff0000;
	border-radius: 50%;
}

header .woocommerce-mini-cart .remove_from_cart_button:hover {
	background: #ff0000;
	color: #fff;
}

header .navbar-minicart-content .woocommerce-mini-cart__total {
	padding: 1rem 1rem 0.5rem;
	margin-bottom: 5px;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #eee;
}

header .navbar-minicart-content .woocommerce-mini-cart__total strong {
	font-weight: 400;
}

header .navbar-minicart-content .woocommerce-mini-cart__total .woocommerce-Price-amount {
	font-size: 22px;
	font-weight: 600;
}

header .navbar-minicart-content .woocommerce-mini-cart__total .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
	font-size: 12px;
}

header .navbar-minicart-content .woocommerce-mini-cart__buttons {
	padding: 0 1rem 1rem;
	margin: 0;
}

header .navbar-minicart-content .woocommerce-mini-cart__buttons a {
	display: block;
	text-align: center;
}

header .navbar-minicart-content .woocommerce-mini-cart__buttons a.checkout {
	display: none;
}

/* main
---------------------------------------- */
main {
	background: #fff;
	min-height: 50vh;
	position: relative;
}

main>div {
	position: relative;
	z-index: 2;
}

/*body:not(.home) main:after { content: ''; display:  block; position: absolute; top: 50px; left:  0; right: 0; min-height: 30vh; height: 300px; z-index: 1; background: rgb(255,229,97); background: -moz-linear-gradient(0deg, rgba(255,229,97,0) 0%, rgba(255,229,97,1) 100%); background: -webkit-linear-gradient(0deg, rgba(255,229,97,0) 0%, rgba(255,229,97,1) 100%); background: linear-gradient(0deg, rgba(255,229,97,0) 0%, rgba(255,229,97,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fef4de",endColorstr="#fef4de",GradientType=1);  }*/

/* .single-post .main:before,
.page-id-21 .main:before,
.page-id-242 .main:before,
.woocommerce-shop .main:before {
	content: '';
	opacity: 0.3;
	display: block;
	position: absolute;
	top: 0px;
	left: 0;
	max-width: 800px;
	width: 45vw;
	height: 40vw;
	background: url(../images/layout/wave-shop-left.png) no-repeat top right;
	background-size: 100% auto;
} */

/* .single-post .main:after,
.page-id-21 .main:after,
.page-id-242 .main:after,
.woocommerce-shop .main:after {
	content: '';
	opacity: 0.15;
	display: block;
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
	right: 0;
	max-width: 550px;
	width: 40vw;
	height: 80vw;
	background: url(../images/layout/wave-shop-right.png) no-repeat top left;
	background-size: 100% auto;
} */

.bapf_body ul {
	padding-left: 0 !important;
}

.woocommerce .woocommerce-ordering:not(.desktop-sort-dropdown),
.woocommerce .woocommerce-result-count {
	display: none !important;
}

/* headline
---------------------------------------- */
.headline-subpage {
	padding: 0;
}

.headline-bg {
	min-height: 400px;
	height: 45vh;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	position: relative;
}

/*.headline-bg:after { content: ''; display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: rgb(255,218,26); background: #ffda1a; opacity: 0.8; }*/
.headline-bg h1 {
	font-size: 140px;
	color: #fff;
	position: relative;
	z-index: 2;
	text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}

/* banner
---------------------------------------- */
.section.home-banners {
	z-index: 1;
	overflow: hidden;
	padding: 0 !important;
}

.section.home-banners .home-banner-item:before {
	content: "";
	display: block;
	position: absolute;
	opacity: 1;
	z-index: 1;
	top: -300px;
	bottom: -300px;
	right: 50%;
	width: 50%;
	background: #e4f6ff;
	background: -moz-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}

.section.home-banners .home-banner-item:before {
	content: "";
	display: block;
	position: absolute;
	opacity: 1;
	z-index: 1;
	top: -300px;
	bottom: -300px;
	right: 50%;
	width: 50%;
	background: #e4f6ff;
	background: -moz-linear-gradient(270deg, rgba(255, 218, 26, 0) 0%, #e4f6ff 100%);
	background: -webkit-linear-gradient(270deg, rgba(255, 218, 26, 0) 0%, #e4f6ff 100%);
	background: linear-gradient(270deg, rgba(255, 218, 26, 0) 0%, #e4f6ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1b68ab", endColorstr="#1b68ab", GradientType=1);
}

/*.section.home-banners .home-banner-item:after { content: ""; display: block; position: absolute; opacity: 1; z-index: 1; top: -300px; bottom: -300px; left: 50%; width: 50%; background: rgb(255,218,26); background: -moz-linear-gradient(270deg, rgba(255,218,26,1) 0%, rgba(255,218,26,0) 100%); background: -webkit-linear-gradient(270deg, rgba(255,218,26,1) 0%, rgba(255,218,26,0) 100%); background: linear-gradient(270deg, rgba(255,218,26,1) 0%, rgba(255,218,26,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFDA1A",endColorstr="#FFDA1A",GradientType=1); }*/
.home-banners .home-banner-item {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-decoration: none;
	display: flex;
	padding: 50px 0;
	min-height: 650px;
	/*background-color: #fef4de;*/
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.home-banners .home-banner-item .divider {
	position: absolute;
	left: 0;
	right: 0;
}

/*.home-banners .home-banner-item:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; opacity: 0.8; z-index: 1; }*/
.home-banners .home-banner-item>div {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
}

.home-banners .divider {
	display: none !important;
}

.home-banners .home-banner-item-image {
	width: 100%;
	height: auto;
}

.home-banner-item-time {
	white-space: nowrap;
	font-size: 15px;
}

.home-banners .home-banner-item .ps-1 img {
	display: inline-block;
	vertical-align: middle;
	margin: -5px 0 0 2px;
}

.home-banner-item-rating {
	display: flex;
	justify-content: space-between;
}

.rating .fa-google {
	background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}

.home-banners .slick-prev {
	left: -15px;
}

.home-banners .slick-next {
	right: -15px;
}

.js-slider-headline:not(.slick-initialized)>div:not(:first-child) {
	display: none;
}

.rating .rating-stars {
	color: #ffc600;
}

.rating span {
	font-size: 15px;
}

/* section steps
---------------------------------------- */
.section.section-steps {}

/*.section-steps:after { content: ''; display: block; width: 300px; height: 300px; position: absolute; z-index: -1; bottom: -2px; left: 0; background: url(../images/layout/wave-corner-left.png) no-repeat bottom left; background-size: 100% auto; }
.section-steps:before { content: ''; display: block; width: 300px; height: 300px; position: absolute; z-index: -1; top: -2px; right: 0; background: url(../images/layout/wave-corner-right.png) no-repeat top right; background-size: 100% auto; }*/

.steps {
	padding-top: 20px;
}

.steps .step-item {
	position: relative;
	padding: 0 15px 30px;
	text-align: center;
}

.steps .step-item-image {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: #f4f4f4;
	border-radius: 50%;
	margin: 0 auto 1.5rem;
	position: relative;
	background-size: cover;
	background-position: center;
}

.steps .step-item p {
	font-size: 15px;
	text-align: center;
}

.steps {
	flex-direction: row;
	flex-wrap: nowrap;
	overflow-x: auto;
}

.steps>div {
	position: relative;
	min-width: 280px;
}

.steps>div:after {
	content: '';
	position: absolute;
	z-index: 5;
	top: 70px;
	left: 80%;
	display: block;
	width: 150px;
	height: 79px;
	background: url(../images/layout/arrow-right-up.png) no-repeat center;
	background-size: 100% auto;
}

.steps>div:nth-child(2):after {
	background-image: url(../images/layout/arrow-right-down.png);
}

.steps>div:last-child:after {
	display: none;
}

/* people
---------------------------------------- */
.people {
	padding: 2rem 15%;
	justify-content: center;
}

@media (max-width: 767px) {
	.people {
		padding: 2rem 0;
	}
}

.people>div {
	padding: 20px
}

.people-item {
	background: #fff;
	border-radius: 10px;
	padding: 30px;
	text-align: center;
	min-height: 100%;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.people-item img {
	border-radius: 50%;
	margin-bottom: 1rem;
}

.people-item h4 {
	line-height: 1.1em;
}

.people-item small {
	display: block;
	line-height: 1.3em;
}

/* home logos
---------------------------------------- */
.home-logos .home-logos-item {
	padding: 10px 15px;
	height: 100px;
	display: flex;
	align-content: center;
	justify-content: center;
	text-align: center;
	flex-wrap: wrap;
}

.home-logos .home-logos-item img {
	max-height: 100%;
	width: auto;
	max-width: 100%;
	height: auto;
}

/* testimonials
---------------------------------------- */
.section-testimonials {
	background-color: #e9f1ff;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
}

.section-testimonials::after {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	height: 40vw;
	background: #e9f1ff;
	background: -moz-linear-gradient(0deg, #e9f1ff 0%, rgba(255, 229, 97, 0) 100%);
	background: -webkit-linear-gradient(0deg, #e9f1ff 0%, rgba(255, 229, 97, 0) 100%);
	background: linear-gradient(0deg, #e9f1ff 0%, rgba(255, 229, 97, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFE561", endColorstr="#FFE561", GradientType=1);
}

.section-testimonials:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	top: 40vw;
	left: 0;
	right: 0;
	bottom: 0;
	background: #e9f1ff;
}

.testimonials-overlay {
	background: #fff;
	opacity: 0.7;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.section-testimonials .container-xl {
	position: relative;
	z-index: 3;
}

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

.number-title {
	font-weight: 600;
}

.number-item p {
	font-weight: 600;
}

/* section c2a
---------------------------------------- */
.section-c2a {
	position: relative;
}

.section-c2a .divider {
	position: absolute;
	left: 0;
	right: 0;
}

.section-c2a .divider.divider-top {
	top: -1px;
	bottom: auto;
}

.section-c2a .divider.divider-bottom {}

.section-c2a-box {
	position: relative;
	padding: 80px 60px;
	min-height: 55vh;
	display: flex;
	align-items: center;
	background-color: #e9f1ff;
	background-size: 75% auto;
	background-repeat: no-repeat;
	background-position: right center;
	overflow: hidden;
}

.section-c2a-box:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 35%;
	background: #e9f1ff;
}

.section-c2a-box:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: calc(35% - 1px);
	bottom: 0;
	width: 35%;
	background: #e9f1ff;
	background: -moz-linear-gradient(90deg, #e9f1ff 0%, rgba(255, 218, 26, 0) 100%);
	background: -webkit-linear-gradient(90deg, #e9f1ff 0%, rgba(255, 218, 26, 0) 100%);
	background: linear-gradient(90deg, #e9f1ff 0%, rgba(255, 218, 26, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFDA1A", endColorstr="#FFDA1A", GradientType=1);
}

.section-c2a-content {
	max-width: 45%;
	position: relative;
	z-index: 2;
}

.section-c2a-box div.h1 p {
	line-height: 1.2em;
}

/* slick
---------------------------------------- */
.slick-dots li {
	padding: 0 4px;
	margin: 0;
	width: auto;
	height: auto;
}

.slick-dots li button {
	width: 12px;
	height: 12px;
	padding: 0;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.slick-dots li:hover button,
.slick-dots li.slick-active button {
	background: #CB2A2A;
}

.slick-dots li button:before {
	display: none;
}

.slick-arrow {
	width: 46px;
	height: 46px;
	background: #fff !important;
	border-radius: 50%;
	z-index: 49;
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2) !important;
	webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.slick-arrow:before {
	opacity: 1;
	color: #1a3582;
	font-size: 24px;
	font-weight: 400;
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.slick-arrow:hover {
	background: #003f76 !important;
}

.slick-arrow:hover:before {
	color: #fff;
}

.slick-arrow.slick-disabled {
	display: none !important;
}

.slick-prev {
	left: 15px;
}

.slick-next {
	right: 15px;
}

.slick-prev:before {
	content: "\f104";
}

.slick-next:before {
	content: "\f105";
}

/* benefits
---------------------------------------- */
.benefits .benefits-listing {
	padding: 20px 0;
}

.benefits.bg-white {
	padding: 0;
}

.benefits .row>div {
	padding-top: 7px;
	padding-bottom: 7px;
}

.benefits .benefit-item-icon {
	width: 80px;
	height: 80px;
	padding: 0;
	text-align: center;
	font-size: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.benefits .benefit-item-icon img {
	width: auto;
	max-height: 100%;
}

.benefits .benefit-item {
	min-height: 80px;
	padding: 0 0 0 100px;
	position: relative;
	text-align: center;
	display: flex;
	align-items: center;
}

.benefits .benefit-item span {
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'BR Cobane', Georgia, Times, serif;
	display: block;
	line-height: 1.3em;
}

.marquee-logos {
	height: 80px;
	overflow: hidden;
	width: 100%;
}

.js-marquee {
	display: flex;
	flex-wrap: nowrap;
	height: 80px;
}

.js-marquee .col-2 {
	padding: 0 25px;
	width: auto;
	white-space: nowrap;
}

.js-marquee .benefit-item {
	min-height: 80px;
	display: flex;
	align-items: center;
}

/* section
---------------------------------------- */
.section {
	padding: 70px 0;
	position: relative;
	z-index: 3;
}

.section.section-divider {
	padding: 0;
}

.section.section-divider .container-xl {
	padding-top: 70px;
	padding-bottom: 70px;
}

.section:last-child {
	padding-bottom: 60px;
}

.section .section-head {
	padding-bottom: 20px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.section .section-head-subtitle {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 5px;
	border-radius: 4px;
	padding: 4px 10px;
	background: #f7ead5;
	font-weight: 700;
	display: inline-block;
}

.section .section-head p {
	margin-bottom: 0;
}

.section-head .h1 {
	font-weight: 600;
}

.section-head em,
.pdck {
	font-style: normal;
}

.section .section-head.section-head-full {
	max-width: 1500px;
}

.section.section-gray {
	background: #e9f1ff;
}

.box-color {
	padding: 25px 25px 10px;
	border-radius: 10px;
	margin-bottom: 30px;
	background: #e9f1ff;
}

body:not(.home) .content .section:first-child {
	padding-top: 50px;
}

.page-template-default .content {
	overflow: hidden;
}

.table {
	color: #1a3582;
}

.table>:not(caption)>*>* {
	border-color: #eee;
}

.table>:not(caption) tr:last-child td,
.table>:not(caption) tr:last-child th {
	border: 0;
}

/* breadcrumbs
---------------------------------------- */
.breadcrumbs {
	padding: 25px 0 0;
	color: #888;
	font-size: 11px;
}

.breadcrumbs a {
	color: #888;
	text-decoration: none;
}

.breadcrumbs a:hover {
	color: #666;
}

.breadcrumbs i {
	font-size: 10px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -1px;
}

/* articles
---------------------------------------- */
.articles>div {
	padding-bottom: 40px;
}

.articles .article-item {
	min-height: 100%;
	padding-bottom: 40px;
	position: relative;
}

.articles .article-item .btn {
	position: absolute;
	bottom: 0;
	left: 0;
}

.articles .article-item-content {
	font-size: 14px;
	display: block;
	text-decoration: none;
	color: #888;
}

.articles .article-item .article-item-title a {
	color: #1a3582;
	text-decoration: none;
}

.articles .article-item .article-item-title a:hover {
	color: #cb2a2a;
}

.articles .article-item-image {
	display: block;
	margin-bottom: 15px;
	border-radius: 5px;
	overflow: hidden;
}

.article-fullimage {
	margin: 0 -50px 30px;
}

.article-fullimage img {
	border-radius: 10px;
	width: calc(100% + 100px);
}

/* product-banner
---------------------------------------- */
.section-product-banner {
	overflow: hidden;
}

.product-banner-wrap.slick-initialized {
	margin: 0;
}

.product-banner-wrap .product-banner {
	color: #1a3582;
	display: block;
	text-decoration: none;
	padding: 20px;
	text-align: center;
	height: 350px;
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	position: relative;
}

.product-banner-wrap .product-banner:hover .product-banner-title {
	opacity: 0.6;
}

.product-banner-wrap .product-banner-title {
	font-size: 16px;
	font-weight: 600;
	position: absolute;
	bottom: 25px;
	left: 20px;
	right: 20px;
	text-align: center;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.product-banner-wrap .slick-list {
	margin: 0 -5px;
	overflow: visible;
}

.product-banner-wrap .slick-slide>div {
	padding: 0 5px;
}

.product-banner-wrap .slick-prev {
	left: -15px;
}

.product-banner-wrap .slick-next {
	right: -15px;
}

/* logos
---------------------------------------- */
.logos:not(.slick-initialized) {
	margin: 0 -5px;
}

.logos:not(.slick-initialized)>div {
	padding: 5px;
}

.logos .logo-item {
	padding: 10px 25px;
	min-height: 100%;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.logos .logo-item:hover {
	border-color: #eee;
}

.logos .logo-item img {
	width: auto;
	max-height: 50px;
}

.logos.slick-initialized {
	margin: 0;
	padding: 0 50px 0 60px;
}

.logos.slick-initialized .slick-list {
	margin: 0 -5px;
}

.logos.slick-initialized .slick-slide>div {
	padding: 0 5px;
}

.logos.slick-initialized .slick-arrow:not(:hover) {
	background: #fef4de;
}

.logos.slick-initialized .slick-prev {
	left: 0;
}

.logos.slick-initialized .slick-next {
	right: 0;
}

/* newsletter
---------------------------------------- */
.newsletter {
	color: #fff;
	background: #222;
}

/* article detail
---------------------------------------- */
.text-page ul,
.text-page ol {
	list-style: none;
	padding-left: 0;
}

.text-page ul li {
	padding-left: 25px;
	position: relative;
}

.text-page ul li:before {
	content: '';
	display: block;
	width: 10px;
	height: 2px;
	background: #ffda1a;
	border-radius: 2px;
	position: absolute;
	top: 11px;
	left: 0;
}

.text-page ol li {
	counter-increment: step-counter;
	position: relative;
	padding-left: 25px;
}

.text-page ol li:before {
	font-weight: 700;
	width: 20px;
	text-align: left;
	position: absolute;
	top: 0px;
	left: 0;
	color: #1a3582;
	content: counter(step-counter)'.';
}

.text-page ul.listing-disadvantage li:before,
.text-page ul.listing-benefits li:before {
	display: none;
}

.text-page ul.listing-disadvantage li,
.text-page ul.listing-benefits li {
	padding: 5px 0 5px 30px;
	font-family: 'BR Cobane', Georgia, Times, serif;
}

.text-page ul.listing-benefits li:after {
	content: '\f058';
	font-size: 22px;
	position: absolute;
	top: 7px;
	left: 0;
	color: green;
	font-family: 'Font Awesome 6 Pro' !important;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	display: inline-block;
	text-transform: none;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.text-page ul.listing-disadvantage li:after {
	content: '\f057';
	font-size: 22px;
	position: absolute;
	top: 7px;
	left: 0;
	color: red;
	font-family: 'Font Awesome 6 Pro' !important;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	display: inline-block;
	text-transform: none;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.gallery {
	margin: 0 -5px 20px;
}

.gallery>div {
	padding: 5px;
}

.gallery a {
	display: block;
	border-radius: 10px;
}

.gallery:not(.gallery-logos) a:hover {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.gallery a img {
	border-radius: 10px;
}

.gallery-logos>div {
	text-align: center;
}

.gallery-logos img {
	width: auto;
	max-height: 100px;
}

.fancybox-slide--image .fancybox-content {
	border: 0 !important;
}

.fancybox-slide--image .fancybox-custom-caption {
	display: none !important;
}

/*.fancybox-slide--image .fancybox-content { background: transparent !important; }*/

.article-meta {
	color: #999;
	font-size: 14px;
}

.article-share a {
	color: #1a3582;
	font-size: 24px;
	display: inline-block;
	vertical-align: middle;
}

.article-share a:hover {
	color: #cb2a2a;
}

.nutrition-listing {
	margin: 0 -5px 15px;
}

.nutrition-listing>div {
	padding: 5px;
}

.nutrition-listing .nutrition-item {
	min-height: 100%;
	font-size: 13px;
	border: 1px solid #eee;
	padding: 20px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 50% auto;
}

.nutrition-listing .nutrition-item p {
	line-height: 1.4em;
}

.nutrition-listing .nutrition-item ul li:before {
	display: none;
}

.nutrition-listing .nutrition-item ul li {
	padding-left: 22px;
}

.nutrition-listing .nutrition-item ul li i {
	font-size: 17px;
	position: absolute;
	top: 3px;
	left: 0;
	color: #888;
}

.nutrition-listing .nutrition-item ul li a {
	color: #1a3582;
}

/* promo section
---------------------------------------- */
.section-promo {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center calc(100% - 150px);
	background-size: 500px auto;
}

.promo {
	justify-content: center;
}

.promo>div {
	padding-top: 15px;
	padding-bottom: 15px;
}

.promo .promo-item {
	padding: 0 30px;
	border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.promo .promo-item-head .h4 {
	font-weight: 400;
	font-style: italic;
	padding-top: 5px;
}

.promo .promo-item .promo-item-head .h1 {
	font-weight: 600;
}

.promo .promo-item .promo-item-content p {
	font-weight: 600;
}

.promo .promo-item-content {
	font-weight: 400;
}

.promo>div:first-child .promo-item {
	border-left: 0;
	min-height: 100%;
}

/* unique section
---------------------------------------- */
.section-unique {
	background: #e9f1ff;
}

.unique-images {
	max-width: 650px;
	height: 600px;
	margin: 0 auto;
	position: relative;
}

.unique-images span {
	display: block;
	position: absolute;
	z-index: 1;
}

.unique-images div {
	position: absolute;
}

.unique-images img {
	border-radius: 15px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
}

.unique-images .unique-img-1 {
	z-index: 10;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.unique-images .unique-img-1 img {
	width: 400px;
	max-width: 400px;
}

.unique-images .unique-img-2 {
	z-index: 11;
	bottom: 0;
	left: -7%;
}

.unique-images .unique-img-2 img {
	width: 230px;
}

.unique-images .unique-img-3 {
	z-index: 11;
	top: -5%;
	right: 0;
}

.unique-images .unique-img-3 img {
	width: 170px;
}

.unique-images .unique-img-4 {
	z-index: 9;
	top: 0;
	left: -10%;
}

.unique-images .unique-img-4 img {
	width: 240px;
}

.unique-images .unique-img-5 {
	z-index: 9;
	top: 40%;
	left: -12%;
}

.unique-images .unique-img-5 img {
	width: 180px;
}

.unique-images .unique-img-6 {
	z-index: 11;
	bottom: 5%;
	right: 2%;
}

.unique-images .unique-img-6 img {
	width: 200px;
}

.unique-images .unique-img-7 {
	z-index: 11;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.unique-images .unique-img-7 img {
	width: 170px;
}

.unique-circle-1 {
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background: #fff;
	top: 20%;
	right: 5%;
}

.unique-circle-2 {
	width: 250px;
	height: 250px;
	border-radius: 50%;
	background: #01477B;
	top: 45%;
	left: -5%;
}

.section-home-info {
	display: flex;
	align-items: flex-end;
	background-size: auto 600px;
	min-height: 600px;
	background-repeat: no-repeat;
	background-position: calc(50% + 900px) bottom;
}

.section-home-info p {
	margin-bottom: 0;
	padding-right: 60px;
}

/*.section-home-info p { padding-left: 30px; padding-right: 30px; }*/

.section-why-sanazia {
	/*background-color: #ffffe9;*/
	background-size: 55% auto;
	background-position: bottom right -120px;
	background-repeat: no-repeat;
}

.section-why-sanazia:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 300px;
	z-index: 2;
	background: rgb(250, 250, 250);
	background: -moz-linear-gradient(180deg, rgba(250, 250, 250, 0) 30%, rgba(250, 250, 250, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(250, 250, 250, 0) 30%, rgba(250, 250, 250, 1) 100%);
	background: linear-gradient(180deg, rgba(250, 250, 250, 0) 30%, rgba(250, 250, 250, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fafafa", endColorstr="#fafafa", GradientType=1);
}

.section-why-sanazia .container-xl {
	position: relative;
	z-index: 3;
	margin-bottom: 50px;
}

/*.section-why-sanazia .accordion-item { background: #fff; }*/
.section-why-sanazia .accordion {
	margin-bottom: 1rem;
}

.section-why-sanazia .accordion-item .accordion-button {
	font-size: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: 'BR Cobane', Helvetica, Arial, sans-serif;
}

.section-why-sanazia .btn.btn-dark.btn-lg {
	background-color: #283d78 !important;
	border-radius: 50px !important;
	padding: 13px 30px !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	border: none !important;
	color: #fff !important;
}

.section-why-sanazia .btn.btn-dark.btn-lg i {
	display: none !important;
}

.section-quality {
	background: #e9f1ff;
	position: relative;
	overflow: hidden;
}

.section-quality .row:first-child {
	position: relative;
}

@media (max-width: 991px) {
	.section-quality .row:first-child > .col-lg-5 img {
		width: calc(100% + 24px) !important;
		max-width: none !important;
		margin-right: 0;
		margin-left: 0;
	}
}

@media (min-width: 992px) {
	.section-quality .row:first-child > .col-lg-5 img {
		position: absolute;
		right: calc(-50vw + 50%);
		top: 50%;
		transform: translateY(-50%);
		max-width: 500px;
		width: auto;
		height: auto;
	}
}

.quality-item-icon {
	width: 80px;
	height: 80px;
	line-height: 80px;
	margin-bottom: 1rem;
}

.quality-item-icon img {
	width: auto;
	max-height: 100%;
}

.section-quality h3 {
	font-size: 18px;
}

.section-reviews {
	background-size: cover;
	background-position: left top;
	position: relative;
}

/*.section-reviews:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; height: 400px; background: rgb(255,255,255); background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%); background: linear-gradient(180deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); }*/
.section-reviews .container-xl {
	position: relative;
	z-index: 3
}

.section-reviews .section-head {
	min-height: 130px
}

.section-reviews .typed-cursor {
	font-weight: 400;
	font-size: 40px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -20px;
}

.section-reviews h2 {
	line-height: 1.2em;
	display: inline-block;
	background: linear-gradient(90deg, #449800, #003F76 80%);
	background-clip: text;
	color: transparent;
}

.reviews>div {
	padding-bottom: 1.5rem;
}

.reviews .slick-slide {
	padding: 0.65em;
}

.reviews .review-item {
	font-size: 14px;
	background: #fff;
	padding: 25px 25px 80px;
	position: relative;
	border-radius: 20px;
	min-height: 100%;
	text-align: center;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.reviews .review-item-image {
	width: 150px;
	margin: 0 auto 1rem;
}

.reviews .review-item-image img {
	border-radius: 50%;
}

.reviews .review-item-stars {
	color: #ffd513;
	margin-bottom: 0.5rem;
}

.reviews .review-item-footer {
	position: absolute;
	bottom: 20px;
	left: 25px;
	right: 25px;
}

.reviews .slick-track {
	display: flex;
}

.reviews .slick-track .slick-slide {
	display: flex;
	height: auto;
}

.reviews .slick-slide>div>div,
.reviews .slick-slide>div {
	height: 100%;
}

.reviews .slick-prev {
	left: -50px;
}

.reviews .slick-next {
	right: -50px;
}

/* boxes
---------------------------------------- */
.box .box-img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

.box .box-img img {
	visibility: hidden;
	max-height: 900px;
	width: 100%;
}

.box .box-content {
	padding: 80px 50px 80px 85px;
	max-width: 590px
}

.box .box-content p:last-child {
	margin-bottom: 0;
}

.box:nth-child(even) .box-img {
	order: 2;
}

.box:nth-child(even) .box-content {
	margin-left: auto;
	padding-left: 50px;
	padding-right: 85px;
}

.box .box-img-gallery,
.box .box-img-gallery .slick-list {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.box .box-img-gallery .slick-list .slick-track,
.box .box-img-gallery .slick-list .slick-slide,
.box .box-img-gallery .slick-list .slick-slide div {
	height: 100%;
}

.box .box-img-gallery .box-img-gallery-item {
	display: block;
	height: 100%;
}

.box .box-img-gallery .box-img-gallery-item>div {
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.box .box-img-circle {
	position: absolute;
	z-index: -1;
	bottom: -150px;
	left: -150px;
}

.box .box-img-circle span {
	display: block;
	width: 400px;
	height: 400px;
	border-radius: 50%;
}

.box:nth-child(even) .box-img-circle {
	left: auto;
	bottom: auto;
	right: -100px;
	top: -100px;
}

.boxes-small {}

.boxes-small .box {
	padding: 20px 0;
}

/*.boxes-small .box:first-child { padding-top: 0; }*/
.boxes-small .box .box-img-gallery {
	left: 15px;
	right: 15px;
	border-radius: 10px;
	overflow: hidden;
}

.boxes-small .box .box-img-single {
	position: absolute;
	left: 15px;
	right: 15px;
	border-radius: 10px;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.boxes-small .box .box-img-single,
.boxes-small .box .box-img-gallery {
	top: 50%;
	transform: translateY(-50%);
	min-height: 450px;
	height: 100%;
	/*background-color: #fff; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); */
}

.boxes-small .box .box-img-single,
.boxes-small .box .box-img-gallery {
	background-color: #fff;
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
}

body.page-id-21 .box#box-6 .box-img-single,
body.page-id-21 .box#box-6 .box-img-gallery {
	background-color: transparent;
	box-shadow: none;
	background-size: 100% auto;
}

.boxes-small .box .box-content {
	padding-right: 0;
}

.boxes-small .box:not(.box-footer)>.row:not(.infographics) {
	min-height: 470px;
}

.boxes-small .box:nth-child(even) .box-content {
	padding-left: 0;
	padding-right: 85px;
}

/* footer
---------------------------------------- */
footer {
	font-size: 13px;
	padding: 0 0 40px 0;
	color: #1a3582;
	background: #fff;
	position: relative;
}

.footer-contact-box {
	font-size: 15px;
	background: rgba(0, 0, 0, 0.2);
	padding: 10px 20px;
	border-radius: 10px;
	margin-left: -20px;
}

.footer-contact-box .footer-contact-item {
	padding: 2px 0 2px 25px;
	position: relative;
}

.footer-contact-box .footer-contact-item i {
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
}

.footer-contact-box .footer-contact-item small {
	padding-left: 5px;
	opacity: 0.8;
	white-space: nowrap;
}

.footer-contact-email {
	padding: 15px 0 15px 45px;
	font-size: 20px;
	background: url(../images/layout/icon-24-7.png) no-repeat left center;
	background-size: 35px auto;
}

.home footer .divider {
	display: none;
}

.home footer .footer-content {
	padding-top: 0;
}

footer .footer-content-title {
	font-size: 13px;
	color: #1a3582;
	text-transform: uppercase;
	font-weight: 700;
	display: block;
	margin-bottom: 10px;
}

footer .footer-content-link {
	display: none;
	color: #1a3582;
	font-weight: 700;
	text-decoration: none;
	padding: 10px 20px 10px 0;
	position: relative;
}

footer .footer-content-link i {
	display: block;
	line-height: 1em;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%) rotate(0deg);
}

footer .footer-content-link.collapsed i {
	transform: translateY(-50%) rotate(180deg);
}

footer .footer-content {
	padding: 30px 0 20px;
	position: relative;
}

footer .footer-content ul {
	list-style: none;
	padding: 0 0 0.5rem;
	margin: 0;
}

footer .footer-content ul li {
	padding-bottom: 3px;
}

footer .footer-content ul li i {
	color: #1a3582;
	margin: -2px 4px 0 -4px;
	display: inline-block;
	vertical-align: middle;
}

footer .footer-content a {
	color: #1a3582;
	text-decoration: none;
	font-weight: 600;
}

footer .footer-content a:hover {
	color: #CB2A2A;
	text-decoration: underline;
}

@media (max-width: 767px) {
	footer .footer-content p {
		margin-bottom: 10px !important;
	}
}

footer .footer-nav li>a {
	position: relative;
	padding: 0 0 0 15px;
	display: block;
}

footer .footer-nav li>a:before {
	position: absolute;
	top: 4px;
	font-size: 12px;
	left: 0;
	color: #CB2A2A;
	content: "\f105";
	font-family: 'Font Awesome 6 Pro' !important;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	display: inline-block;
	text-transform: none;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

footer .footer-pill {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	width: 70px;
}

.home footer .footer-pill {
	margin-top: -160px;
}

.textpage .socials a,
footer .socials a {
	font-size: 25px;
	display: inline-block;
	margin-right: 10px;
	color: #1a3582;
}

footer .socials a:hover {
	color: #CB2A2A;
}

.textpage .socials a {
	color: #CB2A2A
}

.textpage .socials a:hover {
	color: #1a3582;
}

footer .list-checked li {
	position: relative;
	padding-left: 20px;
}

footer .list-checked li:before {
	font-size: 14px;
	color: #CB2A2A !important;
	position: absolute;
	top: 2px;
	left: 0;
	content: "\f00c";
	font-family: 'Font Awesome 6 Pro' !important;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	display: inline-block;
	text-transform: none;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.footer-copy {
	font-size: 12px;
	border-top: 1px solid rgba(0, 63, 118, 0.1);
	padding-top: 20px;
	color: #1a3582;
}

.footer-copy a {
	color: #1a3582;
	text-decoration: none;
}

.footer-copy a:hover {
	color: #CB2A2A;
	text-decoration: underline;
}

/* woocommerce
---------------------------------------- */
.products {
	clear: both;
}

.products>h2 {
	padding-bottom: 10px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__link {
	color: #1a3582;
	position: relative;
	display: block;
	min-height: 100%;
}

.woocommerce ul.products li.product a .woocommerce-loop-product__title {
	font-size: 18px;
	font-weight: 600;
	padding: 0 0 5px;
}

/* Remove underline from product links on listing page */
.woocommerce ul.products li.product .woocommerce-loop-product__link,
.woocommerce ul.products li.product .woocommerce-loop-product__link:hover,
.woocommerce ul.products li.product .woocommerce-loop-product__link:focus,
.woocommerce ul.products li.product a .woocommerce-loop-product__title,
.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title {
	text-decoration: none;
}

/* Short description below product title */
.woocommerce ul.products li.product .product-short-desc {
	font-size: 14px;
	color: #666;
	padding: 0 0 15px;
	margin: 0;
	line-height: 1.4;
}

.woocommerce ul.products li.product .price {
	color: #1a3582;
	margin: 0;
	font-size: 20px;
	padding: 15px 70px 15px 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;
	min-height: 48px;
}

.woocommerce ul.products li.product .price * {
	font-weight: 600;
}

.woocommerce ul.products li.product ins {
	text-decoration: none;
}

.woocommerce ul.products li.product .button:not(.add_to_cart_button) {
	margin: 0;
	color: #222 !important;
	border-color: #ccc !important;
}

/* CUURE-style circular cart button */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button {
	position: absolute;
	bottom: 25px;
	right: 15px;
	width: 48px !important;
	height: 48px !important;
	border-radius: 50%;
	background: #1a3582 !important;
	color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	font-size: 0 !important;
	text-indent: -9999px;
	overflow: hidden;
	transition: all 0.3s ease;
	min-width: 48px !important;
	max-width: 48px !important;
	min-height: 48px !important;
	max-height: 48px !important;
	line-height: 0 !important;
}

.woocommerce ul.products li.product .add_to_cart_button:before {
	display: none !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover {
	background: #1a5a9e !important;
	color: #fff !important;
	transform: scale(1.05);
}

.woocommerce ul.products li.product .button:after,
.woocommerce ul.products li.product .add_to_cart_button:after {
	content: '\f07a';
	font-family: 'Font Awesome 6 Pro' !important;
	font-size: 18px !important;
	color: #fff !important;
	text-indent: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/*.woocommerce ul.products li.product:hover .button,
.woocommerce ul.products li.product:hover .add_to_cart_button { opacity: 1; top: 250px; }*/
.woocommerce ul.products li.product .button:not(.add_to_cart_button):hover {
	background: #222 !important;
	border-color: #222 !important;
}

.woocommerce ul.products li.product .added_to_cart {
	display: none !important;
}

.woocommerce ul.products li.product .price {
	color: #1a3582;
}

.woocommerce ul.products li.product .price del {
	opacity: 1;
	color: #888;
}

/* Hide checkmark descriptions on product cards */
.woocommerce ul.products li.product .product-item-desc {
	display: none;
}

.woocommerce-price-suffix {
	display: block;
	font-size: 12px;
	color: #888;
	font-weight: 400 !important;
	line-height: 1.2em;
}

.woocommerce-price-suffix * {
	font-weight: 400 !important;
}

.woocommerce ul.products,
.woocommerce-page ul.products {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px 30px;
	width: calc(100% + 20px);
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	margin: 0 !important;
	padding: 0 10px 20px !important;
	position: relative;
}

/* Quiz product card */
.woocommerce ul.products li.quiz-product-card,
.woocommerce-page ul.products li.quiz-product-card {
	display: flex !important;
	align-items: stretch !important;
	justify-content: center !important;
	position: relative !important;
}

.quiz-card-wrapper {
	position: relative !important;
	width: 100% !important;
	border-radius: 15px !important;
	overflow: hidden !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
	transition: box-shadow 0.3s ease !important;
	display: flex !important;
	flex-direction: column !important;
}

.quiz-card-wrapper:hover {
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}

.quiz-card-wrapper::before {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	background: linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.8) 100%) !important;
	z-index: 1 !important;
	pointer-events: none !important;
}

.quiz-card-bg {
	width: 100% !important;
	height: 100% !important;
	display: block !important;
	object-fit: cover !important;
	object-position: center !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
}

.quiz-card-content {
	position: relative !important;
	padding: 15px 30px 20px 30px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	align-items: flex-start !important;
	z-index: 2 !important;
	height: 100% !important;
}

.quiz-card-text {
	display: flex !important;
	flex-direction: column !important;
	gap: 0 !important;
}

.quiz-card-content h3 {
	color: #1a3a52 !important;
	font-size: 21px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	margin: 0 0 12px 0 !important;
	max-width: 100% !important;
	text-shadow: 0 2px 4px rgba(255, 255, 255, 0.8) !important;
}

.quiz-card-content p {
	color: #1a3a52 !important;
	font-size: 16px !important;
	line-height: 1.5 !important;
	margin: 0 !important;
	max-width: 100% !important;
	text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) !important;
}

.quiz-card-button {
	color: #fff !important;
	background: #1a3582 !important;
	padding: 12px 32px !important;
	border-radius: 50px !important;
	font-weight: 600 !important;
	font-size: 18px !important;
	text-decoration: none !important;
	display: inline-block !important;
	transition: all 0.3s ease !important;
	border: 0 !important;
	cursor: pointer !important;
	box-shadow: none !important;
	margin-top: 0 !important;
	align-self: flex-start !important;
	position: relative !important;
	z-index: 5 !important;
	overflow: hidden !important;
}

.quiz-card-button:before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background-color: #003F76 !important;
	transform: scaleX(0) !important;
	-webkit-transform: scaleX(0) !important;
	-moz-transform: scaleX(0) !important;
	transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1) !important;
	-webkit-transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1) !important;
	-moz-transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1) !important;
	transform-origin: right center !important;
	-webkit-transform-origin: right center !important;
	-moz-transform-origin: right center !important;
	z-index: -1 !important;
	border-radius: 50px !important;
}

.quiz-card-button:hover {
	color: #fff !important;
	background: #ff475d !important;
}

.quiz-card-button:hover:before {
	transform: scaleX(1) !important;
	-webkit-transform: scaleX(1) !important;
	-moz-transform: scaleX(1) !important;
	transform-origin: left center !important;
	-webkit-transform-origin: left center !important;
	-moz-transform-origin: left center !important;
}

/* Removed box shadow and background from product cards */
.woocommerce ul.products li.product:after,
.woocommerce-page ul.products li.product:after {
	display: none;
}

.woocommerce ul.products li.product:hover .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product:hover .woocommerce-loop-product__title {
	text-decoration: none;
}

.woocommerce ul.products li.product .product-image img,
.woocommerce-page ul.products li.product .product-image img {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.woocommerce ul.products li:not(.product_cat-hotove-balicky).product:hover .product-image img,
.woocommerce-page ul.products li:not(.product_cat-hotove-balicky).product:hover .product-image img {
	max-width: 106%;
	max-height: 106%;
}

.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product {
	width: 25% !important;
}

.woocommerce ul.products li.product .onsale {
	top: 15px;
	right: -3px;
}

.woocommerce span.onsale.bg-danger,
.woocommerce ul.products li.product .onsale.bg-danger {
	display: none !important;
}

.woocommerce span.onsale:after {
	content: '';
	position: absolute;
	top: 100%;
	right: 0;
	display: block;
	width: 5px;
	border-left: 5px solid black;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

ul.products li.product .product-image {
	padding: 0;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 300px;
	background: transparent;
	border-radius: 15px !important;
	overflow: hidden !important;
}

ul.products li.product .product-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	margin: 0 !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image a {
	padding: 0 !important;
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 550px;
	border-radius: 10px;
	overflow: hidden;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image img {
	width: auto !important;
	height: auto !important;
	max-width: 100%;
	max-height: 220%;
	margin: -10px !important;
}

.woocommerce div.product span.onsale {
	top: 15px;
	right: -10px;
	left: auto;
}

.woocommerce div.product .product_title {
	font-size: 2rem;
}

.woocommerce-product-details__short-description p {
	margin-bottom: 10px;
}

.woocommerce-product-details__short-description ul {
	list-style: none;
	padding-top: 10px;
	padding-left: 0;
}

.woocommerce-product-details__short-description ul li {
	padding-left: 25px;
	padding-bottom: 5px;
	position: relative;
	font-weight: 500;
}

.woocommerce-product-details__short-description ul li:before {
	font-size: 17px;
	content: "\f00c";
	position: absolute;
	top: 5px;
	left: 0;
	color: green;
	font-family: 'Font Awesome 6 Pro' !important;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	display: inline-block;
	text-transform: none;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
	width: 100%;
	margin-bottom: 10px;
}

.product-content-head-left {
	width: 50%;
	position: relative;
}

.product-content-gallery {
	border-radius: 15px;
	overflow: hidden;
	margin-bottom: 1.5rem;
	font-size: 0px;
}

.product-content-gallery .slick-arrow {
	opacity: 0;
}

.product-content-gallery:hover .slick-arrow {
	opacity: 1;
}

.product-content-gallery .slick-dots {
	bottom: 25px;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
	width: 50%;
	padding-left: 40px;
}

.woocommerce .product-item-desc {
	font-size: 14px;
	line-height: 1.3em;
	color: #888;
	margin: 0;
	padding: 0 20px;
}

.woocommerce .product-item-desc p {
	margin: 0 0 5px;
}

.woocommerce .product-item-desc ul li {
	position: relative;
	padding-left: 20px;
}

.woocommerce .product-item-desc ul li:before {
	font-size: 14px;
	color: green !important;
	position: absolute;
	top: 2px;
	left: 0;
	content: "\f00c";
	font-family: 'Font Awesome 6 Pro' !important;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	display: inline-block;
	text-transform: none;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.product-detail-listing ul {
	list-style: none;
	padding-left: 0;
}

.product-detail-listing ul li {
	position: relative;
	padding-left: 20px;
	padding-bottom: 5px;
}

.product-detail-listing ul li:before {
	font-size: 14px;
	color: green !important;
	position: absolute;
	top: 5px;
	left: 0;
	content: "\f00c";
	font-family: 'Font Awesome 6 Pro' !important;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	display: inline-block;
	text-transform: none;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
	color: #fff;
	background: #1f8801;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
	background-color: #268f09;
}

#order_review_heading {
	padding-top: 30px;
}

.woocommerce p.stars a,
.woocommerce .star-rating {
	color: #f2c94c;
}

.woocommerce div.product .woocommerce-product-rating {
	margin-bottom: 1rem;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	font-size: 24px;
	font-weight: 700;
	color: #CB2A2A;
	margin-bottom: 1rem;
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
	text-decoration: none;
}

.woocommerce div.product span.price {
	display: block;
}

.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
	color: #1a3582;
	opacity: 1;
}

.woocommerce div.product.product-type-variable p.price,
.woocommerce div.product.product-type-variable .reset_variations {
	display: none !important;
}

.woocommerce p.stock {
	padding-left: 25px;
	position: relative;
	color: #000 !important;
}

.woocommerce p.stock:before {
	content: '';
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #ddd;
}

.woocommerce p.stock.in-stock:before {
	background: #008556;
}

.woocommerce p.stock.in-stock {
	color: #008556 !important;
}

.woocommerce p.stock.out-of-stock:before {
	background: #d63b3b;
}

.woocommerce p.stock.out-of-stock {
	color: #d63b3b !important;
}

.woocommerce-product-rating a {
	font-size: 12px;
	color: #1a3582;
}

.woocommerce div.product form.cart {
	margin-bottom: 0;
}

.woocommerce div.product form.cart .variations {
	margin-bottom: 0;
}

.woocommerce table.variations,
.woocommerce table.variations tr,
.woocommerce table.variations td {
	display: block;
}

/* Capsule count button selector */
.variation-capsule-buttons {
	display: flex;
	gap: 10px;
	margin: 15px 0;
}

.variation-capsule-buttons .capsule-count-btn {
	padding: 12px 24px;
	border: 2px solid #003F76;
	background: #fff;
	border-radius: 35px;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
	color: #1a3582;
}

.variation-capsule-buttons .capsule-count-btn:hover {
	border-color: #1a3582;
	background: #E4F6FF;
}

.variation-capsule-buttons .capsule-count-btn.selected {
	border-color: #1a3582;
	background: #E4F6FF;
	color: #1a3582;
}

.woocommerce .single_variation_wrap {
	width: 100%;
}

.woocommerce .woocommerce-variation-add-to-cart,
.woocommerce div.product form.cart {
	display: flex;
	flex-wrap: wrap;
}

.woocommerce div.product form.cart .quantity {
	min-height: 100%;
	width: 80px;
	margin: 0 !important;
}

.woocommerce div.product form.cart .quantity input {
	width: calc(100% - 5px);
	height: 100%;
	border: 1px solid #ddd;
	border-radius: 35px;
}

/*.woocommerce div.product form.cart .button { width: calc(100% - 80px); }*/

.woocommerce div.product .first-payment-date {
	margin-bottom: 0;
}

.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
	width: 150px;
	border-radius: 5px;
	height: 39px;
	padding: 5px 15px !important;
	font-size: 14px;
	border-color: #eee;
}

.woocommerce #content table.cart td.actions button[name="update_cart"],
.woocommerce table.cart td.actions button[name="update_cart"] {
	display: none !important;
}

#add_payment_method table.cart input,
.woocommerce-cart table.cart input,
.woocommerce-checkout table.cart input {
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 5px 10px;
}

.woocommerce-cart .woocommerce {
	display: flex;
	flex-wrap: wrap;
}

.woocommerce-cart .woocommerce .woocommerce-notices-wrapper {
	width: 100%;
}

.woocommerce-cart .woocommerce .woocommerce-cart-form {
	width: 65%;
	padding: 40px;
}

.woocommerce-cart .woocommerce .cart-collaterals {
	width: 35%;
	padding: 40px;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
	width: 100%;
}

.u-columns.col2-set {
	display: flex;
	flex-wrap: wrap;
	width: auto;
	margin: 0 -15px;
	align-items: flex-start;
	justify-content: space-between;
}

.u-columns.col2-set>div {
	width: calc(50% - 30px) !important;
	padding-top: 0 !important;
}

.woocommerce form.login,
.woocommerce form.register {
	border-color: #fff;
	background: #fef4de;
	border-radius: 10px;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
	border-radius: 20px;
}

.woocommerce form.checkout_coupon {
	background: #e9f1ff;
	border: 0;
	border-radius: 10px;
}

.woocommerce form.checkout_coupon button {
	border-radius: 20px;
}

.woocommerce-checkout .woocommerce-form-login .form-row label {
	font-size: 14px;
}

.wc-empty-cart-message {
	width: 100%;
	padding-top: 15px;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
	/* background: rgba(0, 0, 0, 0.05);*/
	background: transparent;
}

/*.woocommerce-checkout #payment > div,
.woocommerce-checkout #payment > ul { padding: 10px !important; }*/
#order_review .shop_table {
	margin-bottom: 10px;
}

/*#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background: #fff; border-radius: 10px; }
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #fff; } */
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
	border: 0;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
	background-color: #f7f7f7;
}

#payment .wc_payment_methods {
	border: 1px solid #2b2c2c;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
	border-bottom-color: #2b2c2c;
}

#payment .wc_payment_methods .payment_box {
	padding: 0 !important;
	margin: 0 !important;
}

#payment .wc_payment_methods {
	padding: 15px !important;
}

#payment .place-order {
	padding: 0 !important;
}

#payment .woocommerce-terms-and-conditions-wrapper {
	margin: 30px 0px 0;
}

#payment #place_order {
	float: left !important;
	width: auto;
	text-transform: uppercase;
	background-color: #1f8801;
}

.woocommerce-checkout {
	position: relative;
}

.woocommerce-page .col2-set {
	padding-bottom: 100px !important;
}

.woocommerce-terms-and-conditions-link,
.woocommerce-privacy-policy-link {
	color: #01477b;
}

#place_order {
	position: absolute;
	bottom: -210px;
}

.logged-out #payment #place_order {
	bottom: -165px;
}

.product-vitamins {
	display: none;
}

/*#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border-color: #eee; }*/

.shop_table.woocommerce-checkout-review-order-table tr.cart_item:first-child td.product-name,
.shop_table.woocommerce-checkout-review-order-table tr.cart_item:first-child td.product-total {
	border-top: 0;
}

/* Checkout remove button styling */
.shop_table.woocommerce-checkout-review-order-table td.product-remove {
	width: 40px;
	text-align: center;
	border-top: 1px solid rgba(0, 0, 0, .1);
	padding: 15px 10px;
	vertical-align: middle;
}

.shop_table.woocommerce-checkout-review-order-table tr.cart_item:first-child td.product-remove {
	border-top: 0;
}

.shop_table.woocommerce-checkout-review-order-table .remove-checkout-item {
	color: #999;
	font-size: 28px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	display: inline-block;
	transition: all 0.2s ease;
}

.shop_table.woocommerce-checkout-review-order-table .remove-checkout-item:hover {
	color: #d32f2f;
	transform: scale(1.2);
}

.thwvsf-wrapper-ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0.5rem;
	display: flex;
	flex-wrap: wrap;
}

.thwvsf-wrapper-ul li {
	margin: 0 5px 5px 0;
	position: relative;
	overflow: hidden;
}

.thwvsf-wrapper-ul li span {
	font-size: 14px;
	display: block;
	line-height: 1.3em;
	border: 2px solid #eee;
	padding: 8px 15px;
	border-radius: 8px;
	cursor: pointer;
}

.thwvsf-wrapper-ul li:not(.out_of_stock) span:hover {
	border-color: #ddd;
}

.thwvsf-wrapper-ul li.thwvsf-selected span {
	border-color: #000 !important;
}

.thwvsf-wrapper-ul li.out_of_stock {
	cursor: not-allowed !important;
	opacity: 0.4 !important;
	pointer-events: none;
}

.thwvsf-wrapper-ul li.out_of_stock:after {
	content: '';
	width: 85%;
	height: 1px;
	background: red;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(0);
}

/*.thwvsf-wrapper-ul li.out_of_stock:before { content: ''; width: 60px; height: 1px; background: red; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) rotate(-15deg); }*/

.woocommerce-MyAccount-navigation {
	padding: 10px 20px;
	border-radius: 10px;
	background: #f4f4f4;
	margin-bottom: 30px;
}

.woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.woocommerce-MyAccount-navigation ul li {
	border-top: 1px dashed #ddd;
}

.woocommerce-MyAccount-navigation ul li:first-child {
	border-top: 0;
}

.woocommerce-MyAccount-navigation ul a {
	text-decoration: none;
	padding: 6px 0;
	display: block;
}

.woocommerce-MyAccount-navigation ul a:hover {
	text-decoration: underline;
}

.woocommerce-MyAccount-navigation ul .is-active a {
	font-weight: 800;
	color: #004a8f;
}

/*.products.related { padding: 40px 40px 20px; border: 3px dotted #ffda1a; margin-bottom: 3rem; border-radius: 10px; }*/
.products.related .products {
	margin-bottom: -40px;
	padding-top: 10px;
}

.products.related {
	position: relative;
	padding-top: 40px;
}

.products.related:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	height: 50%;
	transform: translateX(-50%);
	width: 100vw;
	opacity: 0.7;
	background: rgb(147, 207, 244);
	background: -moz-linear-gradient(0deg, rgba(147, 207, 244, 0) 0%, rgba(147, 207, 244, 1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(147, 207, 244, 0) 0%, rgba(147, 207, 244, 1) 100%);
	background: linear-gradient(0deg, rgba(147, 207, 244, 0) 0%, rgba(147, 207, 244, 1) 100%);
}

.products.related h2,
.products.related ul {
	position: relative;
	z-index: 2;
}

.nav-pills .nav-link {
	color: #1a3582;
	background: #fff;
	border: 2px solid #003F76;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 1px;
	border-radius: 20px;
	padding: 4px 15px;
	margin: 0 10px 0 0;
}

.nav-pills .nav-link.active {
	color: #1a3582;
	background: #E4F6FF;
	border-color: #1a3582;
}

.nav-pills .nav-link:hover {
	background: #E4F6FF;
}

.product-content-head {
	position: relative;
}

.product-content-head-icon {
	border-radius: 50%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 30;
	-webkit-animation: spin 15s linear infinite;
	-moz-animation: spin 15s linear infinite;
	animation: spin 15s linear infinite;
}

@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(-360deg);
	}
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(-360deg);
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

/* Packeta Widget Styles */
.packetery-hidden,
.packeta-widget.packetery-hidden,
.form-row.packeta-widget.packetery-hidden,
.packetery-widget-button-wrapper .packeta-widget.packetery-hidden,
.woocommerce ul#shipping_method .packetery-hidden,
.woocommerce ul#shipping_method li .packetery-hidden {
	display: none !important;
}

.packetery-widget-button-wrapper,
body .woocommerce [packetery-renderer] {
	width: 100%;
	background: transparent;
	padding: 10px 0;
	text-align: left;
	border: none;
}

.packetery-widget-button-wrapper .packetery-widget-button-row,
.packetery-widget-button-wrapper .packeta-widget-button,
.form-row.packeta-widget:not(.packetery-hidden),
body .woocommerce [packetery-renderer] div.packeta-widget-button.packetery-widget-button-row {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 12px;
}

@media (max-width: 767px) {
	.packetery-widget-button-wrapper .packetery-widget-button-row,
	.packetery-widget-button-wrapper .packeta-widget-button,
	.form-row.packeta-widget:not(.packetery-hidden),
	body .woocommerce [packetery-renderer] div.packeta-widget-button.packetery-widget-button-row {
		flex-direction: column !important;
		align-items: flex-start !important;
	}
}

.packetery-widget-button-wrapper .packetery-widget-button-logo,
body .woocommerce [packetery-renderer="after-rate"] .packeta-widget-button .packetery-widget-button-logo {
	width: 40px;
	height: 40px;
	object-fit: contain;
	border-radius: 6px;
}

.packetery-widget-button-wrapper button.button,
.packetery-widget-button-wrapper button.button.alt,
.packeta-widget-button button.button,
.packeta-widget-button button.button.alt,
body .woocommerce [packetery-renderer] div.packeta-widget-button.packetery-widget-button-row button.button.alt {
	width: auto !important;
	font-size: 13px !important;
	font-family: 'Nunito', sans-serif !important;
	font-weight: 600 !important;
	background: #1a3582 !important;
	color: #fff !important;
	border: none !important;
	border-radius: 20px !important;
	padding: 10px 20px !important;
	cursor: pointer;
	transition: background 0.2s ease;
}

.packetery-widget-button-wrapper button.button:hover,
.packetery-widget-button-wrapper button.button.alt:hover,
.packeta-widget-button button.button:hover,
.packeta-widget-button button.button.alt:hover,
body .woocommerce [packetery-renderer] div.packeta-widget-button.packetery-widget-button-row button.button.alt:hover {
	background: #1a3582 !important;
}

.packetery-widget-button-wrapper .packeta-widget-selected-address,
body .woocommerce .packeta-widget-selected-address {
	margin-top: 8px;
	font-size: 13px;
	color: #1f8801;
	font-weight: 600;
}

.packetery-widget-button-wrapper .packeta-widget-info,
body .woocommerce .packeta-widget-info {
	font-size: 12px;
	color: #666;
	margin-top: 4px;
}

.product-content-benefits {
	text-align: center;
	margin-top: 25px;
	border: 1px solid #eee;
	padding: 10px 15px;
	border-radius: 10px;
	background: #fafafa
}

.product-content-benefits .row>div {
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
}

.product-content-benefits .row>div:before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #ffda1a;
	position: absolute;
	top: 50%;
	left: -3px;
	transform: translateY(-50%);
}

.product-content-benefits .row>div:first-child:before {
	display: none;
}

.product-content-benefits i {
	font-size: 30px;
	display: block;
	margin: 5px 0 10px;
}

.product-content-benefits span {
	font-size: 15px;
	display: block;
	font-weight: 500;
	line-height: 1.3em;
}

/* checkout/cart
---------------------------------------- */
.woocommerce-checkout .navbar-navigation,
.woocommerce-cart .navbar-navigation,
.woocommerce-checkout .navbar-right,
.woocommerce-cart .navbar-right,
.woocommerce-checkout .breadcrumbs,
.woocommerce-cart .breadcrumbs,
.woocommerce-checkout .headline,
.woocommerce-cart .headline,
.woocommerce-checkout footer,
.woocommerce-cart footer {
	display: none;
}

.woocommerce-checkout .navbar-header {
	display: none !important;
}

.woocommerce-cart .navbar-header {
	padding: 9px 0;
	box-shadow: none;
	background: transparent;
	position: absolute;
	left: 0;
	right: 0;
}

.woocommerce-checkout .navbar-brand,
.woocommerce-cart .navbar-brand {
	margin-left: auto;
	margin-right: auto;
	pointer-events: none;
	cursor: default;
}

.woocommerce-checkout .checkout-mobile-logo {
	pointer-events: none;
	cursor: default;
}

.woocommerce-checkout .content,
.woocommerce-cart .content {
	padding-top: 90px;
}

.woocommerce-cart .textpage {
	min-height: calc(100vh - 74px);
}

.woocommerce-cart .section {
	min-height: 100%;
	padding: 0 !important;
}

/*.woocommerce-cart .content:after { content: ''; display: block; background: #fef4de; position: absolute; top: 0; left: 0; bottom: 0; width: 65%; z-index: -1; }*/

.woocommerce-cart .woocommerce-cart-form {
	position: relative;
}

.woocommerce-cart .woocommerce-cart-form:before {
	content: '';
	display: block;
	background: #fef4de;
	position: absolute;
	top: -200px;
	right: 0;
	bottom: -50vh;
	width: 100vw;
	z-index: -1;
}

/*.woocommerce-cart .container-xl { max-width: 100%; padding: 0; }*/

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
	width: 60px;
	border-radius: 50%;
}

#add_payment_method table.cart .product-thumbnail,
.woocommerce-cart table.cart .product-thumbnail,
.woocommerce-checkout table.cart .product-thumbnail {
	min-width: 75px;
}

#add_payment_method table.cart .product-name,
.woocommerce-cart table.cart .product-name {
	width: 100%;
}

.woocommerce-cart table.cart .product-name a {
	text-decoration: none;
	font-weight: 700;
	color: #1a3582;
}

.woocommerce-cart table.cart .product-quantity input {
	border: 0;
}

.woocommerce-cart table.shop_table thead {
	display: none;
}

.woocommerce-cart-form table.shop_table th,
.woocommerce-cart-form table.shop_table td {
	padding: 10px 15px;
}

.woocommerce-cart-form table.shop_table td:first-child {
	padding-left: 0;
}

.woocommerce-cart-form table.shop_table td:last-child {
	padding-right: 0;
}

/*.woocommerce-cart-form table.shop_table tr:first-child td { border-top-color: #000; }
.woocommerce-cart-form table.shop_table tr:last-child td { border-color: #000; }*/

.woocommerce-cart table.cart td.actions .coupon .input-text {
	border: 0;
	border-radius: 20px;
}

.woocommerce-cart table.cart td.actions button {
	border-radius: 20px;
}

.woocommerce table.shop_table {
	border: 0;
}

.woocommerce .cart_totals h2 {
	font-size: 1.5rem;
	padding-top: 12px;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
	width: 100%;
}

.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
	padding-top: 25px;
}

/* .woocommerce-checkout .woocommerce { max-width: 700px; margin-left: auto; margin-right: auto; } */
.woocommerce-checkout .woocommerce .woocommerce-checkout-payment button.alt {
	width: 100%;
}

.woocommerce-checkout .woocommerce .payment-choices-title {
	padding: 10px 10px 0 10px;
	margin-bottom: 0;
}

.woocommerce-checkout .woocommerce .payment-choices-note {
	padding: 10px 10px 1px;
	font-size: 14px;
}

.woocommerce-checkout .woocommerce .payment_box.payment_method_stripe .form-row {
	padding: 0 !important;
}

#order_review {
	background: #fef4de;
	border-radius: 10px;
	padding: 15px;
}

@media (max-width: 991px) {
	.woocommerce-checkout .row {
		display: flex;
		flex-direction: column;
	}
	.woocommerce-checkout .row > .col-lg-4 {
		order: -1;
		margin-bottom: 20px;
	}
}

#order_review .cart_item .product-total .subscription-details {
	display: none;
}

#order_review .recurring-totals,
.recurring-total {
	display: none;
}

.wcsatt-options-wrapper {
	display: flex;
	width: 100%;
	background: #fef4de;
	padding: 15px;
	margin-bottom: 1rem;
	border-radius: 10px;
}

.wcsatt-options-wrapper>div {
	width: 50%;
	margin-bottom: 0;
}

.wcsatt-options-wrapper ul {
	padding: 0;
	margin-bottom: 0;
}

.wcsatt-options-wrapper .wcsatt-options-product-dropdown-label {
	margin-bottom: 0;
}

.wcsatt-options-wrapper select {
	margin-bottom: 0;
}

.woocommerce .woocommerce-cart-form table.shop_table_responsive tr.cart_item .product-subtotal {
	white-space: nowrap;
}

.woocommerce .recurring-totals th,
.woocommerce .cart-collaterals .cart_totals .recurring-totals th {
	border-top: 0 !important;
	padding-top: 20px !important;
	font-size: 20px;
	padding-bottom: 10px;
	font-family: 'BR Cobane', Georgia, Times, serif;
}

/*.enr-cart_level-subscribe-now-wrapper { display: block; background: #ffda1a; padding: 20px 10px 1px; position: relative; margin-bottom: 1.5rem; border-radius: 10px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); font-family: 'BR Cobane', Georgia, Times, serif;  } */
.enr-subscribe-now-head {
	padding: 0 15px;
	font-size: 17px;
}

.enr-subscribe-now-head .badge {
	display: flex;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
	font-family: 'Pulpo' !important;
	background-image: url(../images/layout/bg-badge-sale.png);
	background-size: cover;
	background-position: center;
	font-size: 12px;
	font-weight: 400;
	position: absolute;
	padding: 10px;
	bottom: -15px;
	right: -15px;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	text-align: center;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

.enr-subscribe-now-head .badge span {
	display: block;
	font-size: 30px;
	padding: 0 0 3px;
	width: 100%;
}

.enr-subscribe-now-head ul {
	padding: 10px 0 0
}

.enr-subscribe-now-head ul li {
	list-style: none;
	padding: 3px 0 3px 30px;
	position: relative;
}

.enr-subscribe-now-head ul li:before {
	font-size: 22px;
	display: block;
	content: "\f00c";
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	top: 4px;
	left: 0;
}

/*.enr-cart_level-subscribe-now-wrapper:before { content: 'Spôsob nákupu'; font-size: 1.3rem; display: block; padding: 0 15px; font-weight: 900; font-family: 'BR Cobane', Georgia, Times, serif; }*/
.enr-cart_level-subscribe-now-wrapper td {
	padding-left: 0;
	padding-right: 2px;
	padding-bottom: 0 !important;
}

.enr-cart_level-subscribe-now-wrapper .enr-subscribe-now-handle-row p:nth-child(2) {
	position: absolute;
	left: -9999px;
}

.enr-cart_level-subscribe-now-wrapper .enr-subscribe-now-handle-row p:nth-child(3) {
	display: none !important;
}

.enr-cart_level-subscribe-now-wrapper .enr-subscribe-now-handle-row td {
	padding-top: 3px !important;
}

.enr-cart_level-subscribe-now-wrapper .enr-subscribe-now-handle-row .form-switch {
	padding-right: 70px;
	display: flex;
}

.enr-cart_level-subscribe-now-wrapper .enr-subscribe-now-handle-row td {
	padding: 0 !important;
}

.enr-cart_level-subscribe-now-wrapper .enr-subscribe-now-handle-row .lh-1 {
	margin-left: 10px;
}

.form-switch.form-switch-lg {
	margin-bottom: 0.5rem;
	padding-top: 6px;
}

.form-switch.form-switch-lg .form-check-input {
	height: 2rem;
	margin-top: -3px !important;
	margin-right: 10px !important;
	width: calc(3rem + 0.75rem);
	border-radius: 4rem;
}

.wcsatt-add-to-subscription-wrapper {
	width: 100%;
	background: #ffda1a;
	padding: 15px;
	margin-top: 20px;
	border-radius: 10px;
}

.wcsatt-add-to-subscription-wrapper:before {
	display: none;
}

.woocommerce div.product form.cart .wcsatt-add-to-subscription-wrapper .button {
	font-size: 16px !important;
	padding: 12px 25px !important;
	width: 100% !important;
	float: none;
}

.woocommerce div.product form.cart .wcsatt-add-to-subscription-wrapper table {
	margin-bottom: 0;
}

.woocommerce div.product form.cart .wcsatt-add-to-subscription-wrapper table tr:first-child td:first-child {
	border-top: 0;
	padding-top: 0;
}

.woocommerce div.product form.cart .woocommerce-orders-table__cell-subscription-actions {
	border-top: 0;
	padding-left: 0;
	padding-right: 0;
}

.woocommerce-thankyou-order-details {
	padding: 14px 10px 8px;
	margin-bottom: 1.5rem !important;
	border-radius: 10px;
	background: #fef4de;
	display: flex;
	flex-wrap: wrap;
}

.woocommerce-thankyou-order-details li {
	padding: 8px 10px !important;
	margin: 0 !important;
	width: 50%;
	border: 0 !important;
}

.woocommerce-order-received .woocommerce-orders-table--subscriptions,
.woocommerce-order-received .woocommerce-table--order-details {
	border: 1px solid #eee !important;
	margin: 0 0 1.5rem !important;
}

.woocommerce-order-received .woocommerce-orders-table--subscriptions {
	margin-top: 1rem !important;
}

.woocommerce-order-received .woocommerce-notice--success {
	padding: 15px 20px;
	border-radius: 10px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	background: #a3c600;
}

.free-shipping-box {
	color: #fff;
	background: #d63b3b;
	padding: 10px 15px;
	text-align: center;
	border-radius: 10px;
	margin-bottom: 1rem;
	position: relative;
	overflow: hidden;
}

.free-shipping-box.shipping-success {
	background: #4ab866;
}

.free-shipping-box>span {
	display: block;
}

.free-shipping-box .progress {
	position: absolute;
	height: 6px;
	top: 0;
	left: 0;
	right: 0;
	border-radius: 0;
	background: rgba(255, 255, 255, 0.5);
}

.free-shipping-box .progress>div {
	background: #9b1616;
}

/* attachments
---------------------------------------- */
.attachments {
	padding-top: 10px;
}

.attachments li {
	padding-bottom: 10px;
	position: relative;
	padding-left: 35px !important;
}

.attachments li:before {
	display: none !important;
}

.attachments li i {
	position: absolute;
	top: -2px;
	left: 0;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

.attachments li a {
	color: #1a3582;
	text-decoration: none;
}

.attachments li a:hover {
	text-decoration: underline;
	color: #cb2a2a;
}

.attachments li a:hover i {}

.attachments li .btn {
	margin-left: 10px;
}

.accordion {
	border-top: 1px solid #ddd;
}

.accordion-item .accordion-button {
	font-size: 18px;
	padding: 1.25rem 0.85rem;
	font-weight: 600;
	color: #1a3582;
	background: transparent;
	outline: none !important;
	box-shadow: none !important;
	font-family: 'BR Cobane', Georgia, Times, serif;
}

.accordion-item .accordion-button:not(.collapsed) {
	background: transparent;
}

.accordion-item {
	border: 0 !important;
	border-bottom: 1px solid #ddd !important;
	border-radius: 0 !important;
	margin-bottom: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.accordion-item .accordion-body {
	padding-top: 0;
	padding-bottom: 5px;
	padding-left: 0.85rem;
	padding-right: 0.85rem;
}

.accordion-item .accordion-header-icon {
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	margin: -6px 15px -2px 0;
}

.accordion-item .accordion-header-icon img {
	width: auto;
	max-height: 100%;
}

/* product detail
---------------------------------------- */
.tabs.wc-tabs {
	display: none;
}

.product-content-head {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.product-content-head-right {
	position: sticky;
	top: 110px;
}

.woocommerce div.product div.summary {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 50%;
}

.woocommerce .product-detail-content {
	width: 100%;
	padding-right: 50%;
}

.product-detail-meta {
	font-weight: 700;
	padding-bottom: 1rem;
}

.woocommerce .product-type-variable .product-right-item {
	padding-bottom: 0;
}

.woocommerce .product-right-item,
.single_variation_wrap {
	position: relative;
	padding-bottom: 50px;
}

.woocommerce p.stock,
.woocommerce-variation-availability {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
}

.product-content-delivery {
	font-size: 14px;
	padding-left: 25px;
	padding-top: 5px;
	position: relative;
}

.product-content-delivery i {
	font-size: 16px;
	position: absolute;
	top: 7px;
	left: 0;
}

.outofstock .product-content-delivery {
	display: none !important;
}

/* comments
---------------------------------------- */
/*.woocommerce-Reviews { display: flex; flex-wrap: wrap; }
.woocommerce-Reviews #comments { width: 50%; }
.woocommerce-Reviews #review_form_wrapper { width: 50%; padding-left: 40px; }
.woocommerce-Reviews #review_form { position: sticky; top: 110px; }
.commentlist { margin: 0 0 2rem; padding: 1rem 0; }
.woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0; border-color: #eee; }
.comment-reply-title { font-size: 1.4rem; font-weight: 600; padding-bottom: 1rem; display: block; font-family: 'BR Cobane', Georgia, Times, serif; }
.woocommerce #review_form #respond .comment-notes { font-size: 14px; font-weight: 600; line-height: 1.3em; margin-bottom: 1rem; }

.woocommerce #review_form input:not(input[type="checkbox"]):not(input[type="submit"]),
.woocommerce #review_form textarea { width: 100%; border: 1px solid #ddd; border-radius: 5px; padding: 5px 10px; font-size: 14px; }
.woocommerce #review_form .comment-form-cookies-consent { padding-left: 20px; position: relative; }
.woocommerce #review_form .comment-form-cookies-consent label { font-size: 13px; line-height: 1.3em; }
.woocommerce #review_form input[type="checkbox"] { position: absolute; top: 3px; left: 0; }*/
.required {
	color: #ff0000;
}

/* messages
---------------------------------------- */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
	border-radius: 10px;
	border-top: 0;
}

.woocommerce-info a,
.woocommerce-message a {
	color: #1a3582;
}

.woocommerce-checkout .product-remove {
	display: none;
}

.woocommerce-message:not(.no_subscriptions) {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 50;
	max-width: 300px;
	margin: 0;
	background: #fff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/*.woocommerce .woocommerce-message { padding-bottom: 55px; }*/
.woocommerce .woocommerce-message:not(.no_subscriptions) {
	display: flex;
	flex-wrap: wrap;
}

.woocommerce .woocommerce-message:not(.no_subscriptions) .button {
	text-align: center;
	margin-top: 5px;
	order: 2;
}

.woocommerce .woocommerce-message:not(.no_subscriptions) a {
	margin-top: 3px;
}

/* animated
---------------------------------------- */
.animated {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes bounce {

	0%,
	100%,
	20%,
	53%,
	80% {
		-webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
		animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
		animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

@keyframes bounce {

	0%,
	100%,
	20%,
	53%,
	80% {
		-webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
		animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
		animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes flash {

	0%,
	100%,
	50% {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

@keyframes flash {

	0%,
	100%,
	50% {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

@-webkit-keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}

@-webkit-keyframes shake {

	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

@keyframes shake {

	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}

	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}

	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}

@-webkit-keyframes wobble {
	0% {
		-webkit-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes wobble {
	0% {
		-webkit-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}

@-webkit-keyframes jello {

	0%,
	100%,
	11.1% {
		-webkit-transform: none;
		transform: none
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}

	77.7% {
		-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
		transform: skewX(0.390625deg) skewY(0.390625deg)
	}

	88.8% {
		-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}
}

@keyframes jello {

	0%,
	100%,
	11.1% {
		-webkit-transform: none;
		transform: none
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}

	77.7% {
		-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
		transform: skewX(0.390625deg) skewY(0.390625deg)
	}

	88.8% {
		-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}
}

.jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center
}

@-webkit-keyframes bounceIn {

	0%,
	100%,
	20%,
	40%,
	60%,
	80% {
		-webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes bounceIn {

	0%,
	100%,
	20%,
	40%,
	60%,
	80% {
		-webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInDown {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInLeft {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInRight {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes bounceInUp {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1
	}

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

@keyframes fadeOutDown {
	0% {
		opacity: 1
	}

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

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

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

@keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

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

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1
	}

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

@keyframes fadeOutRight {
	0% {
		opacity: 1
	}

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

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1
	}

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

@keyframes fadeOutUp {
	0% {
		opacity: 1
	}

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

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

@keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}
}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0
	}
}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0
	}
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
	0% {
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

@keyframes lightSpeedOut {
	0% {
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0
	}
}

@keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

@keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,
	80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

@keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,
	80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge
}

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}

@-webkit-keyframes rollOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}
}

@keyframes rollOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	100% {
		opacity: 0
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	100% {
		opacity: 0
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes slideOutDown {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes slideOutLeft {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes slideOutRight {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes slideOutUp {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}

/* buttons
---------------------------------------- */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt,
.btn,
.woocommerce .form-submit input,
header .navbar-minicart-content .woocommerce-mini-cart__buttons a,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .button {
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 700;
	padding: 12px 25px;
	text-align: center;
	white-space: normal;
	border-radius: 35px !important;
	text-decoration: none !important;
	font-family: 'BR Cobane', Helvetica, Arial, sans-serif;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.woocommerce .button.checkout-button,
.woocommerce div.product form.cart .button,
.woocommerce .button#place_order,
.btn.btn-lg {
	font-size: 18px !important;
	padding: 16px 35px !important;
	border-radius: 40px !important;
}

.btn.btn-xs {
	font-size: 13px;
	padding: 6px 13px;
}

.btn.btn-sm {
	font-size: 14px;
	padding: 8px 18px;
}

.btn.btn-xs i {
	font-size: 15px;
}

.btn.btn-lg i {
	font-size: 16px;
	margin-left: 5px;
}

.btn i {
	font-size: 14px;
	margin: -3px 0 0 5px;
	vertical-align: middle;
	position: relative;
	right: 0;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-ms-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
}

.btn:hover i {
	right: -5px;
}

.btn.btn-lg:hover i {
	right: -10px;
}

.btn i.fixicon {
	right: auto !important
}

.btn i.hl {
	left: 0
}

.btn:hover i.hl {
	left: -5px;
}

.btn-primary,
.btn-primary[disabled],
.btn-primary:focus,
.btn-primary:active {
	color: #fff;
	border: 0;
	box-shadow: none !important;
	position: relative;
	z-index: 5;
	background: #1A3582;
	position: relative;
	overflow: hidden;
}

.btn-primary:hover {
	color: #fff;
	background: #142a68;
}

.btn-primary:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #1a3582;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	transition: transform .5s cubic-bezier(.7, 0, .3, 1);
	-webkit-transition: transform .5s cubic-bezier(.7, 0, .3, 1);
	-moz-transition: transform .5s cubic-bezier(.7, 0, .3, 1);
	transform-origin: right center;
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	z-index: -1;
	border-radius: 50px;
}

.btn-primary:hover:before {
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	transform-origin: left center;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
}

.btn-secondary,
.btn-secondary:focus,
.btn-secondary:active {
	color: #fff;
	border: 0;
	box-shadow: none !important;
	position: relative;
	z-index: 5;
	background-size: 220% 100%;
	background-image: rgb(255, 178, 0);
	background-image: -moz-linear-gradient(to right, #003F76, #FFDA1A, #003F76);
	background-image: -webkit-linear-gradient(to right, #003F76, #FFDA1A, #003F76);
	background-image: linear-gradient(to right, #003F76, #FFDA1A, #003F76);
	moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.btn-secondary:hover {
	color: #fff !important;
	background-position: 110% 0;
	moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.btn-green,
.btn-green[disabled],
.btn-green:focus,
.btn-green:active {
	color: #fff;
	border: 0;
	box-shadow: none !important;
	position: relative;
	z-index: 5;
	background: #64bf4b;
	position: relative;
	overflow: hidden;
}

.btn-green:hover {
	color: #fff;
	background: #64bf4b;
}

.btn-green:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #1a3582;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	transition: transform .5s cubic-bezier(.7, 0, .3, 1);
	-webkit-transition: transform .5s cubic-bezier(.7, 0, .3, 1);
	-moz-transition: transform .5s cubic-bezier(.7, 0, .3, 1);
	transform-origin: right center;
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	z-index: -1;
	border-radius: 50px;
}

.btn-green:hover:before {
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	transform-origin: left center;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
}

.btn-close {
	background-size: 1.7em;
}

.modal-header .btn-close {
	padding: 1rem 1rem;
}

/*.btn-secondary,
.btn-secondary:focus,
.btn-secondary:active { color: #fff; background: #FFDA1A !important; border: 0; box-shadow: none !important; position: relative; z-index: 5; }
.btn-secondary:hover { color: #fff !important; background: #ffc641 !important; }*/

.btn-outline-primary,
.btn-outline-primary:focus,
.btn-outline-primary:active {
	border: 0;
	color: #593110;
	box-shadow: inset 0 0 0 2px #f2d3a0;
	position: relative;
	z-index: 5;
}

.btn-outline-primary:hover {
	color: #593110 !important;
	background: #f2d3a0 !important;
}

.woocommerce .form-submit input,
li.product .add_to_cart_button,
li.product .add_to_cart_button:focus,
header .navbar-minicart-content .woocommerce-mini-cart__buttons a,
.btn-dark,
.btn-dark:focus,
.btn-dark:active {
	color: #fff !important;
	border: 0;
	box-shadow: none !important;
	position: relative;
	z-index: 5;
	background: #1a3582;
	position: relative;
	overflow: hidden;
}

li.product .add_to_cart_button:hover,
.woocommerce .form-submit input:hover,
header .navbar-minicart-content .woocommerce-mini-cart__buttons a:hover,
.btn-dark:hover {
	color: #fff !important;
	background: #1a3582 !important;
}

.woocommerce .form-submit input:before,
li.product .add_to_cart_button:before,
header .navbar-minicart-content .woocommerce-mini-cart__buttons a:before,
.btn-dark:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	transition: transform .5s cubic-bezier(.7, 0, .3, 1);
	-webkit-transition: transform .5s cubic-bezier(.7, 0, .3, 1);
	-moz-transition: transform .5s cubic-bezier(.7, 0, .3, 1);
	transform-origin: right center;
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	z-index: -1;
	border-radius: 50px;
}

li.product .add_to_cart_button:before {
	border-radius: 30px;
}

.woocommerce .form-submit input:hover:before,
li.product .add_to_cart_button:hover:before,
header .navbar-minicart-content .woocommerce-mini-cart__buttons a:hover:before,
.btn-dark:hover:before {
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	transform-origin: left center;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
}

.btn-outline-dark,
.btn-outline-dark:focus,
.btn-outline-dark:active {
	border: 0;
	color: #1a3582;
	box-shadow: inset 0 0 0 2px #003F76;
	position: relative;
	z-index: 5;
}

.btn-outline-dark:hover {
	color: #fff !important;
	background: #003F76 !important;
}

.btn-light,
.btn-light:focus,
.btn-light:active {
	color: #593110;
	background: #fff !important;
	border: 0;
	box-shadow: none !important;
	position: relative;
	z-index: 5;
}

.btn-light:hover {
	color: #593110 !important;
	background: #f2d3a0 !important;
}

.btn-link {
	color: #593110;
	padding: 0;
}

.btn-link:hover {
	color: #593110;
	text-decoration: underline !important;
}

.btn-success:hover {
	color: #fff !important;
}

/* forms
---------------------------------------- */
.form-group {
	margin-bottom: 1rem;
}

.form-group label {
	display: block;
	margin-bottom: 5px;
}

.acf-input input {
	width: 100%;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.acf-input input,
.form-control {
	font-size: 15px;
	color: #1a3582;
	padding: 8px 10px;
	height: 40px;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 12px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.form-select {
	font-size: 15px;
	color: #1a3582;
	padding: 8px 15px;
	height: 40px;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 12px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.woocommerce form .form-row textarea,
textarea.form-control {
	height: auto;
	padding: 12px 10px;
}

.acf-input input:focus,
.form-control:focus {
	background: #fff;
	color: #1a3582;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) !important;
	box-shadow: none;
}

.form-select:focus {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1) !important;
}

.form-check-input {
	margin-top: 3px;
}

.woocommerce form .form-row {
	padding-left: 0;
}

form p {
	margin-bottom: 5px;
}

form .wpcf7-list-item {
	margin-left: 0;
}

.select2-container--default .select2-selection--single {
	border-color: #ddd;
	border-radius: 20px;
	height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 38px;
	padding: 0 10px;
	font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 38px;
}

.select2-dropdown {
	border-color: #ddd;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background: #000;
}

label.error {
	font-weight: 400;
	display: block;
	padding: 5px 0 0;
	color: #ff0000;
}

.form-group.has-error .form-check-input,
.form-group.has-error .form-control,
.form-group.has-error .form-select {
	border-color: #ff0000 !important;
}

.form-group.has-error .form-check-input:focus,
.form-group.has-error .form-control:focus,
.form-group.has-error .form-select:focus {
	box-shadow: 0 0 0 3px #fcd2d2 !important;
}

.form-check.has-error {
	padding-bottom: 25px;
	position: relative;
}

.form-check.has-error label.error {
	position: absolute;
	bottom: 0;
	left: 22px;
}

.form-check .form-check-label {
	font-size: 13px;
	font-weight: 400;
	cursor: pointer;
}

.form-check .form-check-label strong {
	font-weight: 600;
}

.form-group .wpcf7-not-valid-tip {
	font-size: 13px;
	font-weight: 700;
	padding-top: 5px;
}

.wpcf7 form .wpcf7-response-output {
	padding: 1rem !important;
	margin: 0 0 2rem !important;
	border-radius: 10px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	color: #fff !important;
	border-color: #ff0000 !important;
	background: #ff0000 !important;
}

.wpcf7 form.sent .wpcf7-response-output {
	color: #fff !important;
	border-color: #28a745 !important;
	background: #28a745 !important;
}

.req {
	color: #ff0000;
}

/* modal
---------------------------------------- */
.modal-header {
	border: 0;
}

.modal-content {
	padding: 15px;
	overflow: auto;
}

.icon-item {
	width: 20%;
}

.modal.show .modal-dialog {
	overflow: hidden;
	border-radius: 20px;
}

/* results page quiz
---------------------------------------- */
.green-color {
	color: #64bf4b;
}

.blue-text {
	color: #1a3582;
}

.black-text {
	color: #2b2c2c;
}

.woocommerce-checkout .black-text {
	color: #1a3582;
}

.black-light-text {
	color: #4e4f4f;
}

.color-red {
	color: #ff475d;
}

.blue-light-bg {
	background-color: #E4F6FF !important;
}

.fw-500 {
	font-weight: 500;
}

.bg-img-none {
	background-image: none;
}

.btn-green {
	background-color: #64bf4b;
	border-color: #64bf4b;
}

.btn-hover-blue {
	transition: all ease 0.3s;
}

.btn-hover-blue:hover {
	background-color: #e6e6e6 !important;
	transition: all ease 0.3s;
}

.custom-img {
	width: 80%
}

.circle {
	width: 24px;
	height: 24px;
	background-color: #00bffa;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center
}

.checkmark {
	fill: none;
	stroke: white;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	width: 20px;
	height: 20px
}

.gray-bg-form {
	background-color: #f7f7f7 !important;
	border-radius: 16px;
	border: 1px solid #4e4f4f;
}

.header-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #5784AB;
	border-radius: 50%;
}

.header-icon svg path {
	stroke: #5784AB;
}

.header-icos-wrapper {
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	padding: 15px 0;
}

.header-icos-wrapper svg {
	fill: #5784AB;
}

/* woocommerce checkout page form
---------------------------------------- */

.woocommerce form .form-row label {
	color: #2b2c2c;
}

.woocommerce form .form-row input.input-text {
	color: #2b2c2c;
	border-radius: 12px;
}

#order_review .shop_table .product-name {
	padding-left: 0;
}

#order_review .shop_table .product-name,
.product-total {
	color: #2b2c2c;
}

#order_review .shop_table .product-total {
	font-weight: 900;
}

.woocommerce-additional-fields .acf-fields {
	color: #2b2c2c;
}

.woocommerce-additional-fields .acf-input-wrap input {
	color: #2b2c2c;
}

.woocommerce-checkout .payment-choices-title {
	color: #2b2c2c;
}

.woocommerce-checkout .payment-choices-note {
	color: #2b2c2c;
}

.woocommerce-checkout .woocommerce-privacy-policy-text {
	color: #2b2c2c;
}

#order_review .woocommerce-shipping-totals {
	color: #2b2c2c;
}

#order_review .recurring-total,
.recurring-totals {
	color: #2b2c2c;
}

#order_review .fee {
	color: #2b2c2c;
}

.woocommerce-checkout-review-order .recurring-total strong .woocommerce-Price-amount {
	font-size: 2.4rem;
	color: #1a3582;
}

.checkout-mobile-header {
	display: none;
}

.woocommerce-checkout .checkout-mobile-header {
	display: none !important;
}

@media (max-width: 575px) {
	.woocommerce-checkout .content {
		padding-top: 0 !important;
	}
}

@media (max-width: 991px) {
	.checkout-mobile-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1030;
		background: #e9f1ff;
		padding: 10px 16px;
	}

	.checkout-mobile-back {
		color: #1a3582;
		font-size: 20px;
		text-decoration: none;
		width: 40px;
		display: flex;
		align-items: center;
	}

	.checkout-mobile-back:hover {
		color: #1a3582;
	}

	.checkout-mobile-logo img {
		height: 36px;
		width: auto;
	}

	.checkout-mobile-cart {
		color: #1a3582;
		font-size: 20px;
		text-decoration: none;
		position: relative;
		width: 40px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.checkout-mobile-cart:hover {
		color: #1a3582;
	}

	.checkout-mobile-cart .badge {
		position: absolute;
		top: -6px;
		right: -6px;
		font-size: 10px;
		min-width: 18px;
		height: 18px;
		line-height: 18px;
		padding: 0 4px;
		border-radius: 50%;
	}

	.woocommerce-checkout .navbar-header,
	.woocommerce-cart .navbar-header {
		display: none;
	}

	body.woocommerce-checkout,
	body.woocommerce-cart {
		padding-top: 56px;
	}
}

.woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper {
	margin-bottom: 15px;
}

/* -------------------*
 *         IE         *
 *------------------- */
.clearfix {
	zoom: 1\9;
}

/* -------------------*
 *     RESPONSIVE     *
 *------------------- */
@media (max-width: 991px) {
	.text-lg-nowrap {
		white-space: normal !important;
	}
}

@media (max-width: 768px) {
	.smaller-img {
		width: 80%;
	}
}

@media all and (min-width:1400px) {
	.section-c2a-box {
		background-size: 80% auto;
	}
}

@media all and (max-width:1399px) {
	.big-h1 {
		font-size: 4.0rem;
	}

	.cart-page .cart-page-sidebar .cart-products .cart-product-price {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		padding-top: 5px;
	}

	.cart-page .cart-page-sidebar .cart-products .cart-product-price .price-sum {
		padding-right: 10px;
	}

	.cart-page .cart-page-sidebar .cart-products .cart-product-price small {
		margin-left: auto;
	}

	.headline-bg h1 {
		font-size: 120px;
	}

	.section-c2a-box {
		padding: 20px 0;
		background-size: auto 100%;
		background-position: calc(50% + 15vw) center;
	}

	.section-why-sanazia {
		background-size: 65% auto;
	}

	.reviews {
		padding-bottom: 70px;
	}

	.reviews .slick-arrow {
		top: auto;
		bottom: 0;
	}

	.reviews .slick-prev {
		left: 50%;
		margin-left: -30px;
	}

	.reviews .slick-next {
		right: auto;
		left: 50%;
		margin-left: 30px;
	}
}

@media all and (min-width:1200px) {

	.woocommerce .with-sidebar ul.products.columns-4 li.product,
	.woocommerce-page .with-sidebar ul.products.columns-4 li.product {
		width: 33.3333% !important;
	}
}

/* Related products: 4 columns on desktop */
@media (min-width: 992px) {
	.related.products ul.products li.product {
		width: 25% !important;
		padding: 0 12px 24px !important;
	}
}

@media all and (max-width:1199px) {

	.container,
	.container-fluid,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		padding-left: 20px;
		padding-right: 20px;
	}

	.big-h1 {
		font-size: 3.6rem;
	}

	h1,
	.h1 {
		font-size: 2.8rem;
	}

	.headline-bg h1 {
		font-size: 100px;
	}

	.navbar-right {
		display: flex;
		align-items: center;
		padding-left: 0;
	}

	.main:before {
		width: 70vw !important;
		height: 70vw !important;
	}

	.main:after {
		width: 60vw !important;
		height: 120vw !important;
	}

	header .navbar-navigation {
		order: 4;
		width: 290px;
		background: #fff;
		position: fixed;
		z-index: 51;
		top: 0;
		right: -290px;
		bottom: 0;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}

	.show-navigation {
		overflow: hidden;
	}

	.show-navigation header:after {
		content: '';
		display: block;
		position: fixed;
		z-index: 49;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.4);
	}

	.show-navigation header .navbar-navigation {
		right: 0;
		z-index: 50;
	}

	.show-navigation .navbar-toggler {
		position: fixed;
		top: 5px;
		right: 5px;
		z-index: 52;
		margin: 0;
	}

	header.navbar-header {
		padding: 10px 0;
	}

	.show-search header.navbar-header {
		padding-bottom: 0;
	}

	header .navbar-toggler {
		width: 40px;
		height: 40px;
		margin: -5px 0;
	}

	header .navbar-toggler .navbar-toggler-text {
		display: none;
	}

	header .navbar-toggler .burger span {
		background: #000;
	}

	header .navbar-icons {
		padding-right: 10px;
	}

	header .navbar-panel>.container-xl {
		display: block;
		padding: 0;
	}

	header .navbar-panel .nav {
		display: block;
	}

	header .nav-menu {
		padding: 50px 0 0;
	}

	header .nav-menu>li {
		margin: 0;
		position: relative;
	}

	header .nav-menu>li>a {
		font-size: 15px;
		padding: 8px 20px;
		position: relative;
		z-index: 1;
	}

	header .nav-menu>li>a:before {
		display: none;
	}

	header .nav-submenu {
		display: none !important;
		box-shadow: none;
		position: static;
		top: auto;
		left: auto;
		border: 0;
		padding: 10px 20px;
		background: transparent;
	}

	header .nav-menu li.open {
		background: #fef4de;
	}

	header .nav-menu li.open>.nav-submenu {
		display: block !important;
	}

	header .nav-menu li.open .nav-menu-more {
		border-color: #f8e9d1;
		background: #f8e9d1;
	}

	header .nav-menu li.open .nav-menu-more i:before {
		content: '\f068';
	}

	header .nav-submenu .container-xl {
		padding: 0;
	}

	header .nav-others {
		padding: 10px 0 0;
		border-top: 1px solid #fbf2e3;
	}

	header .nav-others li {
		padding-left: 0;
		padding-bottom: 3px;
	}

	header .nav-others i {
		font-size: 18px;
	}

	header .nav-submenu-product-item {
		padding: 12px 0 12px 50px;
		position: relative;
		margin-bottom: 8px;
	}

	header .nav-submenu-product-item-image {
		width: 40px;
		height: 40px;
		padding: 5px;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		border-radius: 50%;
		background: #fff;
	}

	header .nav-submenu-product-item-image img {
		max-height: 100%;
		width: auto;
	}

	header .nav-submenu-product-item-title {
		text-align: left;
	}

	header .nav-menu>li.menu-item-has-children {
		padding-right: 12px;
	}

	header .nav-menu>li.menu-item-has-children>a:after {
		font-size: 18px;
		content: "\f105";
		position: absolute;
		top: 10px;
		right: 0;
		font-family: 'Font Awesome 6 Pro' !important;
		font-weight: 400;
		font-style: normal;
		font-variant: normal;
		line-height: 1;
		text-rendering: auto;
		display: inline-block;
		text-transform: none;
		speak: none;
		-webkit-font-smoothing: antialiased;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}

	header .nav-menu>li.menu-item-has-children.open>a:after {
		transform: rotate(90deg);
	}

	.home-banners .home-banner-item {
		padding: 0 40px;
		min-height: 500px;
		background-size: 125% auto;
	}

	header .navbar-notice {
		margin: -10px 0 10px;
	}

	.categories li {
		width: 33.3333%;
	}

	.product-detail-variations .product-variation .product-variation-item div {
		padding: 8px 10px;
	}

	.steps {
		margin: 0 -20px;
	}

	.steps>div {
		min-width: 300px;
	}

	.steps>div:after {
		width: 120px;
	}

	.woocommerce ul.products.columns-4 li.product,
	.woocommerce-page ul.products.columns-4 li.product {
		width: 33.3333% !important;
	}

	.section-home-info {
		background-size: auto 500px;
		min-height: 550px;
		background-repeat: no-repeat;
		background-position: calc(50% + 700px) bottom;
	}

	.section-home-info p {
		margin-bottom: 0;
		padding-right: 20px;
	}

	.boxes-small .box .box-img-single,
	.boxes-small .box .box-img-gallery {
		min-height: 400px;
		transform: translateY(-50%);
	}

	.boxes-small .box:not(.box-footer) .container>.row {
		min-height: 470px;
	}

	.box .box-content {
		padding: 60px 30px 60px 45px;
		max-width: 100%;
	}

	.box:nth-child(even) .box-content {
		padding-left: 30px;
		padding-right: 45px;
	}

	.js-slider-boxes .box .box-content {
		padding-bottom: 100px;
	}

	.boxes-nav-slider-wrap {
		padding: 0 50px;
	}

	.boxes-nav-slider {
		padding: 0 30px;
	}

	.boxes-small .box {
		padding-bottom: 20px;
	}

	footer .footer-pill {
		right: 20px;
	}

	.home footer .footer-pill {
		margin-top: -120px;
	}

	.footer-content-col-logo {
		text-align: center;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 10px;
	}

	.footer-content-col-logo img {
		width: 150px;
	}

	.footer-content-col-logo .socials {
		padding-left: 40px;
	}

}

@media all and (max-width:991px) {
	.big-h1 {
		font-size: 3.0rem;
	}

	h1,
	.h1 {
		font-size: 2.4rem;
	}

	h2,
	.h2 {
		font-size: 1.8rem;
	}

	h3,
	.h3 {
		font-size: 1.3rem;
	}

	h4,
	.h4 {
		font-size: 1.1rem;
	}

	.lead {
		font-size: 18px;
	}

	h1 .underline:after,
	.h1 .underline:after {
		height: 20px;
		bottom: -3px;
		left: 0;
		right: 0;
	}

	.headline-bg h1 {
		font-size: 70px;
	}

	.headline-bg {
		min-height: 200px;
		height: 30vh;
	}

	.section:first-child {
		padding-top: 20px;
	}

	.home-banners .home-banner-item {
		min-height: 400px;
		padding: 0 20px;
		background-position: top -50px center;
	}

	.home-banners .home-banner-item-image {
		max-width: 115%;
		width: 115%;
	}

	.home-banner-item-time {
		display: block;
		padding: 10px 0 0;
		font-size: 14px;
	}

	.home-banner-item-rating {
		display: block;
		font-size: 15px;
	}


	.section-steps:before,
	.section-steps:after {
		width: 200px;
		height: 200px;
	}

	.section-unique {
		text-align: center;
	}

	.section-unique .unique-images {
		margin-bottom: 70px;
	}

	ul.products li.product .product-image {
		height: 250px;
	}

	/*.woocommerce ul.products li.product .button,
	.woocommerce ul.products li.product .add_to_cart_button,
    .woocommerce ul.products li.product:hover .button,
	.woocommerce ul.products li.product:hover .add_to_cart_button { top: 200px; }*/

	.product-content-head-left {
		width: 100%;
	}

	.woocommerce #content div.product div.summary,
	.woocommerce div.product div.summary,
	.woocommerce-page #content div.product div.summary,
	.woocommerce-page div.product div.summary {
		width: 100%;
		padding-left: 0px;
	}

	.woocommerce div.product div.summary {
		position: static !important;
		top: inherit;
		right: inherit;
		bottom: inherit;
		width: 100%;
	}

	.woocommerce .product-detail-content {
		padding-right: 0;
	}

	.woocommerce div.product div.images .woocommerce-product-gallery__image a {
		height: 60vw;
		padding: 40px 15px
	}

	.woocommerce-cart .woocommerce .woocommerce-cart-form,
	.woocommerce-Reviews #comments {
		width: 100%;
	}

	.woocommerce-cart .woocommerce .cart-collaterals,
	.woocommerce-Reviews #review_form_wrapper {
		width: 100%;
	}

	.woocommerce-cart .woocommerce-cart-form:before,
	.woocommerce-cart .content:after {
		display: none;
	}

	.woocommerce-cart .textpage {
		padding: 0;
	}

	.woocommerce-checkout .navbar-header,
	.woocommerce-cart .navbar-header,
	.woocommerce-cart .woocommerce .woocommerce-cart-form {
		background: #e9f1ff;
	}

	.article-fullimage {
		margin: 0 -20px 20px;
	}

	.article-fullimage img {
		width: calc(100% + 40px);
	}

	.boxes-small .box .box-img {
		order: 1;
	}

	.boxes-small .box .box-img img {
		max-height: 400px;
	}

	.boxes-small .box .box-text {
		order: 2;
	}

	.boxes-small .box .box-img-single,
	.boxes-small .box .box-img-gallery {
		display: block;
		position: static;
		top: auto;
		left: auto;
		bottom: auto;
		right: auto;
		margin-top: 0;
		transform: none;
		min-height: 1px;
		height: auto;
	}

	.boxes-small .box .box-img-gallery .slick-list {
		margin-left: 15px;
		margin-right: 15px;
		border-radius: 10px;
	}

	.boxes-small .box .box-img-gallery .slick-prev {
		left: 30px;
	}

	.boxes-small .box .box-img-gallery .slick-next {
		right: 30px;
	}

	.boxes-small .box:nth-child(even) .box-content,
	.boxes-small .box .box-content {
		padding: 25px 0;
	}

	.boxes-small .box.box-footer {
		padding: 0 0 50px 0;
	}

	.boxes-small .box.box-footer hr {
		margin-top: 0;
	}

	.benefits .benefits-listing {
		display: block;
		overflow: visible;
		white-space: wrap;
		margin: 0;
		padding: 0 10px;
	}

	.benefits .row {
		display: block;
		padding-left: 30px;
	}

	.benefits .row>div {
		width: 100px !important;
		display: inline-block;
		padding: 0 0 0 0;
		margin-right: 10px;
		padding-top: 0;
	}

	.benefits .benefit-item {
		font-size: 13px;
		line-height: 1.3em;
	}

	/*
    .marquee-logos { height: auto; overflow: visible; }
	.js-marquee { width: 100% !important; flex-wrap: wrap; height: auto; justify-content: center; margin: 0 !important; }
	.js-marquee-wrapper { width: 100% !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; transform: none !important; -moz-animation: none !important; -webkit-animation: none !important; -ms-animation: none !important; animation: none !important; display: flex; flex-wrap: wrap; }
	.js-marquee .col-2 { width: 25%; padding: 15px 10px; }
	.js-marquee-wrapper .js-marquee:nth-child(2) { display: none; }

	.benefits .benefit-item { padding-left: 0; padding-top: 80px; padding-bottom: 15px; text-align: center; justify-content: center; white-space: pre-wrap; }
	.benefits .benefit-item span { font-size: 15px; }
	.benefits .benefit-item-icon { width: 70px; height: 70px; left: 50%; top: 0; transform: translateX(-50%); }
*/
	.box .box-img-circle span {
		width: 250px;
		height: 250px;
	}

	.box .box-img-circle {
		bottom: -100px;
		left: -150px;
	}

	.box:nth-child(even) .box-img-circle {
		left: auto;
		bottom: auto;
		right: -120px;
		top: -60px;
	}

	.woocommerce .button.checkout-button,
	.woocommerce div.product form.cart .button,
	.woocommerce .button#place_order,
	.btn.btn-lg {
		font-size: 17px !important;
		padding: 13px 30px !important;
		border-radius: 40px !important;
	}

	.woocommerce .cart_totals h2 {
		font-size: 1.3rem;
		padding-top: 0;
	}

	.u-columns.col2-set>div {
		width: 100% !important;
		padding: 0 15px;
	}

	.section-c2a-content {
		max-width: 50%;
	}

	.section-home-info {
		align-items: flex-start;
		background-size: auto 450px;
		min-height: 450px;
		background-repeat: no-repeat;
		background-position: calc(50% + 600px) bottom;
	}

	.section-home-info p {
		padding-right: 0;
	}

	.section.section-why-sanazia {
		padding-bottom: 48vw;
		background-size: 70vw auto;
		background-position: center bottom;
	}

	footer .footer-pill {
		width: 60px;
	}
}

@media all and (min-width:768px) {

	.woocommerce-checkout .navbar-search,
	.woocommerce-cart .navbar-search {
		display: none;
	}

	.footer-content .footer-content-col .collapse {
		display: block;
	}

	.home-banners .home-banner-item {
		background-image: none !important;
	}
}

@media all and (max-width:767px) {
	.section-c2a-box {
		background-position: 70%;
	}

	.navbar-right {
		padding-left: 10px;
	}

	header .navbar-minicart .navbar-minicart-content,
	header .navbar-minicart:hover .navbar-minicart-content {
		display: none !important;
	}

	/*header .navbar-search { display: none; }
    .show-search header .navbar-search { display: block !important; order: 4; width: 100%; flex: 0 0 100%; margin: 10px 0 0; }*/

	.headline-bg h1 {
		font-size: 50px;
	}

	.section.home-banners {
		padding-bottom: 0 !important;
	}

	.home-banners .home-banner-item {
		padding: 0;
		min-height: 1px;
		padding-top: 100px;
		background-size: cover;
		min-height: 130vw;
		background-position: center;
	}

	.home-banners .home-banner-item-img {
		padding-bottom: 30px;
	}

	.home-banners .home-banner-item-img img {
		width: 250px;
		display: inline-block;
	}

	.home-banners .home-banner-item>div {
		align-items: flex-start;
	}


	.home-banners .home-banner-item .home-banners-content-info {
		font-size: 15px;
		font-weight: 800;
		font-family: 'BR Cobane', Georgia, Times, serif;
	}

	.home-banners .home-banner-item {}

	.main:before {
		width: 80vw !important;
		height: 80vw !important;
		opacity: 0.2 !important;
	}

	.main:after {
		width: 60vw !important;
		height: 120vw !important;
		opacity: 0.1 !important;
	}

	.section.home-banners .home-banner-item-image {
		width: 140%;
		max-width: 140%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}

	.section.home-banners .home-banner-item:before {
		display: none;
		right: auto;
		width: 150%;
	}

	.section.home-banners .home-banner-item:after {
		left: 0;
		width: 100%;
	}

	.home-banners .home-banner-item {
		position: static;
		top: auto;
		left: auto;
		right: auto;
		transform: none;
	}

	.section {
		padding: 40px 0;
		position: relative;
	}

	.section.section-divider .container-xl {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.section:last-child {
		padding-bottom: 50px;
	}

	.section .section-head {
		padding-bottom: 20px;
	}

	.product-banner-wrap .product-banner {
		height: 300px;
	}

	.benefits .benefits-listing {
		margin: 0;
	}

	.section-promo {
		background-position: center calc(100% - 250px);
		background-size: 400px auto;
	}

	.promo>div {
		padding-top: 0;
		padding-bottom: 0;
	}

	.promo .promo-item {
		padding: 10px 0;
		border-left: 0;
		display: flex;
	}

	.promo .promo-item .promo-item-head {
		width: 27%;
		text-align: left;
		padding-right: 30px;
	}

	.promo .promo-item .promo-item-content {
		width: 73%;
		padding: 0;
		text-align: left;
	}

	.promo .promo-item .promo-item-content p {
		margin-bottom: 0;
	}

	.woocommerce div.product div.images .woocommerce-product-gallery__image a {
		height: 80vw;
	}

	.woocommerce ul.products li.product .product-image img,
	.woocommerce-page ul.products li.product .product-image img {
		max-width: 105%;
		max-height: 105%;
	}

	.woocommerce ul.products li.product:hover .product-image img,
	.woocommerce-page ul.products li.product:hover .product-image img {
		max-width: 105%;
		max-height: 105%;
	}

	.product-detail-content .nav-pills {
		overflow-x: auto;
		white-space: nowrap;
		display: block;
	}

	.product-detail-content .nav-pills li {
		display: inline-block;
	}

	footer .footer-content-title {
		display: block;
	}

	footer .footer-content-link {
		display: none;
	}

	.footer-content .footer-content-col .collapse {
		display: block;
	}

	footer .footer-content ul {
		padding-bottom: 0.5rem;
	}

	footer .footer-content p {
		margin-bottom: 1rem;
	}

	footer .footer-copy {
		padding-top: 15px;
	}

	.woocommerce ul.products.columns-4 li.product,
	.woocommerce-page ul.products.columns-4 li.product {
		width: 50% !important;
	}

	.box:nth-child(even) .box-img {
		order: 1;
	}

	.box:nth-child(even) .box-text {
		order: 2;
	}

	.box:nth-child(even) .box-content {
		padding-left: 30px;
		padding-right: 30px;
	}

	.box .box-img img {
		max-height: 500px;
	}

	.section-c2a-box {
		min-height: 40%;
		padding: 50px 0 80px;
	}

	.section-c2a-content {
		max-width: 70%;
	}

	.section-c2a-box:before {
		width: 40%;
	}

	.section-c2a-box:after {
		left: 40%;
		width: 50%;
	}

	.section-home-info {
		padding-bottom: 400px;
		background-size: auto 400px;
		background-repeat: no-repeat;
		background-position: 0 bottom;
	}

	.section-home-info .section-head {
		padding-top: 20px;
	}

	footer .footer-pill {
		width: 40px;
	}

	.home footer .footer-pill {
		margin-top: -80px;
	}

	.footer-contact-box {
		margin-left: 0;
		padding: 15px 15px 10px;
	}

	.woocommerce .woocommerce-cart-form table.shop_table_responsive tr td {
		border: 0;
		background: transparent;
	}

	.woocommerce .woocommerce-cart-form table.shop_table_responsive tr.cart_item td {
		padding: 5px 0;
	}

	.woocommerce .woocommerce-cart-form table.shop_table_responsive tr.cart_item {
		margin-bottom: 5px;
		border-radius: 10px;
		position: relative;
	}

	.woocommerce .woocommerce-cart-form table.shop_table_responsive tr.cart_item .product-thumbnail {
		display: block;
		text-align: left !important;
		padding: 10px 0 0;
	}

	.woocommerce .woocommerce-cart-form table.shop_table_responsive tr.cart_item .product-thumbnail img {
		width: 40px;
	}

	.woocommerce .woocommerce-cart-form table.shop_table_responsive tr.cart_item .product-name:before,
	.woocommerce .woocommerce-cart-form table.shop_table_responsive tr.cart_item .product-thumbnail:before {
		display: none;
	}

	.woocommerce .woocommerce-cart-form table.shop_table_responsive tr.cart_item .product-quantity:before {
		padding-top: 5px;
	}

	.woocommerce .woocommerce-cart-form table.shop_table_responsive tr.cart_item:first-child .product-thumbnail {
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}

	.woocommerce .woocommerce-cart-form table.shop_table_responsive tr.cart_item .product-name {
		padding-left: 50px;
		text-align: left !important;
		font-size: 16px;
		padding-top: 10px;
		margin-top: -40px;
	}

	/*.woocommerce .woocommerce-cart-form table.shop_table_responsive tr.cart_item .product-remove { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
	.woocommerce .woocommerce-cart-form table.shop_table_responsive tr.cart_item td { border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); }*/
	.woocommerce .woocommerce-cart-form table.shop_table_responsive tr.cart_item .product-remove {
		position: absolute;
		top: 12px;
		right: 0;
	}

	.woocommerce .woocommerce-cart-form table.shop_table_responsive tr.cart_item .product-subtotal {
		padding-bottom: 10px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
}

@media all and (max-width:575px) {

	html,
	body {
		font-size: 14px;
	}

	.lead {
		font-size: 17px;
	}

	header .nav-submenu {
		padding-top: 0px;
	}

	header .nav-submenu ul {
		padding-bottom: 20px;
	}

	header .navbar-brand img {
		width: 100px;
	}

	.home-banners .home-banner-item {
		padding-top: 50px;
	}

	.home-banners .home-banner-item-img img {
		width: 250px;
	}

	.headline-bg {
		min-height: 250px;
		height: 25vh;
	}

	.headline-bg h1 {
		font-size: 3.5rem;
	}

	.section.home-banners .home-banner-item-image {
		top: 40%;
	}

	.nutrition-listing .nutrition-item {
		background-size: auto 110px;
	}

	.btn {
		font-size: 14px;
		padding: 8px 18px;
	}

	.btn.btn-lg {
		font-size: 16px;
		padding: 14px 20px;
	}

	.btn.btn-xs {
		font-size: 12px;
		padding: 4px 12px;
	}

	.btn.btn-lg:hover i {
		right: -5px;
	}

	.logos .logo-item {
		padding: 5px 5px;
	}

	.logos.slick-initialized {
		margin: 0;
		padding: 0 30px 0 40px;
	}

	.logos.slick-initialized .slick-prev {
		left: -15px;
	}

	.logos.slick-initialized .slick-next {
		right: -15px;
	}

	.nav-pills .nav-link {
		font-size: 12px;
		letter-spacing: 0;
		padding: 2px 8px;
		margin-right: 1px;
	}

	ul.products li.product .product-image {
		height: 200px;
	}

	.article-fullimage img {
		border-radius: 0;
	}

	.people>div {
		padding: 5px
	}

	.people-item {
		padding: 10px;
	}

	.section-testimonials {
		background-size: 120% auto;
	}

	.section-testimonials:after {
		height: 50vw;
	}

	.section-testimonials:before {
		top: 50vw;
	}

	.section-home-info {
		background-size: auto 300px;
		padding-bottom: 310px;
	}

	/*
	.js-marquee .col-2 { padding: 0 15px; width: 33.333%; text-align: center; position: relative; }
	.js-marquee .col-2:nth-child(1) { bottom: -50px; }
	.js-marquee .col-2:nth-child(3) { bottom: -50px; }
	.js-marquee .col-2:nth-child(4) { flex-basis: 100%; padding-top: 20px; padding-bottom: 20px; }
	.js-marquee .col-2:nth-child(5) { top: -50px; }
	.js-marquee .col-2:nth-child(7) { top: -50px; }
	*/
	.benefits {
		padding-top: 0;
	}

	.benefits .benefit-item {
		padding-left: 0;
		padding-top: 55px;
		padding-bottom: 15px;
		text-align: center;
		justify-content: center;
		white-space: pre-wrap;
	}

	.benefits .benefit-item span {
		font-size: 12px;
	}

	.benefits .benefit-item-icon {
		width: 50px;
		height: 50px;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
	}

	.section-steps:before,
	.section-steps:after {
		width: 120px;
		height: 120px;
	}

	.enr-subscribe-now-head {
		font-size: 15px;
	}

	.enr-subscribe-now-head ul li {
		padding-left: 25px;
	}

	.enr-subscribe-now-head ul li:before {
		font-size: 20px;
	}

	.section-unique .unique-images {
		max-width: 350px;
		height: 250px;
		margin-bottom: 50px;
	}

	.unique-images img {
		border-radius: 5px;
	}

	.unique-images .unique-img-1 img {
		width: 170px;
	}

	.unique-images .unique-img-2 {
		z-index: 11;
		bottom: 10px;
		left: 5%;
	}

	.unique-images .unique-img-2 img {
		width: 90px;
	}

	.unique-images .unique-img-3 {
		z-index: 11;
		top: 0;
		right: 5%;
	}

	.unique-images .unique-img-3 img {
		width: 70px;
	}

	.unique-images .unique-img-4 {
		z-index: 9;
		top: 0;
		left: -20px;
	}

	.unique-images .unique-img-4 img {
		width: 110px;
	}

	.unique-images .unique-img-5 {
		z-index: 9;
		top: 40%;
		left: 5%;
	}

	.unique-images .unique-img-5 img {
		width: 80px;
	}

	.unique-images .unique-img-6 {
		z-index: 11;
		bottom: 5%;
		right: 15%;
	}

	.unique-images .unique-img-6 img {
		width: 90px;
	}

	.unique-images .unique-img-7 {
		bottom: 5%;
		left: 50%;
	}

	.unique-images .unique-img-7 img {
		width: 65px;
	}

	.unique-circle-1 {
		width: 150px;
		height: 150px;
		top: 20%;
		right: 10%;
	}

	.unique-circle-2 {
		width: 100px;
		height: 100px;
		border-radius: 50%;
		background: #01477B;
		top: 50%;
		left: 5%;
	}

	/*.woocommerce ul.products li.product .add_to_cart_button,
	.woocommerce ul.products li.product .button { display: none; }*/
	.woocommerce ul.products li.product .add_to_cart_button,
	.woocommerce ul.products li.product .button {
		font-size: 15px;
		padding: 12px 20px;
		letter-spacing: 0;
	}

	.woocommerce ul.products li.product .add_to_cart_button:after,
	.woocommerce ul.products li.product .button:after {
		margin-left: 2px;
	}

	.boxes-small .box {
		padding-top: 0;
	}

	.boxes-small .box .box-img-single,
	.boxes-small .box .box-img-gallery {
		margin: 0;
	}

	.boxes-small .box .box-img-gallery .slick-list {
		margin-left: 0;
		margin-right: 0;
	}

	.boxes-small .box .box-img-gallery .slick-prev {
		left: 15px;
	}

	.boxes-small .box .box-img-gallery .slick-next {
		right: 15px;
	}

	body.page-id-21 .box#box-6 .box-img-single {
		background-size: 100% auto;
		height: 240px;
	}

	.product-content-head-icon {
		width: 120px;
		height: 120px;
		left: -5px;
		top: -5px;
	}

	.product-content-benefits i {
		font-size: 22px;
	}

	.product-content-benefits span {
		font-size: 13px;
	}

	.home-logos .home-logos-item {
		height: 90px;
	}

	.section-why-sanazia .accordion-item .accordion-button {
		font-size: 14px;
	}

	.section.section-why-sanazia {
		padding-bottom: 80vw;
		background-size: 100vw auto;
	}

	.woocommerce-checkout .content,
	.woocommerce-cart .content {
		padding-top: 70px;
	}

	.woocommerce-cart .woocommerce .cart-collaterals,
	.woocommerce-cart .woocommerce .woocommerce-cart-form {
		padding: 20px;
	}

	.reviews {
		padding-bottom: 0;
	}

	.reviews .slick-arrow {
		bottom: auto;
		margin: 0;
		top: 100px;
		transform: translateY(-50%);
	}

	.reviews .slick-prev {
		left: 30px;
	}

	.reviews .slick-next {
		left: auto;
		right: 30px;
	}
}

@media all and (max-width:475px) {

	h1,
	.h1 {
		font-size: 2.2rem;
	}

	h3,
	.h3 {
		font-size: 18px;
	}

	h4,
	.h4 {
		font-size: 1rem;
	}

	header .navbar-button {
		display: none;
	}

	header .navbar-notice {
		font-size: 11px;
		padding: 8px 0;
	}

	header .navbar-notice p {
		line-height: 1.2em;
	}

	header .navbar-toggler {
		margin: 0;
	}

	header .navbar-toggler .burger {
		margin-top: 2px;
	}

	header .navbar-icons {
		width: 130px;
	}

	header .navbar-icons li {
		padding-left: 5px;
	}

	header .navbar-icons>li>a:not(.btn) {
		padding: 0 5px;
	}

	header .navbar-icons>li>a:not(.btn) .badge {
		top: 0;
		left: 0;
	}

	header .navbar-icons a i {
		font-size: 20px;
	}

	header .navbar-icons {
		padding-right: 10px;
	}

	.home-banners .home-banner-item {
		padding-top: 30px;
		min-height: 130vw;
		background-position: center top;
	}

	.section.home-banners .home-banner-item-image {
		top: 25%;
	}

	.home-banners .home-banner-item .home-banners-content-info {
		display: block;
		position: absolute;
		bottom: 20%;
		left: 50%;
		width: 50%
	}

	.main:before,
	.main:after {
		width: 95vw !important;
		height: 95vw !important;
	}

	.benefits .benefits-listing {
		padding: 0;
	}


	.woocommerce ul.products.columns-4 li.product,
	.woocommerce-page ul.products.columns-4 li.product {
		width: 100% !important;
	}

	ul.products li.product .product-image {
		height: 70vw;
	}

	.woocommerce ul.products li.product .product-image img,
	.woocommerce-page ul.products li.product .product-image img {
		max-width: 100vw;
		max-height: 100vw;
	}

	.woocommerce ul.products li.product:hover .product-image img,
	.woocommerce-page ul.products li.product:hover .product-image img {
		max-width: 150vw;
		max-height: 150vw;
	}

	.section-c2a-content {
		max-width: 90%;
	}

	.section-c2a-box:before {
		width: 10%;
	}

	.section-c2a-box:after {
		left: 10%;
		width: 140%;
	}

	.woocommerce .button.checkout-button,
	.woocommerce div.product form.cart .button,
	.woocommerce .button#place_order,
	.btn.btn-lg {
		font-size: 16px !important;
		padding: 11px 25px !important;
		border-radius: 40px !important;
	}

	.quality-item-icon {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}

	.section-quality h3.h3 {
		font-size: 15px;
		line-height: 1.4em;
		font-weight: 400;
		font-family: 'BR Cobane', Helvetica, Arial, sans-serif;
	}
}

@media all and (max-width:370px) {
	header .navbar-brand {
		margin-right: 0;
	}

	header .navbar-right {
		padding-left: 0;
	}

	header .navbar-icons {
		padding-right: 5px;
	}

	header .navbar-icons a:not(.btn) i {
		font-size: 22px;
	}

	header .navbar-icons>li.menu-item-has-children>a:after {
		display: none;
	}

	.benefits .row>div {
		width: 100%;
	}

	.home-banners .home-banner-item-text {
		max-width: 100%;
	}

	.section-home-info {
		background-size: auto 260px;
		padding-bottom: 260px;
	}
}

/*@media all and (min-width:992px) {
    .navbar-open .btn-menu,
    .navbar-open .btn-menu:active,
    .navbar-open .btn-menu:focus { background: #fff !important; color: #000 !important; }
    .navbar-open .navbar-categories { display: block; box-shadow: none !important; }
    .navbar-open .btn-menu { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
    .navbar-open .btn-menu:after { content: ''; display: block; position: absolute; top: 100%; left: 0; right: 0; height: 6px; background: #fff; z-index: 6; }
    .navbar-open .btn-menu i { transform: rotate(180deg); }
}*/

.onlyprint {
	display: none;
}

@media print {

	.noprint,
	header,
	footer {
		display: none !important;
	}

	.onlyprint {
		display: block !important;
		opacity: 1 !important;
	}
}

/*
CUSTOM CSS for quiz
*/

.font-pulpo {
	font-family: 'Pulpo' !important;
}

.fontextra {
	font-family: 'Roboto', sans-serif !important;
	font-style: normal;
	font-weight: 600;
}

h1 .fontextra,
h2 .fontextra {
	font-size: 110%;
}

.textpage .rh-widget iframe,
.textpage .rh-modal iframe {
	position: absolute;
	left: -99999px;
}

.rh-modal .results-page {
	display: none;
}

.rh-modal iframe {
	width: 100%;
}

.hide-iframe {
	position: absolute;
	left: -99999px;
}

.rh-widget>span {
	right: auto !important;
	left: 20px;
}

.rh-widget {
	display: block !important;
	background: #fff !important;
	overflow: auto;
	overflow-x: hidden;
}

.rh-widget .slick-track {
	min-width: 100%;
}

.rh-widget .products {
	margin: 0 0 30px !important;
}

@media (max-width: 767px) {
	.rh-widget .products {
		margin: 0 !important;
	}

	.section-faq {
		padding-bottom: 0 !important;
	}
}

.rh-widget .products li:after {
	box-shadow: 0 5px 10px rgba(0, 0, 0, .15) !important;
}

.rh-widget .add_to_cart_button {
	opacity: 0 !important;
	position: absolute;
	left: -9999px;
}

.rh-widget .product-item-content {
	padding: 20px;
}

.products-water {
	padding: 15px 0;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.products-water i {
	font-size: 18px;
	margin-right: 6px;
}

.section-headline {
	display: flex;
	align-items: center;
	background: #fff url(../images/layout/bg-headline-results.svg) no-repeat center;
	background-size: cover;
}

.section-headline:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	height: 250px;
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}

.section-headline .container-xl {
	position: relative;
	z-index: 2;
}

.section-headline-arrow {
	text-decoration: none;
	color: #1a3582;
	font-size: 25px;
	font-weight: 600;
	position: absolute;
	z-index: 3;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	font-family: 'BR Cobane', Georgia, Times, serif;
	padding-bottom: 30px;
}

.section-headline-arrow i {
	font-size: 35px;
	font-weight: 100;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-animation: arrow 1.5s linear infinite;
	-moz-animation: arrow 1.5s linear infinite;
	animation: arrow 1.5s linear infinite;
}

.section-results-products {
	display: flex;
	align-items: center;
}

.section-results-products:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	height: 150px;
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}

.section-results-products:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	height: 150px;
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}

.section-results-products .container-xl {
	position: relative;
	z-index: 2;
}

.section-results-products .slick-track {
	justify-content: center;
}

.section-results-products ul.products li.product .product-image {
	height: 200px !important;
}

/*.section-results-products ul.products li.product .product-item-notes li { font-size: 16px; line-height: 1.3em; padding: 4px 0 4px 13px; position: relative; } */

.section-results-products ul.products li.product .product-item-notes li {
	margin-bottom: 5px;
	display: flex;
	align-items: flex-start;
	font-size: 15px;
	line-height: 1.3em;
	padding: 0 !important;
	position: relative;
	font-weight: 600;
	color: #1a3582;
}

/*.section-results-products ul.products li.product .product-item-notes li:before { content: ''; display: block; width: 8px; height: 8px; position: absolute; top: 10px; left: 0; border-radius: 50%; background: #64bf4b; }*/

.section-results-products ul.products li.product .product-item-notes li:before {
	content: '';
	display: block;
	min-width: 8px;
	min-height: 8px;
	border-radius: 50%;
	background: #ff475d;
	margin: 4px 5px 0 0;
}

.section-results-products .custom-title {
	font-size: 35px;
}

.section-results-products .custom-text {
	font-size: 22px;
}

.section-results-products .product-item-content .product-name,
.product-vitamins .product-item-content .product-name {
	font-size: 22px !important;
	line-height: 1.2;
	font-weight: 700;
	margin-bottom: 10px !important;
}

.product-item-content .product-segment {
	font-weight: 600;
	margin-top: -5px;
}

/* Underline "Detail produktu" link only */
.product-item-content .detail-link {
	text-decoration: underline;
}

@media (max-width: 991px) {
	.product-item-content .pack-info {
		display: block;
	}
}

.section-results-products .product-item-content button svg path {
	stroke: #4e4f4f;
}

.section-results-products .product-item-content button {
	font-size: 15px;
	font-weight: 600;
	text-decoration: underline !important;
	outline: none;
}

.section-results-products .slick-track,
.slick-slide {
	display: flex;
	height: auto;
}

.section-results-products .slick-slide>div:first-child {
	height: 100%;
}

.product-vitamins .slick-track,
.slick-slide {
	display: flex;
	height: auto;
}

.section-results-products button:focus,
.section-results-products button:active,
.section-results-products button:hover {
	outline: none;
	border: none;
	box-shadow: none;
}

.section-results-products .product-item {
	min-height: 100%;
	height: auto;
}

.section-results-products .product-item-content {
	flex: auto;
}

.section-results-products .product-item-content .modal-btn:hover {
	text-decoration: underline !important;
}

.section-results-products .woocommerce .products ul {
	margin: 0 !important;
}

.section-results-products .woocommerce .products .product-item-notes {
	margin-bottom: 15px !important;
}

.section-results-products ul.products li.product .product-image img {
	width: 100% !important;
	object-fit: cover;
}

.section-results-products .remove-from-recommended svg {
	transform: scale(1.5);
}

.section-results-products .woocommerce ul.products {
	width: initial;
}

.section-results-reviews {
	background: #ffe561 url(../images/layout/results-headline-lines.png) no-repeat center;
	background-size: cover;
}

.reviews-listing {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
	padding: 0 70px;
}

.reviews-listing .review-col {
	width: 25%;
	padding: 0 15px 30px;
}

.reviews-listing .review-item {
	padding: 20px 30px;
	border-radius: 10px;
	background: #fff;
	text-align: center;
	min-height: 100%;
}

.reviews-listing .reviews-item-content {
	padding-bottom: 10px;
}

.reviews-listing .reviews-item-content p {
	line-height: 1.4em;
}

.reviews-listing .reviews-item-stars {
	color: #ffd200;
	text-align: center;
	padding-bottom: 5px;
}

.reviews-listing .reviews-item-stars img {
	display: inline-block;
}

.reviews-listing .review-item-subtitle {
	font-family: 'Pulpo' !important;
}

/* Product vitamins slider - matching main product boxes */
.product-vitamins .product-item .product-image {
	height: 200px;
	min-height: 200px;
	overflow: hidden;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f9fafb;
	margin-bottom: 15px;
}

.product-vitamins .product-item .product-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
	transition: 0.3s all;
}

.product-vitamins .product-item .product-image img:hover {
	transform: scale(1.05);
}

.product-vitamins .product-item {
	border-radius: 15px;
	z-index: 1;
	position: relative;
	padding: 0 10px 20px;
	height: 100%;
	display: flex !important;
	flex-direction: column;
}

/* Remove box shadow to match main product boxes */
.product-vitamins .product-item:after {
	display: none;
}

.product-vitamins .product-item-content {
	display: flex;
	flex-direction: column;
	height: 100%;
	flex: auto;
	padding: 20px 15px 0px;
}

.product-vitamins .product-vitamins-slider .slick-slide>div:nth-child(1) {
	display: flex;
	height: 100%;
}

.product-vitamins .product-item-content .product-name {
	margin-bottom: 5px !important;
}

.product-vitamins .product-item-content .product-segment {
	font-size: 14px;
	font-weight: 600;
	margin-top: -5px;
}

.product-vitamins .product-item-content .product-desc {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 10px !important;
}

.product-vitamins .product-item-content .product-price-line {
	font-size: 24px;
}

.product-vitamins .product-item-content .pack-info {
	font-size: 14px;
	font-weight: 400;
}

.product-vitamins .product-item-content .add-to-recommended {
	text-align: center;
	background-color: #1f8801;
	border-radius: 21px;
	color: #fff !important;
	padding: 12px 20px;
	line-height: 1;
	transition: all 0.3s;
	font-size: 14px;
	font-weight: 600;
	width: 100%;
}

.product-vitamins .product-item-content .add-to-recommended:hover {
	background-color: #01477b;
	transition: all 0.3s
}

.product-vitamins-slider {
	margin-top: 30px;
}

/* Legacy support for old image-wrapper class */
.product-vitamins .product-item .image-wrapper {
	height: 200px;
	min-height: 200px;
	overflow: hidden;
	border-radius: 16px;
	background: #f9fafb;
	margin-bottom: 15px;
}

.product-vitamins .product-item .image-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
	transition: 0.3s all;
}

.section-results-benefits {
	display: flex;
	align-items: center;
	background: url(../images/layout/bg-results-benefits.jpg) no-repeat center;
	background-size: cover;
}

.results-benefits-box {
	width: 550px;
	max-width: 100%;
	padding: 30px 20px;
	background: #fff;
	border-radius: 10px;
	margin: 0 auto;
}

.results-benefits-box h2 {
	font-weight: 600;
}

.results-benefits-listing {
	width: 370px;
	max-width: 100%;
	margin: 0 auto;
	padding: 1rem 0;
}

.results-benefits-listing .results-benefits-item {
	padding: 10px 0 10px 80px;
	position: relative;
	font-weight: 600;
}

.results-benefits-listing .results-benefits-item img {
	width: 60px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

/*#productModal .modal-img-wrapper { width: 200px; height: 200px; } */
#productModal #modalProductImage {
	border-radius: 35px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#productModal #icons .icon-item img {
	max-width: 90px;
	max-height: 90px;
}

#productModal #productAdvantages img,
#productModal #productNumbered img {
	max-width: 30px;
	max-height: 30px;
}

#productModal .modal-dialog-scrollable .modal-content {
	overflow-y: auto;
}

#productModal .modal-dialog-scrollable .modal-content::-webkit-scrollbar {
	width: 10px;
}

#productModal .modal-dialog-scrollable .modal-content::-webkit-scrollbar-thumb {
	background-color: #01477b;
	border-radius: 5px;
}

#productModal .modal-dialog-scrollable .modal-content::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}

#productModal .show {
	background-color: red;
}

#productModal,
#subscriptionModal,
#guaranteeModal {
	z-index: 111111;
	touch-action: none;
}

#productModal #logos .logo-wrapper {
	flex: 0 0 20%
}

#productModal #limited-product {
	display: none;
	border: 2px solid #cc0000;
	color: #cc0000;
	padding: 10px 15px;
	border-radius: 40px;
}

#productModal #limited-product.show-limited {
	display: block !important;
}

#subscriptionModal .modal-content {
	border-radius: 20px !important;
}


.modal-open .rh-modal::after {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 11111;
	pointer-events: none;
}

body.logged-out .enr-subscribe-now-wrapper {
	display: none !important;
}


.results-graph-legends {
	padding: 1rem 0;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.results-graph-legends-item {
	padding-left: 34px;
	margin: 0 8px 10px;
	position: relative;
	font-size: 18px;
	font-weight: 800;
	font-family: 'BR Cobane', Georgia, Times, serif;
}

.results-graph-legends .results-graph-legends-circle {
	display: block;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.section-results-graph p small {
	display: block;
	line-height: 1.3em;
}

/*.quiz-products { padding: 0 30px !important; } */
.products-tips {
	list-style: none;
	padding: 15px 0 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.products-tips li {
	line-height: 1.3em;
}

.headline-image {
	position: relative;
	text-align: center;
}

/*.headline-image:after { content: ''; display: block; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.5; background: url(../images/layout/results-headline-lines.png) no-repeat center; background-size: 100% auto; }*/
.headline-image img {
	width: auto;
	max-height: 100%;
	position: relative;
	z-index: 5;
	-webkit-animation: package 4s linear infinite;
	-moz-animation: package 4s linear infinite;
	animation: package 4s linear infinite;
}

.headline-image-shadow {
	z-index: 1;
	position: absolute;
	bottom: 12%;
	left: 20%;
	display: block;
	width: 75%;
	height: 60px;
	background: radial-gradient(rgb(160, 160, 160), transparent 80%);
	filter: blur(15px);
	-webkit-animation: shadow 4s linear infinite;
	-moz-animation: shadow 4s linear infinite;
	animation: shadow 4s linear infinite;
}

.section-onetime .blue-light-bg {
	border-radius: 30px;
}

.section-onetime .col-md-5 img {
	max-width: 80%;
}

.gradient-onetime, 
.gradient-subscription {
	border-radius: 30px;
}

.section-subscription .bottom-content .blue {
	background-color: #e4f6ff;
	border-radius: 32px;
	padding: 10px 20px;
}

.section-subscription .bottom-content .light-blue {
	background-color: #f4f4f4;
	border-radius: 32px;
	padding: 10px 20px;
	width: fit-content;
	border: 0;
}

.section-subscription .bottom-content .light-blue svg path {
	fill: #01477b !important;
}

.section-icons img {
	width: 100px;
	height: 100px;
}

.section-googleReviews {
	margin-bottom: 100px;
}

.section-googleReviews .line {
	width: 100%;
	height: 2px;
	background-color: #01477b;
}

.section-googleReviews .d-inline-block h3 {
	font-size: 28px;
}

.mh-45 {
	min-height: 45px;
}

.toggle-vitamin-section svg {
	width: 30px;
	height: 30px;
	fill: #cc0000;
	transition: transform 0.3s ease;
	transform: rotate(180deg);
	margin-left: 20px;
}

.toggle-vitamin-section {
	background-color: #fff;
	border: 2px solid #cc0000;
	border-radius: 40px;
	padding: 15px 40px;
	color: #cc0000;
	font-size: 20px;
	font-weight: 700;
}

.show-products {
	border-color: #64bf4b;
	color: #64bf4b;
}

.show-products svg {
	fill: #64bf4b;
}

.arrow-rotated svg {
	transform: rotate(0deg);
	transition: transform 0.3s ease;
}

.modal .show {
	background-color: rgba(0, 0, 0, 0.5) !important;
}

.fw-600 {
	font-weight: 600;
}

.horizontal-line {
	height: 1px;
	width: 100%;
	background-color: #01477b;
}

.loader {
	position: relative;
	width: 55px;
	height: 55px;
	background-repeat: no-repeat;
	background-image: linear-gradient(#01477b 50px, transparent 0),
		linear-gradient(#01477b 50px, transparent 0),
		linear-gradient(#01477b 50px, transparent 0),
		linear-gradient(#01477b 50px, transparent 0),
		linear-gradient(#01477b 50px, transparent 0),
		linear-gradient(#01477b 50px, transparent 0);
	background-size: 5px 40px;
	background-position: 0px center, 10px center, 20px center, 30px center, 40px center, 50px center;
	animation: spikeUp 1s linear infinite alternate;
}

@keyframes spikeUp {
	0% {
		background-size: 5px 40px
	}

	16% {
		background-size: 5px 55px, 5px 40px, 5px 40px, 5px 40px, 5px 40px, 5px 40px
	}

	33% {
		background-size: 5px 40px, 5px 55px, 5px 40px, 5px 40px, 5px 40px, 5px 40px
	}

	50% {
		background-size: 5px 40px, 5px 40px, 5px 55px, 5px 40px, 5px 40px, 5px 40px
	}

	66% {
		background-size: 5px 40px, 5px 40px, 5px 40px, 5px 55px, 5px 40px, 5px 40px
	}

	83% {
		background-size: 5px 40px, 5px 40px, 5px 40px, 5px 40px, 5px 55px, 5px 40px
	}

	100% {
		background-size: 5px 40px, 5px 40px, 5px 40px, 5px 40px, 5px 40px, 5px 55px
	}
}

.section-disabled {
	pointer-events: none;
	opacity: 0.5;
}

.step {
	position: absolute;
	top: 0;
	left: -25px;
}

.step-line::after {
	content: '';
	width: 1px;
	height: 100%;
	background-color: #c6c6c6;
	position: absolute;
	top: 30px;
	left: -20px;
}

@-moz-keyframes shadow {
	0% {
		-moz-transform: scale(1);
	}

	50% {
		-moz-transform: scale(1.4);
	}

	100% {
		-moz-transform: scale(1);
	}
}

@-webkit-keyframes shadow {
	0% {
		-webkit-transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.4);
	}

	100% {
		-webkit-transform: scale(1);
	}
}

@keyframes shadow {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.4);
	}

	100% {
		transform: scale(1);
	}
}

@-moz-keyframes package {
	0% {
		-moz-transform: translateY(-20px);
	}

	50% {
		-moz-transform: translateY(20px);
	}

	100% {
		-moz-transform: translateY(-20px);
	}
}

@-webkit-keyframes package {
	0% {
		-webkit-transform: translateY(-20px);
	}

	50% {
		-webkit-transform: translateY(20px);
	}

	100% {
		-webkit-transform: translateY(-20px);
	}
}

@keyframes package {
	0% {
		transform: translateY(-20px);
	}

	50% {
		transform: translateY(20px);
	}

	100% {
		transform: translateY(-20px);
	}
}

@-moz-keyframes arrow {
	0% {
		-moz-transform: translateX(-50%) translateY(0);
	}

	50% {
		-moz-transform: translateX(-50%) translateY(10px);
	}

	100% {
		-moz-transform: translateX(-50%) translateY(0);
	}
}

@-webkit-keyframes arrow {
	0% {
		-webkit-transform: translateX(-50%) translateY(0);
	}

	50% {
		-webkit-transform: translateX(-50%) translateY(10px);
	}

	100% {
		-webkit-transform: translateX(-50%) translateY(0);
	}
}

@keyframes arrow {
	0% {
		transform: translateX(-50%) translateY(0);
	}

	50% {
		transform: translateX(-50%) translateY(10px);
	}

	100% {
		transform: translateX(-50%) translateY(0);
	}
}

.sticky-header {
	padding: 20px 0;
	z-index: 50;
	position: flex;
}

.sticky-footer {
	position: sticky;
	bottom: 0;
	padding: 10px 0;
	z-index: 50;
	position: flex;
	background: rgba(255, 255, 255, 0.85);
}

.sticky-footer .btn.btn-lg {
	font-size: 20px !important;
	padding: 16px 55px !important;
}

@media all and (min-width:991px) {
	.section-results-products .woocommerce ul.products li:not(.product_cat-hotove-balicky).product:hover .product-image img {
		max-width: initial !important;
		max-height: initial !important;
		transform: scale(1.3);
	}

	.product-vitamins .product-item .image-wrapper img:hover {
		transform: scale(1.3);
		transition: 0.3s all;
	}
}

@media all and (max-width:991px) {
	.section-headline-arrow {
		font-size: 20px;
	}

	.section-headline-arrow i {
		font-size: 25px;
	}

	.section-results-products ul.products li.product .product-image {
		height: 200px !important;
	}

	.reviews-listing .review-col {
		padding: 0 5px 10px;
	}
}

@media all and (max-width:767px) {
	.section-results-products ul.products {
		padding: 0 !important;
		width: 100%;
		margin: 0;
	}

	.section-results-products ul.products li.product .product-image {
		height: 240px !important;
	}

	.section-results-products .slick-prev {
		left: -10px;
	}

	.section-results-products .slick-next {
		right: -10px;
	}

	.js-slider-products .product-item {
		width: 50% !important;
	}

	.section-results-products .product-item-content .product-name {
		min-height: auto;
	}

	.section-onetime {
		padding: 50px 0;
	}

	.section-onetime .col-md-5 img {
		max-width: 75%;
	}

	.section-subscription .circle {
		width: 20px;
		height: 20px;
	}
}

@media all and (max-width:575px) {
	.section-headline .container-xl {
		padding-top: 30px;
	}

	.section-results-products {
		overflow: hidden;
	}

	.section-results-products ul.products {
		margin-bottom: 0;
	}

	.section-results-products ul.products li.product .product-image {
		height: 200px !important;
	}

	.section-results-products .slick-list {
		overflow: visible !important;
	}

	.products-tips {
		display: none;
	}

	.reviews-listing {
		padding: 0 50px;
	}

	.reviews-listing .slick-prev {
		left: 0px;
	}

	.reviews-listing .slick-next {
		right: 0px;
	}

	.results-graph-legends {
		padding-top: 0;
	}

	.results-graph-legends-item {
		font-size: 14px;
		text-align: left;
	}

	.results-graph-legends .results-graph-legends-circle {
		width: 22px;
		height: 22px;
	}

	/*.section-results-products ul.products li.product .product-item-notes li { font-size: 14px; padding: 4px 0 4px 14px; }*/
	.section-results-products ul.products li.product .product-item-notes li:before {
		min-width: 6px;
		min-height: 6px;
		top: 10px;
	}

	.sticky-footer .btn.btn-lg {
		font-size: 15px !important;
		padding: 10px 20px !important;
	}

	.sticky-footer .btn-link {
		font-size: 13px;
		padding: 5px 0;
	}
}

@media all and (max-width:475px) {

	.woocommerce ul.products li.product .product-image img,
	.woocommerce ul.products li.product:hover .product-image img {
		max-width: 150%;
		max-height: 150%;
	}

	.section-headline-arrow {
		font-size: 17px;
	}

	.results-benefits-box {
		width: auto;
		padding: 20px;
		margin: 20px;
	}

	.results-benefits-box .section-head {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.results-benefits-box .section-head h2 {
		font-size: 1.4rem;
	}

	.results-benefits-listing {
		padding: 0;
	}

	.results-benefits-listing .results-benefits-item {
		padding-left: 30px;
		margin-bottom: 1px;
	}

	.results-benefits-listing .results-benefits-item img {
		width: 20px;
		height: auto;
	}
}

@media all and (max-width:370px) {
	.results-graph-legends-item {
		width: 100%;
	}
}

@media all and (min-width:991px) {
	#productModal .modal-img-wrapper {
		width: 200px;
		height: 200px;
	}

}

.svg-12-mob {
	width: 16px;
	height: 16px;
}

@media all and (max-width:991px) {
	.toggle-vitamin-section {
		font-size: 16px;
		padding: 7px 20px;
	}

	.btn-green {
		font-size: 16px;
		box-shadow: 3px 3px 10px #d0d0d0 !important;
	}

	.header-title {
		font-size: 26px;
		padding-top: 70px;
	}

	.results-header-img {
		transform: scale(1.05);
	}

	.fs-16-mobile {
		font-size: 16px !important;
	}

	.fs-14-mobile {
		font-size: 14px !important;
	}
	
	.fs-15-mobile {
		font-size: 15px !important;
	}

	.fs-24-mobile {
		font-size: 24px !important;
	}

	.fs-20-mobile {
		font-size: 20px !important;
	}

	.section-results-products .custom-title {
		font-size: 24px;
		font-weight: 700;
	}

	.section-results-products .product-item-content .product-name,
	.product-vitamins .product-item-content .product-name {
		font-size: 18px !important;
	}

	.section-results-products ul.products li.product .product-image {
		height: 85px !important;
		min-height: 85px;
	}

	.section-results-products ul.products li.product .product-item-notes li {
		font-size: 14px;
		padding: 2px 0 4px 10px;
	}

	.product-item .product-item-content .black-light-text {
		font-size: 12px;
	}

	.product-vitamins .product-item .image-wrapper,
	.product-vitamins .product-item .product-image {
		min-height: 180px;
		height: 180px;
	}

	.rh-widget .product-item-content {
		padding: 20px 10px;
	}

	.section-results-products .product-item-content .modal-btn {
		font-size: 12px;
		text-decoration: underline !important;
	}

	.woocommerce ul.products li.product {
		padding: 0 5px 20px !important;
	}

	.woocommerce ul.products li.product:after {
		left: 5px;
		right: 5px;
	}

	.product-vitamins .product-item {
		padding: 0 5px 20px;
	}

	.product-vitamins .product-item:after {
		left: 5px;
		right: 5px;
	}

	.product-vitamins .product-item-content .add-to-recommended {
		font-size: 12px;
		padding: 10px 15px;
		width: 100%;
	}

	.product-vitamins .product-item-content .product-name {
		min-height: auto;
	}

	.product-vitamins .product-item-content .product-price-line {
		font-size: 20px;
	}

	.product-vitamins .product-item-content .pack-info {
		font-size: 12px;
	}

	.product-vitamins .product-item-content .product-desc {
		font-size: 12px;
	}

	.slick-arrow {
		width: 30px;
		height: 30px;
	}

	#onetime .blue-text {
		font-size: 20px;
	}

	.section-subscription .s-title {
		font-size: 20px;
	}

	#productModal #modalProductName {
		font-size: 22px;
	}

	#productModal #title1 {
		font-size: 1rem;
	}

	#productModal #title2 {
		font-size: 18px;
	}

	#productModal #productAdvantages img {
		max-width: 20px;
		max-height: 20px;
	}

	#productModal #productNumbered img {
		max-width: 25px;
		max-height: 25px;
	}

	#productModal #productAdvantages p {
		font-size: 14px;
	}

	#productModal .modal-content {
		padding: 0;
	}

	.icon-item {
		width: 18%;
	}

	#productModal #icons .icon-item img {
		max-width: 45px;
		max-height: 45px;
	}

	#productModal #icons .icon-item p {
		font-size: 12px;
	}

	#productModal #icons .icon-item {
		margin-bottom: 10px;
	}

	#productModal #product-description {
		margin-bottom: 35px;
	}

	#productModal #ingrediencie {
		font-size: 12px;
	}

	#productModal #rhp {
		font-size: 12px;
	}

	#productModal #logos .logo-wrapper {
		flex: 0 0 31%
	}

	.custom-results .container-xl {
		padding-left: 10px;
		padding-right: 10px;
	}

	.svg-20-mob {
		width: 20px;
		height: 20px;
	}

	.svg-12-mob {
		width: 12px;
		height: 12px;
	}

	.section-subscription .bottom-content .light-blue svg path {
		fill: #656565 !important;
	}

	.section-subscription .bottom-content [data-bs-target="#subscriptionModal"] p {
		color: #656565 !important;
	}

	.section-icons img {
		width: 60px;
		height: 60px;
	}

	#productModal #limited-product {
		padding: 7px 10px;
	}

	.section-googleReviews .d-inline-block h3 {
		font-size: 18px;
	}

	.section-googleReviews {
		margin-bottom: 50px;
	}

	#payment .button#place_order {
		/*bottom: -250px;*/
    		/*bottom: calc(-330px + 10vh);*/
    		bottom: calc(-350px + 12vh);
    		margin-bottom: 0 !important;
    		font-size: 13px !important;
    		padding: 10px 15px !important;
	}
	
	.wordbreak-mob {
		word-break: break-all;
	}
	
	
	.woocommerce-page .col2-set {
		padding-bottom: 130px !important;
	}

}

.gradient-onetime {
  background: #e4f6ff;
  box-shadow: 0px 0px 50px #9edcfb;
}

.gradient-subscription {
  background: #ffefb4;
  box-shadow: 0px 0px 50px #bfbfbf;
}

/* Hide all list items first */
.bapf_sfilter[data-taxonomy="product_cat"] .bapf_body ul li {
	display: none;
  }
  
  /* Only show the specific categories you want */
  .bapf_sfilter[data-taxonomy="product_cat"] .bapf_body ul li input[data-name="Vitamíny"],
  .bapf_sfilter[data-taxonomy="product_cat"] .bapf_body ul li input[data-name="Darčekové poukážky"],
  .bapf_sfilter[data-taxonomy="product_cat"] .bapf_body ul li input[data-name="Hotové balíčky"],
  .bapf_sfilter[data-taxonomy="product_cat"] .bapf_body ul li label[for="bapf_1_16"],
  .bapf_sfilter[data-taxonomy="product_cat"] .bapf_body ul li label[for="bapf_1_40"],
  .bapf_sfilter[data-taxonomy="product_cat"] .bapf_body ul li label[for="bapf_1_37"] {
	display: inline-block;
  }
  
  /* Show the parent li elements of the visible inputs/labels */
  .bapf_sfilter[data-taxonomy="product_cat"] .bapf_body ul li:has(input[data-name="Vitamíny"]),
  .bapf_sfilter[data-taxonomy="product_cat"] .bapf_body ul li:has(input[data-name="Darčekové poukážky"]),
  .bapf_sfilter[data-taxonomy="product_cat"] .bapf_body ul li:has(input[data-name="Hotové balíčky"]) {
	display: list-item;
  }

@media all and (max-width:767px) {
	#wc-stripe-express-checkout-element {
		gap: 0px;
	}

	#wc-stripe-express-checkout-element-applePay {
		margin-bottom: 15px;
	}

	.lq-quiz .lq-images .lq-picture-choice .lq-choice {
		min-width: 99%;
	}

	.lq-quiz .lq-slide:not(.lq-images) .lq-choices li {
		min-width: 99%;
	}

	.builder-container-preview .lq-slide-description, .builder-container-preview .lq-slide-title, .widget .lq-slide-description, .widget .lq-slide-title {
		line-height: normal;
	}
}

.woocommerce-price-suffix {
	display: none;
}

.gradient-subscription {
	padding-left: 50px;
}

@media all and (max-width:767px) {
	.gradient-subscription {
		padding-left: 0px;
	}
}

/* New header style */
.gradient-blue-bg {
	background: linear-gradient(120deg, #fff 0%, #e7f3fa 40%, #9de5ff 100%);
}

.green-circle {
	width: 120px;
	height: 120px;
	border-radius: 60px;
	background-color: #64bf4b;
	border: 2px solid #ffffff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	position: absolute;
	left: 55px;
}

.green-circle h3 {
	font-size: 26px;
}

.green-circle .home-banners-content-info {
	position: absolute;
	bottom: -15px;
	width: 150px;
	border-radius: 13px;
	filter: drop-shadow(0px 2px 4.5px rgba(0,0,0,0.46));
	background-color: #e4f6ff;
	border: 2px solid #ffffff;
	text-align: center;
}

.fs-14 {
	font-size: 14px;
}

.fs-18 {
	font-size: 18px;
}

.fs-20 {
	font-size: 20px;
}

.fs-30 {
	font-size: 30px;
}

.lh1-1 {
	line-height: 1.1;
}

.new-blue {
	color: #1a3582;
}

.green-circle .rating span {
	font-size: 14px;
}

.new-icon {
	width: 20px;
}

.new-icon path {
	fill: #fff;
}

.fa-badge-check::before {
	color: #0fbefa;
}

.header-green-icon {
	width: 30px;
	height: 30px;
	min-width: 30px;
	min-height: 30px;
	border-radius: 15px;
	background-color: #64bf4b;
	border: 2px solid #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}

.gradient-text {
	position: relative;
	display: inline-block;
	background: linear-gradient(to right, #62bd4d, #1a6c9c, #eb4963);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
}

.gradient-text::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -5px;
	height: 4px;
	width: 100%;
	background: linear-gradient(to right, #62bd4d, #1a6c9c, #eb4963);
}

.btn-shadow {
	/*filter: drop-shadow(0px 7px 4.5px rgba(0,0,0,0.46));*/
	filter: drop-shadow(0px 7px 4.5px rgba(0,0,0,0.46));
	position: relative;
	z-index: 1;
	isolation: isolate;
	background-color: #64bf4b;
	border-radius: 999px;
}

.eco-icon {
	top: -50px;
	right: 0;
	width: 80px;
	height: 80px;
}

@media (max-width: 992px) {
	.header-image {
		display: flex;
	}

	.header-image img {
		margin-left: auto;
		width: 600px;
	}

	.fs-12-mobile {
		font-size: 12px;
	}

	.fs-28-mobile {
		font-size: 28px;
	}

	.fs-11-mobile {
		font-size: 11px !important;
	}

	.header-green-icon {
		width: 20px;
		height: 20px;
	}

	.btn-shadow {
		overflow: visible;
	}
}

@media (min-width: 360px) and (max-width: 390px) {
	.header-image img {
		width: 250px !important;
	}
}

@media (max-width: 576px) {
	.header-image img {
		/*width: 250px;*/
		width: 300px;
	}

	.green-circle .home-banners-content-info {
		width: 130px;
		bottom: -17px;
	}

	.green-circle {
		width: 100px;
		height: 100px;
		left: 20px;
	}

	.green-circle h3 {
		font-size: 24px;
	}

	.green-circle .rating span {
		font-size: 12px;
	}

	.eco-icon {
		top: -5px;
		right: 25px;
		width: 35px;
		height: 35px;
	}
}

@media (min-width: 992px) {
	.text-md-nowrap {
		white-space: nowrap;
	}
}

@media (min-width: 1200px) {
	.mb-img {
		margin-bottom: -40px;
	}
}

/* Simple line instead of wavy SVG underline */
.under-vas-balicek,
img.under-vas-balicek {
	display: none !important;
}

/* Add simple line under "VÁŠ BALÍČEK OBSAHUJE" heading */
.result-blok-1 .custom-title.text-uppercase,
.text-center .custom-title.text-uppercase {
	position: relative;
	padding-bottom: 0px;
	margin-bottom: 10px !important;
}

.result-blok-1 .custom-title.text-uppercase::after,
.text-center .custom-title.text-uppercase::after {
	display: none;
}

@media (max-width: 767px) {
	.result-blok-1 .custom-title.text-uppercase::after,
	.text-center .custom-title.text-uppercase::after {
		width: 250px;
	}
}

#ht-ctc-chat {
	z-index: 999 !important;
}

/* Header icons wrapper - desktop font size */
@media (min-width: 768px) {
	.header-icos-wrapper p.h3 {
		font-size: 22px !important;
	}
}

/* Add hover effect to indicate the entire card is clickable */
.clickable-product-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
	cursor: pointer;
}

.clickable-product-card:hover {
    transform: none;
}

.clickable-product-card:hover .product-image img {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

/* Ensure the remove button stays on top and is easily clickable */
.clickable-product-card .remove-from-recommended {
    z-index: 10;
    position: relative;
}

/* Optional: Add a subtle background on hover for better UX */
.clickable-product-card .remove-from-recommended:hover {
    background-color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 4px;
    padding: 4px !important;
}

/* Additional styles for the popup */
.section-faq .accordion {
	border-top: none !important;
	padding: 0 20px;
}
.section-faq .accordion-item {
	border-bottom: 2px solid #d3eeff !important;
}
.section-faq .accordion-body {
	border-top: 2px solid #d3eeff !important;
	padding: 12px 0;
	color: #1a3582;
}
.section-faq .accordion-button img {
	width: 40px;
	height: auto;
	margin-right: 16px;
}
.faq-header {
	background-position: center;
	background-size: cover;
	border-top: 2px solid #d3eeff;
	border-bottom: 2px solid #d3eeff;
	padding: 50px 25px;
	position: relative;
}
.faq-header h2 {
	max-width: 360px;
	margin-bottom: 0 !important;
	font-weight: 700;
}
.faq-header h3 {
	position: absolute;
	right: 25px;
	bottom: 20px;
	margin-bottom: 0;
	color: #1a3582;
}
.section-faq .accordion-button span {
	position: relative;
	top: 3px;
}

.section-vs {
	margin-top: 40px;
}
.section-vs h2 {
	color: #1a3582;
	font-weight: 700;
}
.section-vs h2 .highlight-text {
	color: #1a3582;
}
.section-vs h2 + p {
	color: #1a3582;
}
.vs {
	border-radius: 25px;
}
.vs-regular {
	background-color: #f4f4f4;
	padding: 90px 90px 30px 20px;
}
.vs-high {
	background-color: #e9f1ff;
	padding: 0px 90px 30px 20px;
}
.vs-img {
	background-position: center;
	background-repeat: no-repeat;
}
.vs-regular .vs-img {
	height: 250px;
	width: auto;
	margin: auto;
	display: block;
	background-size: auto 250px;
	position: relative;
	top: -30px;
	right: -45px;
}
.vs-high .vs-img {
	position: relative;
	right: -45px;
	width: auto;
	height: 340px;
	background-size: auto 340px;
	margin: auto;
	display: block;
}
.vs .item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	min-height: 60px;
}
.vs .item h3 {
	position: absolute;
	margin-bottom: 0;
	left: -240px;
	font-size: 18px;
}
.vs-regular .item::after {
	content: "";
	display: block;
	width: auto;
	height: 1px;
	background-color: #C2C2C2;
	position: absolute;
	bottom: 0;
	right: -70px;
	left: -260px;
}
.vs-high .item::after {
	content: "";
	display: block;
	width: auto;
	height: 1px;
	background-color: #83BB74;
	position: absolute;
	bottom: 0;
	left: -20px;
	right: -90px;
}
.vs .item::after {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.vs .item:last-child::after {
	opacity: 0;
}
.vs .item p {
	margin-bottom: 0;
	max-width: 300px;
	line-height: 1.1;
	color: #1a3582;
}
.mark-vs {
	width: 34px;
	height: 34px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	flex-shrink: 0;
}
.mark-vs.mark-bad {
	background-image: url("/wp-content/themes/sanazia/assets/icons/bad.png");
}
.mark-vs.mark-none {
	background-image: url("/wp-content/themes/sanazia/assets/icons/none.png");
}
.mark-vs.mark-good {
	background-image: url("/wp-content/themes/sanazia/assets/icons/good.png");
}

@keyframes countdown-with-cta_pulse___Pi9V {
	to {
		box-shadow: 0 0 0 8px transparent;
	}
}
.btn-green-2 {
	background-color: #64bf4b;
	border-color: #64bf4b;
	color: #fff;
	border: 0;
}
.btn-green-2:hover, .btn-green-2:active, .btn-green-2:focus {
	color: #fff;
}
.btn-green-glow {
	transform: scale(1);
    transition: transform .1s ease-in-out;
	animation: countdown-with-cta_pulse___Pi9V 3s cubic-bezier(.66,0,0,1) infinite;
	box-shadow: 0 0 0 0 #64bf4b;
	outline: none;
}
.btn-green-glow:focus {
	box-shadow: 0 0 0 0 #64bf4b;
}

.experts {
	padding: 50px 0 60px;
}
.experts-carousel .slick-slide {
	height: auto;
}
.experts-carousel .slick-slide {
	transition: 0.3s ease all;
}
.experts-carousel .slick-track {
	padding-top: 40px;
}
.experts-carousel .slick-active + .slick-active + .slick-active {
	transform: scale(0.8) translateX(6%);
}
.experts-carousel .slick-active + .slick-active {
	transform: scale(0.8) translateX(25%);
}
.experts-carousel .slick-current {
	transform: scale(1.2) translateX(10%);
}

.experts-carousel .slick-prev, .experts-carousel .slick-next {
	top: 100%;
	background-position: center !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
}
.experts-carousel .slick-prev {
	left: calc(50% - 40px);
	background-image: url(/wp-content/themes/sanazia/assets/icons/arrow-l.png) !important;
}
.experts-carousel .slick-next {
	right: calc(50% - 60px);
	background-image: url(/wp-content/themes/sanazia/assets/icons/arrow-r.png) !important;
}
.experts-carousel .slick-prev::before, .experts-carousel .slick-next::before {
	content: none;
}
.experts-carousel .slick-arrow:hover {
	background-color: transparent !important;
}

@media (max-width: 767px) {
	.experts-carousel .slick-arrow {
		height: 50px;
		width: 50px;
	}
	.experts-carousel .slick-prev {
		left: calc(50% - 40px);
	}
}

.experts h2 {
	display: inline-block;
	margin-bottom: 0;
}
.experts h2 span {
	position: relative;
	z-index: 10;
	font-weight: 700;
}
.experts h2::after {
	display: none;
}
.experts h2 + p {
	font-weight: 600;
	color: #1a3582;
	position: relative;
	top: -8px;
}
.experts .signature {
	color: #1a3582;
	max-width: unset;
	margin-top: 20px;
}
.experts .signature::after {
	content: "";
	background-image: url(/wp-content/themes/sanazia/assets/icons/ok.png);
	display: inline-block;
	width: 16px;
	height: 16px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 15px;
	position: relative;
	top: 2px;
}
.expert-say > p {
	font-weight: 600;
	max-width: 400px;
	font-size: 16px;
}
.experts-carousel-pc {
	margin-top: 30px;
}
.experts-carousel-mob {
	display: none !important;
	margin-top: 40px;
}

body.admin-bar .rh-widget>span {
	top: calc(32px + 20px) !important;
}

@media (min-width: 1200px) {
	.text-xl-left {
		text-align: left !important;
	}
}
@media (max-width: 1399px) {
	.vs .item p {
		max-width: 260px;
	}
	.vs .item h3 {
		left: -210px;
		font-size: 16px;
	}
	.vs-regular .item::after {
		left: -230px;
	}
	.section-vs h2 {
		font-size: 2rem;
	}
	.vs-img {
		margin-left: -20px !important;
		margin-right: -20px !important;
		height: 300px !important;
	}
	.vs-regular {
		padding: 0px 90px 30px 20px;
	}
	.vs-regular .vs-img {
		top: 0;
	}
}
@media (max-width: 1199px) {
	.section-faq .no-space {
		margin-right: calc(-.5 * var(--bs-gutter-x) - 20px);
		margin-left: calc(-.5 * var(--bs-gutter-x) - 20px);
	}
	.section-faq .accordion {
		padding: 0 5px;
	}
	.vs-high {
		top: 0;
	}
	.vs .item {
		flex-direction: column;
		gap: 20px;
		margin-bottom: 20px;
	}
	.vs .item .mark-vs {
		order: 1;
	}
	.vs .item p {
		order: 2;
		text-align: center;
	}
	.vs .item h3 {
		display: none;
	}
	.vs .item::after {
		order: 3;
		height: 2px;
		left: 0;
		right: 0;
		width: 80%;
		max-width: 240px;
		margin: auto;
		position: relative;
	}
	.vs {
		padding: 0 20px 20px;
	}
	.col-vs-regular {
		padding-right: calc(var(--bs-gutter-x) * .5);
	}
	.col-vs-high {
		padding-left: calc(var(--bs-gutter-x) * .5);
	}
	.vs-div::before {
		content: "";
		display: inline-block;
		width: 40px;
		height: 40px;
		background-image: url("/wp-content/themes/sanazia/assets/icons/vs.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.vs-div span {
		display: none;
	}
	.section-vs h2 {
		display: inline-flex;
		align-items: center;
		gap: 14px;
		margin-bottom: 8px;
	}
	.vs-high .vs-img {
		right: 0;
	}
	.vs-regular .vs-img {
		right: 0;
	}
	header .nav-menu>li>a {
		font-size: 19px;
		padding: 13px 20px;
	}
}
@media (max-width: 991px) {
	.section-faq .no-space {
		margin-right: calc(-.5 * var(--bs-gutter-x) - 10px);
		margin-left: calc(-.5 * var(--bs-gutter-x) - 10px);
	}
	.faq-header {
		padding: 30px 16px;
	}
	.faq-header h2 {
		max-width: 260px;
	}
	.section-faq .accordion-item .accordion-button {
		padding: 10px 4px;
	}
	.vs-regular .vs-img {
		background-size: 200px;
	}
	.vs-high .vs-img {
		background-size: auto 250px;
	}
	.vs .item {
		gap: 16px;
		margin-bottom: 16px;
	}
}
@media (max-width: 767px) {
	.col-vs-regular {
		padding-right: calc(var(--bs-gutter-x) * .25);
	}
	.col-vs-high {
		padding-left: calc(var(--bs-gutter-x) * .25);
	}
	.experts {
		padding-bottom: 30px;
	}
	.experts-carousel-pc {
		display: none !important;
	}
	.experts-carousel-mob {
		display: block !important;
	}
	.experts h2 + p {
		font-size: 20px;
	}
	.experts-carousel .slick-arrow {
		height: 60px;
		width: 60px;
	}
	.experts-carousel .slick-next {
		right: calc(50% - 90px);
	}
	.experts-carousel-mob {
		margin-top: 60px;
	}
	.experts-carousel-mob .signature {
		margin-bottom: 16px;
		font-size: 18px;
	}
	.experts-carousel .slick-current {
		transform: scale(1.2) translateX(8%);
	}
	.experts-carousel .slick-active + .slick-active {
		transform: scale(0.8) translateX(13%);
	}
	.vs .vs-img {
		height: 220px !important;
	}
	.section-vs {
		margin-top: 0;
		padding-top: 0 !important;
	}
}

@media (max-width: 440px) {
	.rh-widget>span {
		left: 0px;
	}
	.vs {
		padding: 0 10px 10px;
	}
	.vs .item {
		gap: 10px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 782px) {
	body.admin-bar .rh-widget > span {
		top: 115px !important;
		left: 10px !important;
	}
}

.woocommerce-privacy-policy-text {
	display: none;
}

/* Custom Topics Filter */
.sanazia-topics-filter {
	background: #fff;
	border-radius: 12px;
	padding: 20px 16px;
	margin-bottom: 24px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.sanazia-topics-filter h3 {
	font-size: 16px;
	font-weight: 700;
	color: #1a3a52;
	margin: 0 0 16px 0;
	padding-bottom: 10px;
	border-bottom: 2px solid #f0f0f0;
}

.topics-grid {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 16px;
}

.topic-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 8px;
	background: #f8f9fa;
	cursor: pointer;
	transition: all 0.3s ease;
	border: 2px solid transparent;
	text-align: left;
}

.topic-item:hover {
	background: #e8f4f8;
	border-color: #d0e8f2;
	transform: translateY(-2px);
}

.topic-item.active {
	background: #e3f2fd;
	border-color: #1a3582;
	box-shadow: 0 2px 6px rgba(0, 63, 118, 0.2);
}

.topic-item.disabled {
	cursor: not-allowed;
	pointer-events: none;
}

.topic-icon {
	font-size: 24px;
	line-height: 1;
	min-width: 28px;
	text-align: center;
}

.topic-name {
	flex: 1;
	font-size: 13px;
	font-weight: 500;
	color: #1a3a52;
	line-height: 1.3;
}

.topic-count {
	font-size: 11px;
	color: #6c757d;
	font-weight: 400;
	margin-left: auto;
}

.topic-reset-btn {
	width: 100%;
	padding: 12px 20px;
	background: transparent;
	border: 2px solid #1a3582;
	border-radius: 9999px;
	color: #1a3582;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
}

.topic-reset-btn:hover {
	background: #f0f4f8;
	border-color: #1a3582;
	color: #1a3582;
}

/* Mobile responsive */
@media (max-width: 1199px) {
	.sanazia-topics-filter {
		padding: 20px;
	}

	.topics-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.topic-item {
		flex-direction: column;
		text-align: center;
		padding: 16px 12px;
	}

	.topic-icon {
		font-size: 32px;
	}

	.topic-name {
		font-size: 13px;
	}
}

/* Hide BeRocket categories filter widget */
.berocket_single_filter_widget {
	display: none !important;
}

/* Custom Packaging Type Filter */
.sanazia-packaging-filter {
	background: #fff;
	border-radius: 12px;
	padding: 20px 16px;
	margin-bottom: 24px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.sanazia-packaging-filter h3 {
	font-size: 16px;
	font-weight: 700;
	color: #1a3a52;
	margin: 0 0 16px 0;
	padding-bottom: 10px;
	border-bottom: 2px solid #f0f0f0;
}

.packaging-grid {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 16px;
}

.packaging-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 8px;
	background: #f8f9fa;
	cursor: pointer;
	transition: all 0.3s ease;
	border: 2px solid transparent;
	text-align: left;
}

.packaging-item:hover {
	background: #e8f4f8;
	border-color: #d0e8f2;
	transform: translateY(-2px);
}

.packaging-item.active {
	background: #e3f2fd;
	border-color: #1a3582;
	box-shadow: 0 2px 6px rgba(0, 63, 118, 0.2);
}

.packaging-item.disabled {
	cursor: not-allowed;
	pointer-events: none;
}

.packaging-icon {
	font-size: 24px;
	line-height: 1;
	min-width: 28px;
	text-align: center;
}

.packaging-name {
	flex: 1;
	font-size: 13px;
	font-weight: 500;
	color: #1a3a52;
	line-height: 1.3;
}

.packaging-count {
	font-size: 11px;
	color: #6c757d;
	font-weight: 400;
	margin-left: auto;
}

.packaging-reset-btn {
	width: 100%;
	padding: 12px 20px;
	background: transparent;
	border: 2px solid #1a3582;
	border-radius: 9999px;
	color: #1a3582;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
}

.packaging-reset-btn:hover {
	background: #f0f4f8;
	border-color: #1a3582;
	color: #1a3582;
}

/* Mobile responsive for packaging filter */
@media (max-width: 1199px) {
	.sanazia-packaging-filter {
		padding: 20px;
	}

	.packaging-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.packaging-item {
		flex-direction: column;
		text-align: center;
		padding: 16px 12px;
	}

	.packaging-icon {
		font-size: 32px;
	}

	.packaging-name {
		font-size: 13px;
	}
}

/* ========================================================================
   SUBSCRIPTION FREQUENCY CHANGE
   ======================================================================== */

.sanazia-subscription-frequency-change {
	background: #f9f9f9;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	padding: 20px;
	margin: 25px 0;
}

.sanazia-subscription-frequency-change h3 {
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 18px;
	color: #333;
	font-weight: 600;
}

.sanazia-subscription-frequency-change label {
	display: block;
	margin-bottom: 8px;
	font-weight: 500;
	color: #555;
}

.sanazia-subscription-frequency-change .sanazia-frequency-select {
	width: 100%;
	max-width: 300px;
	padding: 10px 15px;
	font-size: 16px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
	transition: border-color 0.3s ease;
}

.sanazia-subscription-frequency-change .sanazia-frequency-select:focus {
	outline: none;
	border-color: #5cb85c;
	box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.1);
}

.sanazia-subscription-frequency-change .sanazia-frequency-note {
	margin: 10px 0;
	color: #666;
}

.sanazia-subscription-frequency-change .sanazia-frequency-note small {
	font-size: 13px;
	font-style: italic;
}

.sanazia-subscription-frequency-change #sanazia-change-frequency-btn {
	background-color: #5cb85c;
	color: white;
	padding: 12px 30px;
	font-size: 16px;
	font-weight: 600;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.sanazia-subscription-frequency-change #sanazia-change-frequency-btn:hover {
	background-color: #4cae4c;
}

.sanazia-subscription-frequency-change #sanazia-change-frequency-btn:active {
	background-color: #449d44;
}

/* Responsive */
@media (max-width: 768px) {
	.sanazia-subscription-frequency-change {
		padding: 15px;
	}

	.sanazia-subscription-frequency-change .sanazia-frequency-select {
		max-width: 100%;
	}
}

/* ========================================================================
   QUIZ RESULTS PAGE - HIDE HEADER BUTTON
   ======================================================================== */

#header-btn {
	display: none !important;
}

/* ========================================================================
   QUIZ COUNTDOWN BANNER - 15 MINUTE FIRST ORDER DISCOUNT
   ======================================================================== */

.sanazia-quiz-countdown-banner {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: #ffffff;
	padding: 12px 0;
	animation: slideDown 0.5s ease-out;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Position below admin bar when logged in */
.admin-bar .sanazia-quiz-countdown-banner {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .sanazia-quiz-countdown-banner {
		top: 46px;
	}
}

@keyframes slideDown {
	from {
		opacity: 0;
		transform: translateY(-100%);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes pulse {
	0% {
		transform: scale(1);
		box-shadow: 0 4px 12px rgba(100, 191, 75, 0.3);
	}
	50% {
		transform: scale(1.05);
		box-shadow: 0 6px 20px rgba(100, 191, 75, 0.5);
	}
	100% {
		transform: scale(1);
		box-shadow: 0 4px 12px rgba(100, 191, 75, 0.3);
	}
}

.countdown-banner-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: nowrap;
}

.banner-left {
	display: flex;
	align-items: center;
	gap: 15px;
	flex: 1;
}

.banner-icon {
	font-size: 28px;
	line-height: 1;
	flex-shrink: 0;
	filter: drop-shadow(0 2px 4px rgba(245, 87, 108, 0.3));
}

.banner-text {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 15px;
	flex-wrap: wrap;
}

.banner-title {
	color: #01477b;
	font-size: 15px;
	font-weight: 700;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.banner-subtitle {
	color: #666;
	font-size: 13px;
	margin: 0;
	font-weight: 500;
}

.coupon-code-wrapper {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #fff;
	padding: 6px 14px;
	border-radius: 25px;
	border: 2px dashed #f5576c;
	box-shadow: 0 2px 6px rgba(245, 87, 108, 0.15);
}

.coupon-label {
	color: #01477b;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.coupon-code {
	color: #f5576c;
	font-size: 14px;
	font-weight: 700;
	font-family: 'Courier New', monospace;
	letter-spacing: 0.5px;
}

.copy-coupon-btn {
	background: transparent;
	border: none;
	color: #666;
	padding: 4px 6px;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}

.copy-coupon-btn:hover {
	background: #e0e0e0;
	color: #333;
}

.banner-right {
	display: flex;
	align-items: center;
	gap: 15px;
	flex-wrap: nowrap;
}

.countdown-timer {
	display: flex;
	align-items: center;
	gap: 8px;
}

.timer-label {
	display: none;
}

.timer-display {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 8px 14px;
	border-radius: 25px;
}

.timer-unit {
	display: flex;
	align-items: baseline;
	gap: 2px;
}

.timer-value {
	color: #1a3582;
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
	font-family: 'BR Cobane', sans-serif;
}

.timer-text {
	color: #01477b;
	font-size: 11px;
	font-weight: 600;
}

.timer-separator {
	color: #01477b;
	font-size: 20px;
	font-weight: 700;
	padding: 0 2px;
}

.banner-cta-btn {
	background: #1f8801;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	padding: 13px 32px;
	border: none;
	border-radius: 25px;
	cursor: pointer;
	transition: all 0.3s ease;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	white-space: nowrap;
	box-shadow: 0 4px 12px rgba(46, 168, 11, 0.3);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.banner-cta-btn svg {
	display: block;
}

.banner-cta-btn:hover {
	background: #268f09;
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(46, 168, 11, 0.4);
}

.banner-cta-btn:active {
	transform: translateY(1px);
}

.banner-cta-btn.disabled {
	opacity: 0.7;
	cursor: not-allowed;
	pointer-events: none;
}

/* Expired state */
.sanazia-quiz-countdown-banner.countdown-expired {
	background-color: #f9f9f9;
}

.countdown-expired .banner-title {
	color: #999;
}

.countdown-expired .timer-value {
	color: #999;
}

.countdown-expired .banner-cta-btn {
	background: #1f8801;
	color: #fff;
	cursor: pointer;
}

.countdown-expired .banner-cta-btn:hover {
	background: #268f09;
}

/* Responsive */
@media (max-width: 992px) {
	.countdown-banner-content {
		flex-wrap: wrap;
		gap: 15px;
	}

	.banner-left {
		flex: 1 1 100%;
	}

	.banner-right {
		flex: 1 1 100%;
		justify-content: space-between;
	}

	.banner-text {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
}

@media (max-width: 768px) {
	.sanazia-quiz-countdown-banner {
		padding: 8px 0;
	}

	/* Hide all banner-left content on mobile (icon, title, coupon code) */
	.banner-left {
		display: none !important;
	}

	/* Banner-right becomes full width with timer on left, button on right */
	.banner-right {
		flex: 1;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
	}

	.countdown-timer {
		flex-direction: column;
		align-items: flex-start;
		gap: 2px;
	}

	/* Hide timer label on mobile */
	.timer-label {
		display: none;
	}

	.timer-display {
		display: flex;
		align-items: center;
		gap: 2px;
	}

	.timer-value {
		font-size: 20px;
	}

	.timer-text {
		font-size: 14px;
		margin-left: 4px;
	}

	.banner-cta-btn {
		font-size: 12px;
		padding: 10px 14px;
		white-space: nowrap;
		flex-shrink: 0;
	}
}

@media (max-width: 380px) {
	.timer-value {
		font-size: 17px;
	}

	.timer-text {
		font-size: 12px;
	}

	.banner-cta-btn {
		font-size: 12px;
		padding: 10px 12px;
	}
}

/* Subscription details mobile */
@media only screen and (max-width: 768px) {
	.subscription_details .button {
		margin-top: 10px !important;
	}
}

/* ========================================================================
   PURCHASE OPTIONS - FINAL CORRECT VERSION
   ======================================================================== */

/* Section Title */
.purchase-section-title {
	color: #1a3582;
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 40px;
}

/* Promo Code Banner - Pink themed, always visible on mobile */
.promo-code-banner {
	background: #ffe8eb;
	border-radius: 20px;
	padding: 20px;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	box-shadow: 0 4px 15px rgba(255, 71, 93, 0.1);
}

/* Hide on desktop (768px and above) */
@media (min-width: 768px) {
	.promo-code-banner {
		display: none !important;
	}
}

/* Top Row - Badge + Title */
.promo-banner-top-row {
	display: flex;
	align-items: center;
	gap: 15px;
}

.promo-discount-badge {
	background: #ff475d;
	color: white;
	border-radius: 12px;
	padding: 8px 14px;
	text-align: center;
	min-width: 65px;
	flex-shrink: 0;
	align-self: flex-start;
}

.discount-old {
	font-size: 14px;
	text-decoration: line-through;
	opacity: 0.9;
	margin-bottom: 2px;
	font-weight: 600;
}

.discount-new {
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
}

.promo-banner-title {
	color: #1a3582;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	flex: 1;
}

/* Bottom Row - Coupon + Timer */
.promo-banner-bottom-row {
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: space-between;
}

.promo-code-display {
	display: flex;
	align-items: center;
	gap: 10px;
	background: white;
	padding: 10px 18px;
	border-radius: 10px;
	flex: 0 1 auto;
	min-width: 0;
}

.promo-code-display .checkmark {
	color: #ff475d;
	font-size: 20px;
	font-weight: 700;
	flex-shrink: 0;
}

.promo-code-text {
	color: #0056a8;
	font-size: 16px;
	font-weight: 700;
	font-family: 'Courier New', monospace;
	letter-spacing: 0.5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.promo-timer-display {
	text-align: center;
	flex-shrink: 0;
}

.timer-numbers {
	color: #ff475d;
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 2px;
}

.timer-numbers .timer-value {
	font-size: inherit;
	color: inherit;
}

.timer-numbers .timer-colon {
	margin: 0 2px;
}

.timer-labels-row {
	display: flex;
	gap: 20px;
	justify-content: center;
	margin-top: 5px;
}

.timer-label-item {
	color: #666;
	font-size: 12px;
	font-weight: 500;
}

/* Purchase Cards - PDP Frequency Style */
.purchase-cards-column {
	display: flex;
	flex-direction: row;
	gap: 12px;
	margin: 0 auto;
}

.purchase-cards-column > .purchase-option-wrapper {
	flex: 1;
}

@media (max-width: 767px) {
	.purchase-cards-column {
		flex-direction: column;
	}
}

.purchase-option-wrapper {
	position: relative;
}

.purchase-option-card {
	background: #fff;
	border: 2px solid rgba(13, 0, 71, 0.15);
	border-radius: 12px;
	cursor: pointer;
	transition: all 0.2s ease;
	overflow: hidden;
}

.purchase-option-card:hover {
	border-color: rgba(13, 0, 71, 0.4);
}

.purchase-option-card.active {
	background: #e2efff;
	border-color: #1a3582;
}

/* Popular Badge - inside card top */
.popular-badge-top {
	display: block;
	background: #1a3582;
	color: #fff;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	padding: 12px 12px 8px 12px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin: -2px -2px 0 -2px;
	border-radius: 10px 10px 0 0;
}

/* Radio - hidden input, visible dot */
.purchase-radio {
	display: none;
}

.card-radio-dot {
	width: 20px;
	height: 20px;
	border: 2px solid rgba(13, 0, 71, 0.2);
	border-radius: 50%;
	position: relative;
	flex-shrink: 0;
	transition: border-color 0.2s ease;
}

.purchase-option-card.active .card-radio-dot {
	border-color: #1a3582;
}

.purchase-option-card.active .card-radio-dot::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	background: #1a3582;
	border-radius: 50%;
}

/* Card Inner - flex row */
.card-inner {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 16px;
}

/* Card Content - title area */
.card-content {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.option-title {
	font-size: 16px;
	color: #1a3582;
	letter-spacing: -0.18px;
	font-weight: 600;
	margin: 0;
}

/* Price Display - right aligned */
.purchase-option-card .price-display {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin-left: auto;
}

.price-row {
	display: flex;
	align-items: center;
	gap: 8px;
}

.price-main {
	font-size: 18px;
	font-weight: 600;
	color: #1a3582;
	letter-spacing: -0.18px;
}

.price-old {
	font-size: 15px;
	color: #8f8f8f;
	text-decoration: line-through;
	letter-spacing: -0.18px;
}

.price-per-day {
	font-size: 13px;
	color: #556b8a;
}

/* Benefits below card-inner */
.card-benefits {
	padding: 0 10px 22px 46px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.card-benefit {
	font-size: 14px;
	color: #1a3582;
	line-height: 1.4;
	padding-left: 24px;
	position: relative;
}

.card-benefit::before {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	width: 16px;
	height: 16px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23122d6f" d="M448,71.9c-17.3-13.4-41.5-9.3-54.1,9.1L214,344.2l-99.1-107.3c-14.6-16.6-39.1-17.4-54.7-1.8c-15.6,15.5-16.4,41.6-1.7,58.1c0,0,120.4,133.6,137.7,147c17.3,13.4,41.5,9.3,54.1-9.1l206.3-301.7C469.2,110.9,465.3,85.2,448,71.9z"/></svg>');
	background-size: contain;
	background-repeat: no-repeat;
}

.card-benefit-badge {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	background: #ff6577;
	padding: 2px 8px;
	border-radius: 4px;
	white-space: nowrap;
	text-transform: uppercase;
	margin-left: 4px;
	vertical-align: middle;
}

/* Quiz certifications under product slider */
.quiz-certifications {
	padding: 30px 0 50px;
}

.quiz-certifications .pdp-certifications-grid {
	max-width: 1000px;
	margin: 0 auto;
}

/* Quiz multi-mob image - mobile only */
.quiz-multi-mob {
	padding: 20px 15px 40px;
}

.quiz-multi-mob-img {
	width: 100%;
	border-radius: 20px;
}

/* Quiz trust badges - scoped overrides */
.quiz-trust-badges {
	max-width: 500px;
	margin: 20px auto 0 auto;
}

/* "Ako zrušiť" Link - ALIGNED WITH BADGE */
.link-button-underline {
	background: #fff;
	border: 2px solid #999;
	border-radius: 25px;
	color: #0d5a9d;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	padding: 12px 25px;
	transition: all 0.3s ease;
	display: inline-block;
}

.link-button-underline:hover {
	background: #f5f5f5;
	border-color: #666;
}

/* Pulse animation for checkout button */
@keyframes btnPulse {
	to {
		box-shadow: 0 0 0 12px transparent;
	}
}

/* Checkout Button - CENTERED */
.btn-checkout-main {
	background: #1f8801;
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	text-transform: none;
	padding: 20px 90px;
	border: none;
	border-radius: 50px;
	cursor: pointer;
	transform: scale(1);
	transition: transform 0.1s ease-in-out;
	animation: btnPulse 3s cubic-bezier(0.66, 0, 0, 1) infinite;
	box-shadow: 0 0 0 0 rgba(46, 168, 11, 0.7);
	outline: none;
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.btn-checkout-main svg {
	display: block;
}

.btn-checkout-main:hover {
	background: #268f09;
	transform: translateY(-2px);
}

/* Mobile Responsive */
@media (max-width: 991px) {
	.purchase-section-title {
		font-size: 28px;
		margin-bottom: 30px;
	}
}

@media (max-width: 767px) {
	/* Promo banner mobile layout - always visible on mobile */
	.promo-code-banner {
		display: block !important;
		padding: 15px;
	}

	.promo-banner-title {
		font-size: 16px;
	}

	.promo-discount-badge {
		min-width: 75px;
		padding: 10px 14px;
	}

	.discount-old {
		font-size: 12px;
	}

	.discount-new {
		font-size: 16px;
	}

	.promo-banner-bottom {
		flex-direction: column;
		gap: 12px;
	}

	.promo-codes {
		width: 100%;
	}

	.code-strikethrough,
	.code-value {
		font-size: 13px;
	}

	.promo-timer {
		width: 100%;
		padding: 10px 14px;
	}

	.promo-timer .timer-value,
	.promo-timer .timer-separator {
		font-size: 20px;
	}

	.timer-labels .timer-label {
		font-size: 10px;
	}

	.purchase-section-title {
		font-size: 24px;
		margin-bottom: 15px !important;
	}

	.popular-badge-top {
		font-size: 11px;
		padding: 8px 12px 6px 12px;
	}

	.link-button-underline {
		font-size: 14px;
		padding: 10px 20px;
		width: auto;
		text-align: center;
		margin-top: 0;
	}

	.purchase-bottom-row {
		justify-content: space-between;
	}

	.btn-checkout-main {
		font-size: 18px;
		padding: 16px 50px;
		width: 100%;
		max-width: 400px;
	}

	/* Promo banner mobile layout at 767px */
	.promo-code-banner {
		flex-direction: column;
		gap: 15px;
		padding: 15px;
	}

	.promo-banner-top-row {
		padding-bottom: 12px;
		height: 50px;
	}

	.promo-banner-left,
	.promo-banner-center,
	.promo-banner-right {
		width: 100%;
	}

	.promo-discount-badge {
		min-width: 80px;
		padding: 12px 16px;
		position: relative;
		top: -32px;
	}

	.discount-old {
		font-size: 14px;
	}

	.discount-new {
		font-size: 24px;
	}

	.promo-banner-title {
		font-size: 18px;
		position: relative;
		top: -8px;
	}

	.promo-code-display .checkmark {
		position: relative;
		top: -5px;
	}

	.promo-code-text {
		font-size: 16px;
	}

	.timer-numbers {
		font-size: 30px;
	}

	.timer-numbers .timer-value {
		font-size: 30px;
	}

	.timer-labels-row {
		margin-top: 0;
	}

	.timer-label-item {
		font-size: 13px;
	}
}

@media (max-width: 480px) {
	.purchase-section-title {
		font-size: 22px;
	}

	.btn-checkout-main {
		font-size: 18px;
		padding: 18px 40px;
	}
}

/* Divider colors */
.divider.divider-primary svg path {
	fill: #003F76;
}

.divider svg:not([class*="bg"]) path {
	fill: #fff;
}

/* Footer certifications */
.footer-certifications {
	padding: 20px 0;
}

.footer-cert-item {
	flex: 0 0 auto;
}

@media (max-width: 767px) {
	.footer-certifications {
		gap: 15px !important;
	}

	.footer-cert-item {
		flex: 0 0 calc(33.333% - 10px);
		display: flex;
		justify-content: center;
	}

	.footer-cert-item img {
		max-height: 40px !important;
	}
}

/* Product Selection Boxes */
.section-product-boxes {
	background: transparent;
}

.product-box-link {
	text-decoration: none;
	display: block;
	height: 100%;
}

.product-box {
	background: #e9f1ff;
	border: none;
	border-radius: 16px;
	transition: all 0.3s ease;
	height: 100%;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	padding: 15px 40px 0px 40px !important;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
}

.product-box:hover {
	box-shadow: 0 8px 24px rgba(0,0,0,0.12);
	transform: translateY(-4px);
}

.product-box-text {
	flex: 0 0 auto;
	text-align: left;
	max-width: 35%;
}

.product-box h3 {
	color: #1a3582;
	font-weight: 700;
	margin-bottom: 0;
	font-size: 1.75rem;
	line-height: 1.2;
}

.product-box-subtitle {
	display: block;
	font-size: 1rem;
	font-weight: 400;
	color: #1a3582;
	margin-top: 5px;
}

.product-box-image {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.product-box-image img {
	max-width: 200px;
	width: 100%;
}

.product-box-arrow {
	flex: 0 0 auto;
	width: 50px;
	height: 50px;
	background: #283d77;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

.product-box-arrow i {
	color: #fff;
	font-size: 24px;
}

.product-box:hover .product-box-arrow {
	transform: translateX(5px);
}

@media (max-width: 991px) {
	.product-box {
		padding: 30px !important;
	}

	.product-box-text {
		max-width: 40%;
	}

	.product-box h3 {
		font-size: 1.5rem;
	}

	.product-box-image img {
		max-width: 200px;
	}
}

@media (max-width: 767px) {
	.section-product-boxes .row {
		gap: 1.5rem !important;
	}

	.product-box {
		padding: 20px 15px !important;
		flex-direction: row;
		gap: 10px;
	}

	.product-box-text {
		max-width: 35%;
		flex: 0 0 35%;
		text-align: left;
	}

	.product-box h3 {
		font-size: 1.7rem;
		line-height: 1;
	}

	.product-box-subtitle {
		font-size: 1rem;
		margin-top: 3px;
	}

	.product-box-image {
		flex: 1;
	}

	.product-box-image img {
		max-width: 120px;
	}

	.product-box-arrow {
		width: 35px;
		height: 35px;
		flex: 0 0 35px;
	}

	.product-box-arrow i {
		font-size: 18px;
	}
}

/* Variation Modal */
#variationModalImage {
	border-radius: 10px;
}

/* Mobile Filter Modal */
/* Mobile Filter/Sort Button Bar - Figma Design */
/* Override Bootstrap d-md-none to use 990px breakpoint instead */
.mobile-filter-sort-bar.d-md-none {
	display: block !important;
}

@media (min-width: 990px) {
	.mobile-filter-sort-bar.d-md-none {
		display: none !important;
	}
}

.mobile-filter-sort-bar {
	border-top: 1px solid #d1d5db;
	border-bottom: 1px solid #d1d5db;
	padding: 0;
	margin: 0 -15px 0 -15px;
	width: calc(100% + 30px);
}

.mobile-filter-sort-bar .btn {
	border: none;
	border-radius: 0;
	background: transparent;
	padding: 16px;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #1a3582;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	transition: background-color 0.15s ease;
}

.mobile-filter-sort-bar .btn:first-child {
	border-right: 1px solid #d1d5db;
}

.mobile-filter-sort-bar .btn:hover,
.mobile-filter-sort-bar .btn:active {
	background: #f9fafb;
	color: #1a3582;
}

.mobile-filter-sort-bar .btn i {
	font-size: 16px;
}

/* Mobile: Hide sidebar, full-width products (up to 989px) */
@media (max-width: 989px) {
	/* Hide sidebar filters on mobile/tablet */
	.woocommerce-shop .with-sidebar .col-xl-3 {
		display: none !important;
	}

	/* Make product column full width on mobile/tablet */
	.woocommerce-shop .with-sidebar .col-xl-9 {
		max-width: 100%;
		flex: 0 0 100%;
	}
}

/* Desktop: Show sidebar layout from 990px */
@media (min-width: 990px) {
	.woocommerce-shop .with-sidebar .col-xl-3 {
		display: flex !important;
		flex-direction: column !important;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.woocommerce-shop .with-sidebar .col-xl-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
}

/* Filter Modal Bottom Sheet */
.filter-modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9998;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.filter-modal-overlay.active {
	display: block;
	opacity: 1;
}

.filter-modal {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	z-index: 9999;
	max-height: 85vh;
	border-radius: 16px 16px 0 0;
	transform: translateY(100%);
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	display: flex;
	flex-direction: column;
}

.filter-modal.active {
	transform: translateY(0);
}

/* Filter Modal Header - Figma Design */
.filter-modal-header {
	padding: 16px 24px;
	border-bottom: 1px solid #e5e7eb;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
	position: sticky;
	top: 0;
	background: #fff;
	z-index: 1;
}

.filter-modal-title {
	font-size: 22px;
	font-weight: 500;
	color: #1a3582;
	margin: 0;
}

.filter-modal-close {
	background: none;
	border: none;
	font-size: 20px;
	color: #6b7280;
	cursor: pointer;
	padding: 4px;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	border-radius: 50%;
	transition: background-color 0.15s ease;
}

.filter-modal-close:hover {
	background: #f3f4f6;
	color: #1a3582;
}

/* Filter Modal Body - Figma Design */
.filter-modal-body {
	padding: 24px;
	overflow-y: auto;
	flex: 1;
}

.filter-group {
	margin-bottom: 32px;
}

.filter-group:last-child {
	margin-bottom: 0;
}

.filter-group-title {
	font-size: 20px;
	font-weight: 500;
	color: #1a3582;
	margin-bottom: 16px;
	text-transform: none;
}

.filter-option {
	display: flex;
	align-items: center;
	padding: 12px 0;
	gap: 12px;
}

/* Custom Checkbox Styles - Figma Design */
.filter-option input[type="checkbox"],
.filter-option input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	min-width: 20px;
	border: 2px solid #d1d5db;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	background: #fff;
	transition: all 0.15s ease;
	margin: 0;
}

.filter-option input[type="radio"] {
	border-radius: 50%;
}

.filter-option input[type="checkbox"]:checked,
.filter-option input[type="radio"]:checked {
	background: #1a3582;
	border-color: #1a3582;
}

.filter-option input[type="checkbox"]:checked::after {
	content: '';
	position: absolute;
	left: 5px;
	top: 2px;
	width: 6px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.filter-option input[type="radio"]:checked::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 8px;
	height: 8px;
	background: white;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.filter-option label {
	font-size: 16px;
	font-weight: 500;
	color: #1f2937;
	cursor: pointer;
	flex: 1;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 8px;
}

/* Hide emoji icons in filter modal */
.filter-option .topic-icon {
	display: none;
}

/* Filter Modal Footer - Figma Design */
.filter-modal-footer {
	padding: 16px 24px;
	border-top: 1px solid #e5e7eb;
	display: flex;
	gap: 12px;
	flex-shrink: 0;
	position: sticky;
	bottom: 0;
	background: #fff;
}

.filter-modal-footer .btn {
	flex: 1;
	padding: 12px 20px;
	border-radius: 9999px;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.15s ease;
}

.btn-clear {
	background: transparent;
	color: #1a3582;
	border: 2px solid #1a3582;
}

.btn-clear:hover {
	background: #f9fafb;
}

.btn-apply {
	background: #1a3582;
	color: #fff;
	border: 2px solid #1a3582;
}

.btn-apply:hover {
	background: #0d1f4d;
	border-color: #0d1f4d;
}

/* =============================================
   Desktop Sale Circle & Quiz Card - Figma Design
   ============================================= */

/* Circular discount badge - Desktop (same as mobile) */
.woocommerce ul.products li.product .onsale {
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	min-height: 44px !important;
	border-radius: 50% !important;
	background: #ff475d !important;
	top: 12px !important;
	right: 16px !important;
	left: auto !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
}

/* Remove triangle from sale badge on desktop */
.woocommerce ul.products li.product .onsale:after {
	display: none !important;
}

/* Quiz promotional card - Orange gradient - Desktop */
.woocommerce ul.products li.quiz-product-card .quiz-card-wrapper {
	background: linear-gradient(to bottom right, #fb923c, #fdba74, #fed7aa) !important;
	border-radius: 16px !important;
}

.woocommerce ul.products li.quiz-product-card .quiz-card-wrapper::before {
	display: none !important;
}

.woocommerce ul.products li.quiz-product-card .quiz-card-content h3 {
	color: #1a3582 !important;
	text-shadow: none !important;
}

.woocommerce ul.products li.quiz-product-card .quiz-card-content p {
	color: #1a3582 !important;
	text-shadow: none !important;
	opacity: 1;
}

.woocommerce ul.products li.quiz-product-card .quiz-card-button {
	background: #1a3582 !important;
	border-color: #1a3582 !important;
	color: #fff !important;
	border-radius: 9999px !important;
	width: 100% !important;
	font-size: 16px !important;
	text-align: center !important;
}

.woocommerce ul.products li.quiz-product-card .quiz-card-button:hover {
	background: #1a4a8a !important;
	border-color: #1a4a8a !important;
}

/* Mobile Product Boxes Adjustments */
@media (max-width: 767px) {
	.section-product-boxes {
		padding-top: 0px !important;
	}

	.section-product-boxes .row {
		gap: 0.5rem !important;
	}

	.product-box-image img {
		max-width: 140px;
	}

	/* Mobile Product Grid - Figma Design */
	.woocommerce ul.products li.product {
		width: 50% !important;
		max-width: 50% !important;
		flex: 0 0 50% !important;
		padding: 0 8px 16px !important;
	}

	/* Rounded product images - Figma Design */
	ul.products li.product .product-image {
		border-radius: 16px !important;
		height: auto !important;
		aspect-ratio: 1 / 1;
		background: #f9fafb;
		margin-bottom: 12px;
	}

	ul.products li.product .product-image img {
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
	}

	/* Circular discount badge - Figma Design */
	.woocommerce ul.products li.product .onsale {
		width: 44px !important;
		height: 44px !important;
		min-width: 44px !important;
		min-height: 44px !important;
		border-radius: 50% !important;
		background: #ff475d !important;
		top: 12px !important;
		right: 16px !important;
		left: auto !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		line-height: 1 !important;
	}

	/* Remove triangle from sale badge */
	.woocommerce ul.products li.product .onsale:after {
		display: none !important;
	}

	/* Product title - Figma Design */
	.woocommerce ul.products li.product .woocommerce-loop-product__title {
		font-size: 16px !important;
		color: #1a3582 !important;
		font-weight: 500 !important;
		margin-bottom: 4px !important;
		line-height: 1.3 !important;
	}

	/* Product description */
	.woocommerce ul.products li.product .product-short-desc {
		display: block !important;
		font-size: 13px !important;
		color: #6b7280 !important;
		font-weight: 500 !important;
		line-height: 1.4 !important;
		margin-bottom: 8px !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
	}

	/* Price section - Figma Design */
	.woocommerce ul.products li.product .price {
		font-size: 18px !important;
		color: #004172 !important;
		font-weight: 500 !important;
		padding-right: 35px !important;
	}

	.woocommerce ul.products li.product .price del {
		font-size: 13px !important;
		color: #9ca3af !important;
	}

	/* Add to cart button - moved to Bug Fixes section at bottom */

	/* Quiz promotional card - Orange gradient - Figma Design */
	.woocommerce ul.products li.quiz-product-card .quiz-card-wrapper {
		background: linear-gradient(to bottom right, #fb923c, #fdba74, #fed7aa) !important;
		border-radius: 16px !important;
	}

	.woocommerce ul.products li.quiz-product-card .quiz-card-wrapper::before {
		display: none !important;
	}

	.quiz-card-content h3 {
		color: #fff !important;
		text-shadow: none !important;
		font-size: 20px !important;
	}

	.quiz-card-content p {
		color: #fff !important;
		text-shadow: none !important;
		opacity: 0.9;
		font-size: 14px !important;
	}

	.quiz-card-button {
		background: #ff6b35 !important;
		border-radius: 9999px !important;
		padding: 12px 24px !important;
	}

	.quiz-card-button:hover {
		background: #e55a2b !important;
	}
}

/* FKCart Floating Icon - Only show on WooCommerce pages */
body:not(.woocommerce):not(.woocommerce-page) #fkcart-floating-toggler {
	display: none !important;
}

/* Hide on My Account page */
body.woocommerce-account #fkcart-floating-toggler {
	display: none !important;
}

#fkcart-floating-toggler {
	z-index: 9997 !important;
}

/* Hide fkcart on Bukovsky product pages (mobile) when sticky bar is present */
@media (max-width: 767px) {
	body.single-product:has(.buk-sticky-bar) #fkcart-floating-toggler {
		display: none !important;
	}
}

.header-title {
	font-weight: 700;
	text-transform: none !important;
}

.black-light-color {
	font-weight: 500;
}

h2.blue-text {
	font-weight: 700;
}

h3.blue-text {
	font-weight: 600;
}

/* Hide quiz results subtitle */
p.h3.mb-4.blue-text.fs-16-mobile {
	display: none !important;
}

/* Quiz results - normal case for custom title */
h2.custom-title.text-uppercase {
	text-transform: none !important;
}

.section-results-products .custom-text {
	font-weight: 600;
	color: #1a3582;
}

.header-icos-wrapper p.fs-16-mobile {
	font-weight: 600;
}

p.mb-0.text-dark.fs-16-mobile {
	color: #1a3582 !important;
	font-weight: 600;
}

/* Products Page Banner - Responsive */
.produkty-banner {
	width: 100%;
	line-height: 0;
}

.produkty-banner img {
	width: 100%;
	height: auto;
}

/* Desktop: show desktop banner, hide mobile */
.produkty-banner img.produkty-banner-desktop {
	display: block;
}

.produkty-banner img.produkty-banner-mobile {
	display: none;
}

/* Mobile: show mobile banner, hide desktop */
@media (max-width: 767px) {
	.produkty-banner img.produkty-banner-desktop {
		display: none;
	}

	.produkty-banner img.produkty-banner-mobile {
		display: block;
	}
}

/* Hero Description - Products Page */
.hero-description {
	background-color: #fff;
	padding: 30px 0 0;
	text-align: left;
}

.hero-description-text {
	font-size: 1.125rem;
	color: #1a3582;
	font-weight: 700;
	margin: 0;
	line-height: 1.6;
}

/* Reduce top padding on section-c2a section-divider - mobile only */
@media (max-width: 991px) {
	.section.section-c2a.py-0.section-divider {
		padding-top: 0px !important;
	}
}

/* ==========================================================================
   Desktop Product Page Redesign (Figma)
   ========================================================================== */

/* Desktop Sidebar - Clean Figma Style */
@media (min-width: 992px) {
	/* Remove card styling from filter widgets */
	.sanazia-topics-filter,
	.sanazia-packaging-filter {
		background: transparent;
		box-shadow: none;
		border-radius: 0;
		padding: 0;
		margin-bottom: 32px;
	}

	/* Filter headings - clean style */
	.sanazia-topics-filter h3,
	.sanazia-packaging-filter h3 {
		font-size: 16px;
		font-weight: 500;
		color: #1a3582;
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 16px;
	}

	/* Topics grid - vertical list on desktop */
	.topics-grid {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	/* Topic items - clean checkbox style */
	.topic-item,
	.packaging-item {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 12px;
		background: transparent;
		padding: 10px 0;
		border: none;
		border-radius: 0;
		box-shadow: none;
		transform: none;
	}

	.topic-item:hover,
	.packaging-item:hover {
		background: transparent;
		border-color: transparent;
		transform: none;
	}

	.topic-item.active,
	.packaging-item.active {
		background: transparent;
		border-color: transparent;
		box-shadow: none;
	}

	/* Hide emoji icons on desktop */
	.topic-icon {
		display: none;
	}

	/* Topic name styling */
	.topic-name,
	.packaging-name {
		font-size: 14px;
		font-weight: 500;
		color: #1a3582;
	}

	.topic-item:hover .topic-name,
	.packaging-item:hover .packaging-name {
		color: #1a3f7a;
	}

	/* Topic count */
	.topic-count,
	.packaging-count {
		font-size: 12px;
		color: #6b7280;
	}

	/* Custom checkboxes for desktop filters */
	.topic-item::before,
	.packaging-item::before {
		content: '';
		display: block;
		width: 18px;
		height: 18px;
		min-width: 18px;
		border: 2px solid #d1d5db;
		border-radius: 4px;
		background: white;
		transition: all 0.2s ease;
	}

	.topic-item.active::before,
	.packaging-item.active::before {
		background: #1a3582;
		border-color: #1a3582;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
		background-size: 12px;
		background-position: center;
		background-repeat: no-repeat;
	}

	/* Reset button styling */
	.topic-reset-btn {
		margin-top: 16px;
		padding: 10px 16px;
		border: 2px solid #1a3582;
		border-radius: 9999px;
		background: transparent;
		color: #1a3582;
		font-weight: 500;
		font-size: 14px;
	}

	.topic-reset-btn:hover {
		background: #f3f4f6;
		border-color: #1a3582;
		color: #1a3582;
	}

	/* 3-column product grid on desktop */
	.woocommerce ul.products.columns-4 li.product,
	.woocommerce-page ul.products.columns-4 li.product {
		width: 33.333% !important;
		padding: 0 12px 24px !important;
	}
}

/* Desktop Sidebar - Stack items vertically */
.with-sidebar .col-xl-3 {
	display: flex !important;
	flex-direction: column !important;
}

/* Sort Dropdown - Desktop Sidebar */
form.desktop-sort-dropdown,
.desktop-sort-dropdown {
	display: block !important;
	width: 100% !important;
	clear: both !important;
	float: none !important;
	margin-bottom: 32px;
	position: relative;
	order: -1; /* Put sort dropdown first */
}

.desktop-sort-dropdown label {
	display: block;
	font-size: 16px;
	font-weight: 500;
	color: #1a3582;
	margin-bottom: 12px;
}

.desktop-sort-dropdown select {
	width: 100%;
	padding: 10px 40px 10px 16px;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	background: white;
	color: #1a3582;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
	background-size: 16px;
	background-position: right 12px center;
	background-repeat: no-repeat;
}

.desktop-sort-dropdown select:focus {
	outline: none;
	border-color: #1a3582;
	box-shadow: 0 0 0 2px rgba(18, 45, 111, 0.1);
}

/* Hide default WooCommerce ordering dropdown (but not our custom one) */
.woocommerce-ordering:not(.desktop-sort-dropdown) {
	display: none;
}

/* Product count - desktop */
@media (min-width: 992px) {
	.woocommerce .woocommerce-result-count {
		display: block !important;
		font-size: 14px;
		font-weight: 400;
		color: #888;
		margin-bottom: 20px;
		text-align: left;
	}
}

/* ==========================================================================
   Mobile Fixes - Product Page
   ========================================================================== */

/* Product count - show on mobile */
@media (max-width: 991px) {
	.woocommerce .woocommerce-result-count {
		display: block !important;
		float: none !important;
		clear: both !important;
		font-size: 14px;
		font-weight: 400;
		color: #888;
		margin: 16px;
		margin-left: 0px;
		text-align: left;
	}
}

/* Hide emoji icons from packaging filter (mobile modal) */
.packaging-icon,
.filter-modal .packaging-icon {
	display: none !important;
}


/* Pagination - bold and blue */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	font-weight: 700 !important;
	color: #1a3582 !important;
	background: transparent !important;
	border: none !important;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
	font-weight: 700 !important;
	color: #1a3582 !important;
	background: transparent !important;
}

/* Checkout button mobile small */
@media (max-width: 480px) {
	.btn-checkout-main {
		font-size: 20px;
		padding: 16px 40px;
		text-transform: none;
	}
}

@media (max-width: 475px) {
	header .navbar-notice {
		font-size: 14px;
		padding: 14px 0;
	}

	.woocommerce ul.products li.product .product-image img,
	.woocommerce ul.products li.product:hover .product-image img {
		max-width: 105%;
		max-height: 105%;
	}
}

/* Quiz product card - same size as other products on mobile */
@media (max-width: 767px) {
	.woocommerce ul.products li.quiz-product-card,
	.woocommerce-page ul.products li.quiz-product-card {
		width: 50% !important;
		padding: 0 8px 16px !important;
	}

	.woocommerce ul.products li.quiz-product-card .quiz-card-wrapper {
		aspect-ratio: 1;
		height: auto !important;
		min-height: unset !important;
	}

	.quiz-card-content {
		padding: 10px !important;
	}

	.quiz-card-content h3 {
		font-size: 17px !important;
		margin-bottom: 8px !important;
	}

	.quiz-card-content p {
		display: none !important;
	}

	.quiz-card-button {
		padding: 8px 16px !important;
		font-size: 12px !important;
	}
}

/* Short description - remove bottom padding */
.woocommerce ul.products li.product .product-short-desc {
	padding-bottom: 0;
	margin-bottom: 8px;
}

/* ==========================================================================
   Bug Fixes - Cart Button & Filter Bar
   ========================================================================== */

/* Cart button - consistent styling for all product types on mobile */
@media (max-width: 767px) {
	/* Ensure product card is positioned for absolute button */
	.woocommerce ul.products li.product {
		position: relative !important;
	}

	.woocommerce ul.products li.product .add_to_cart_button,
	.woocommerce ul.products li.product .sanazia-quick-select,
	.woocommerce ul.products li.product .button.product_type_variable {
		background: #1a3582 !important;
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
		max-width: 36px !important;
		min-height: 36px !important;
		max-height: 36px !important;
		border-radius: 50% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		position: absolute !important;
		bottom: 25px !important;
		right: 8px !important;
		top: auto !important;
		left: auto !important;
		padding: 0 !important;
		font-size: 0 !important;
		text-indent: -9999px !important;
		overflow: hidden !important;
	}

	.woocommerce ul.products li.product .add_to_cart_button:after,
	.woocommerce ul.products li.product .sanazia-quick-select:after,
	.woocommerce ul.products li.product .button.product_type_variable:after {
		content: '\f07a' !important;
		font-family: 'Font Awesome 6 Pro' !important;
		font-size: 16px !important;
		color: #fff !important;
		text-indent: 0 !important;
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
		margin-left: 0 !important;
	}
}

@media (max-width: 575px) {
	.woocommerce ul.products li.product .add_to_cart_button:after,
	.woocommerce ul.products li.product .button:after {
		margin-left: 0 !important;
	}
}

/* Filter bar - Figma style (exact 50/50 split, full width) */
.mobile-filter-sort-bar {
	margin: 0 -15px 16px -15px !important;
	width: calc(100% + 30px) !important;
	border-top: 1px solid #d1d5db !important;
	border-bottom: 1px solid #d1d5db !important;
}

.mobile-filter-sort-bar .container-xl {
	padding: 0 !important;
	max-width: 100% !important;
}

.mobile-filter-sort-bar .d-flex {
	gap: 0 !important;
	display: flex !important;
	width: 100% !important;
}

.mobile-filter-sort-bar .btn,
.mobile-filter-sort-bar .btn.btn-outline-secondary,
.mobile-filter-sort-bar .btn.flex-fill {
	border-radius: 0 !important;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 14px 16px !important;
	flex: 1 1 50% !important;
	color: #1a3582 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
}

.mobile-filter-sort-bar .btn:first-child {
	border-right: 1px solid #d1d5db !important;
}

.mobile-filter-sort-bar .btn:hover,
.mobile-filter-sort-bar .btn:active,
.mobile-filter-sort-bar .btn:focus {
	background: #f9fafb !important;
	color: #1a3582 !important;
	box-shadow: none !important;
	outline: none !important;
}

/* Hide WooCommerce message on category/archive pages */
.post-type-archive-product .woocommerce-message,
.tax-product_cat .woocommerce-message,
.archive.woocommerce .woocommerce-message {
	display: none !important;
}

/* ========================================
   NEW HERO SECTION - Figma Design
   ======================================== */

.section-hero-new {
	background-color: #8eb3d9;
	position: relative;
	overflow: hidden;
}

.section-hero-new .container-xl {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 10;
	padding-top: 2rem;
	padding-bottom: 3rem;
	max-width: 520px;
	margin: 0 auto;
}

/* Mobile background image - HIDDEN (using inline image instead) */
.hero-mobile-bg {
	display: none;
}

/* Desktop gradient overlays */
.hero-gradient-top,
.hero-gradient-bottom {
	display: none;
}

/* Hero content */
.hero-content {
	width: 100%;
	text-align: left;
}

.hero-logo {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.5px;
	color: #fff;
	margin-bottom: 1px;
}

.hero-title {
	font-size: 42px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.5px;
	color: #1a3582;
	margin-bottom: 0;
}

.hero-discount {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 8px;
}

.hero-discount-text {
	font-size: 26px;
	font-weight: 700;
	color: #fff;
	text-shadow: 5px 5px 8px #0000003b;
}

.hero-discount-badge {
	background: linear-gradient(to right, #ff5757, #ff8a80);
	padding: 6px 16px;
	border-radius: 50px;
}

.hero-discount-badge span {
	font-size: 23px;
	font-weight: 700;
	color: #fff;
}

.section-hero-new .hero-description {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
	color: #fff;
	margin-bottom: 3rem;
	background: transparent;
	padding: 0;
	text-shadow: 5px 5px 10px #0000003b;
}

/* Mobile product image */
.hero-image-mobile {
	display: block;
	width: 110%;
	max-width: 110%;
	margin: 0 auto 1rem;
	position: relative;
	z-index: 1;
}

.hero-image-mobile img {
	width: 100%;
	height: auto;
}

/* Mobile bottom gradient */
.section-hero-new::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 120px;
	background: linear-gradient(to bottom, transparent 0%, #fff 100%);
	pointer-events: none;
	z-index: 0;
}

/* Mobile spacer for background image - HIDDEN ON DESKTOP */
.hero-mobile-spacer {
	display: none;
}

/* CTA Buttons */
.hero-cta-desktop {
	display: none;
}

.hero-cta-mobile {
	width: 100%;
	margin-bottom: 5px;
	margin-top: 20px;
}

.hero-cta-mobile .btn {
	width: 100%;
	background-color: #1f8801;
	color: #fff;
	border-radius: 50px;
	padding: 13px 0;
	font-size: 20px;
	font-weight: 700;
	border: none;
	transition: background-color 0.3s;
}

.hero-cta-mobile .btn:hover {
	background-color: #1a7301;
}

.hero-cta-desktop .btn {
	background-color: #1A3582;
	color: #fff;
	border-radius: 50px;
	padding: 16px 48px;
	font-size: 18px;
	font-weight: 600;
	border: none;
	transition: background-color 0.3s;
}

.hero-cta-desktop .btn:hover {
	background-color: #142a68;
}

/* Reviews section */
.hero-reviews {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex-wrap: nowrap;
}

.hero-reviews-text {
	font-size: 14px;
	font-weight: 700;
	color: #283d78;
}

@media (max-width: 390px) {
	.hero-reviews-text {
		font-size: 12px;
	}
}

.hero-reviews-divider {
	font-size: 14px;
	font-weight: 400;
	color: #283d78;
}

.hero-reviews-rating {
	display: flex;
	align-items: center;
	gap: 4px;
}

.hero-reviews-rating .rating-number {
	font-size: 14px;
	font-weight: 600;
	color: #283d78;
}

.hero-reviews-rating .stars {
	color: #fffb00;
	font-size: 18px;
}

.hero-reviews-rating .google-icon {
	height: 15px;
	width: auto;
	margin-left: 4px;
	vertical-align: middle;
}

/* Hero image (desktop) */
.hero-image {
	display: none;
}

.hero-image img {
	width: 100%;
	max-width: none;
	height: auto;
	object-fit: contain;
}

@media (max-width: 767px) {
	.section-hero-new .hero-description {
		font-size: 16px;
	}
}

/* Tablet and Desktop styles */
@media (min-width: 768px) {
	.section-hero-new .container-xl {
		flex-direction: row;
		max-width: 1320px;
		padding-top: 0;
		padding-bottom: 0;
	}

	.hero-mobile-bg {
		display: none;
	}

	.hero-image-mobile {
		display: none;
	}

	.section-hero-new::after {
		display: none;
	}

	.hero-gradient-bottom {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		height: 10%;
		pointer-events: none;
		z-index: 5;
		bottom: 0;
		background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	}

	.hero-content {
		width: 50%;
		max-width: 600px;
	}

	.hero-logo {
		color: #fff;
		margin-top: 40px;
		margin-bottom: 12px;
	}

	.hero-title {
		margin-bottom: 0;
	}

	.hero-discount {
		margin-bottom: 12px;
	}

	.hero-description {
		margin-bottom: 1.5rem;
	}

	.hero-mobile-spacer {
		display: none;
	}

	.hero-cta-mobile {
		display: none;
	}

	.hero-cta-desktop {
		display: block;
		margin-bottom: 1rem;
	}

	.hero-reviews {
		justify-content: flex-start;
		position: static;
	}

	.hero-reviews-text,
	.hero-reviews-divider,
	.hero-reviews-rating .rating-number {
		color: #1a3582;
	}

	.hero-image {
		display: flex;
		width: 50%;
		align-items: center;
		justify-content: center;
	}
}

/* ========================================
   NEW BOXES SECTION - Ako to funguje
   ======================================== */

.section-boxes-new {
	background: #fff;
	padding: 4rem 1rem 8rem;
}

.section-boxes-new .container-xl {
	max-width: 520px;
	margin: 0 auto;
	padding-left: 0;
	padding-right: 0;
}

.section-boxes-new .section-header {
	margin-bottom: 3rem;
}

.section-boxes-new .section-title {
	font-size: 36px;
	font-weight: 600;
	color: #1a3582;
	margin-bottom: 0.5rem;
	text-align: left;
}

.section-boxes-new .section-subtitle {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	color: #2d4a7c;
	text-align: left;
}

/* Box cards row */
.boxes-row {
	display: flex;
	flex-direction: row;
	gap: 8px;
	margin-bottom: 12px;
}

.box-card {
	flex: 1;
	border-radius: 1.5rem;
	position: relative;
	overflow: hidden;
	background-color: #E9F1FF;
	aspect-ratio: 1/1.61;
	min-height: 322px;
}

.box-card.full-width {
	flex: none;
	width: 100%;
	aspect-ratio: auto;
	min-height: 380px;
}

.box-card-image {
	position: absolute;
	bottom: 0;
	width: 110%;
	height: auto;
	object-fit: contain;
	max-height: 75%;
	z-index: 1;
	left: 5%;
}

.box-card.full-width .box-card-image {
	width: 80%;
	max-height: 95%;
	left: 50%;
	transform: translateX(-50%);
	top: 50px;
	bottom: auto;
}

/* White gradient overlay */
.box-card-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, transparent 0%, transparent 85%, rgba(255, 255, 255, 0.9) 100%);
	z-index: 2;
}

.box-card.full-width .box-card-overlay {
	background: linear-gradient(to bottom, transparent 0%, transparent 60%, #ffffff 100%);
}

/* Number badge */
.box-number {
	position: absolute;
	top: 1rem;
	left: 1rem;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	background-color: #6589A8;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 3;
}

.box-number span {
	font-size: 19px;
	font-weight: 700;
	color: #fff;
	line-height: 1;
	margin-top: 2px;
}

/* Box title */
.box-title {
	position: absolute;
	top: 3.5rem;
	left: 1rem;
	right: 1rem;
	z-index: 3;
}

.box-title h3 {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	color: #1a3582;
	margin: 0;
	padding-top: 9px;
	padding-left: 7px;
}

.box-card.full-width .box-title {
	top: 1rem;
	left: 54px;
}

.box-card.full-width .box-title h3 {
	font-size: 24px;
}

@media (max-width: 991px) {
	.box-card.full-width .box-title h3 {
		font-size: 18px;
	}
}

/* Box description (desktop only, except full-width) */
.box-description {
	display: none;
	position: absolute;
	bottom: 12px;
	left: 1rem;
	right: 1rem;
	z-index: 3;
}

/* Show description on mobile for full-width box */
.box-card.full-width .box-description {
	display: block;
}

.box-description p {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	color: #1a3582;
	margin: 0;
}

/* CTA button */
.section-boxes-new .boxes-cta {
	margin-top: 1.5rem;
}

.section-boxes-new .boxes-cta .btn {
	width: 100%;
	background-color: #283d78;
	color: #fff;
	border-radius: 50px;
	padding: 16px 0;
	font-size: 18px;
	font-weight: 600;
	border: none;
	transition: background-color 0.3s;
}

.section-boxes-new .boxes-cta .btn:hover {
	background-color: #1e2f5e;
}

/* Desktop styles */
@media (min-width: 1024px) {
	.section-boxes-new .container-xl {
		max-width: 1320px;
	}

	.boxes-row {
		margin-bottom: 2rem;
	}

	.box-card {
		aspect-ratio: auto;
		min-height: 240px;
	}

	.box-card-image {
		position: absolute;
		right: 0;
		top: 50%;
		left: auto;
		bottom: auto;
		width: 60%;
		max-height: 90%;
		transform: translateY(-50%);
	}

	.box-card-overlay {
		background: linear-gradient(to bottom, transparent 0%, transparent 45%, #ffffff 100%);
	}

	.box-title {
		max-width: 50%;
	}

	.box-title h3 {
		font-size: 24.84px;
	}

	.box-description {
		display: block;
	}

	.section-boxes-new .boxes-cta .btn {
		width: 33%;
	}
}

/* Fix WooCommerce add to cart icon jump */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.added::after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after,
.woocommerce a.button.added::after,
.woocommerce a.button.loading::after,
.add_to_cart_button.added::after,
.add_to_cart_button.loading::after {
	margin-left: 0 !important;
}

/* ==========================================================================
   PDP REDESIGN - Single Product Page (Figma Design)
   ========================================================================== */

/* Remove container constraints for PDP */
.pdp-content {
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
}

.pdp-content .woocommerce-message {
	display: none;
}

.pdp-wrapper {
	background: #fff;
	padding: 75px 0;
	width: 100%;
}

/* BR Cobane font on entire PDP */
.pdp-wrapper,
.pdp-wrapper *,
.pdp-section,
.pdp-section * {
	font-family: 'BR Cobane', Helvetica, Arial, sans-serif;
}

.pdp-container {
	display: flex;
	gap: 60px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}

/* Gallery - Left Column */
.pdp-gallery {
	flex: 0 0 590px;
	display: flex;
	flex-direction: column;
	gap: 25px;
	position: relative;
}

.pdp-gallery-main {
	width: 590px;
	height: 590px;
	border-radius: 21px;
	overflow: hidden;
	background: #fff;
	cursor: zoom-in;
}

.pdp-gallery-zoom {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 36px;
	height: 36px;
	background: rgba(255,255,255,0.9);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #1a3582;
	z-index: 2;
}

/* Lightbox */
.pdp-lightbox {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2147483647;
}

.pdp-lightbox.active {
	display: flex;
	align-items: center;
	justify-content: center;
}

.pdp-lightbox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.85);
}

.pdp-lightbox-content {
	position: relative;
	max-width: 90vw;
	max-height: 90vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pdp-lightbox-image {
	max-width: 90vw;
	max-height: 90vh;
	object-fit: contain;
	border-radius: 8px;
}

.pdp-lightbox-close {
	position: absolute;
	top: 10px;
	right: 10px;
	background: rgba(0,0,0,0.6);
	border: none;
	color: #fff;
	font-size: 24px;
	cursor: pointer;
	z-index: 1;
	line-height: 1;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.pdp-lightbox-prev,
.pdp-lightbox-next {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0,0,0,0.6);
	border: none;
	color: #fff;
	font-size: 28px;
	cursor: pointer;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	padding: 0;
}

.pdp-lightbox-prev { left: 12px; }
.pdp-lightbox-next { right: 12px; }

.pdp-gallery-main img,
.pdp-gallery-main .pdp-main-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}

.pdp-gallery-controls {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pdp-gallery-thumbs {
	display: flex;
	gap: 11px;
}

.pdp-thumb {
	width: 64px;
	height: 64px;
	border-radius: 7px;
	overflow: hidden;
	cursor: pointer;
	border: 1.33px solid transparent;
	box-shadow: 0px 2.46px 1.968px 0px rgba(0,0,0,0.01),
				0px 5.911px 4.729px 0px rgba(0,0,0,0.02),
				0px 11.13px 8.904px 0px rgba(0,0,0,0.03),
				0px 19.854px 15.884px 0px rgba(0,0,0,0.03),
				0px 37.136px 29.709px 0px rgba(0,0,0,0.04),
				0px 88.889px 71.111px 0px rgba(0,0,0,0.05);
	transition: border-color 0.2s ease;
}

.pdp-thumb.active {
	border-color: #0d0047;
}

.pdp-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pdp-gallery-arrows {
	display: flex;
	gap: 12px;
}

.pdp-arrow {
	width: 65px;
	height: 64px;
	border-radius: 44px;
	border: 2.78px solid rgba(13, 0, 71, 0.25);
	background: transparent;
	backdrop-filter: blur(4.87px);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: border-color 0.2s ease, background 0.2s ease;
	color: #1a3582;
}

.pdp-arrow:hover {
	border-color: #1a3582;
	background: rgba(226, 239, 255, 0.5);
}

/* Product Info - Right Column */
.pdp-info {
	flex: 0 0 514px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

/* Trust Badge */
.pdp-trust-badge {
	display: flex;
	align-items: center;
	gap: 8px;
}

.pdp-google-g {
	flex-shrink: 0;
}

.pdp-stars {
	color: #fc0;
	font-size: 22px;
	letter-spacing: 2px;
}

.pdp-rating {
	font-size: 16px;
	font-weight: 700;
	color: #1a3582;
}

.pdp-trust-text {
	font-size: 16px;
	color: #1a3582;
	letter-spacing: 0.48px;
	text-transform: uppercase;
}

.pdp-trust-text strong {
	font-weight: 700;
}

/* Title */
.pdp-title {
	font-size: 48px;
	color: #1a3582;
	line-height: 1.15;
	letter-spacing: -0.96px;
	margin: 0;
	font-weight: 600;
}

.pdp-hero-block {
	display: flex;
	flex-direction: column;
}

.pdp-headline {
	font-size: 1.5rem;
	color: #1a3582;
	font-weight: 400;
	margin: 0;
	line-height: 1.3;
	padding-bottom: 5px;
}

.pdp-hero-separator {
	width: 100%;
	height: 2px;
	background: #1a3582;
	margin: 10px 0;
}

.pdp-hero-text {
	font-size: 1.05rem;
	color: #1a3582;
	line-height: 1.5;
	margin: 0 0 4px;
}

/* Price */
.pdp-price-wrapper {
	display: none;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}

.pdp-price-old {
	font-size: 20px;
	color: #535353;
	text-decoration: line-through;
	letter-spacing: -0.6px;
}

.pdp-price-old .woocommerce-Price-amount {
	font-size: inherit;
	color: inherit;
}

.pdp-price-current {
	font-size: 20px;
	font-weight: 700;
	color: #1a3582;
	letter-spacing: -0.6px;
}

.pdp-price-current .woocommerce-Price-amount {
	font-size: inherit;
	color: inherit;
	font-weight: inherit;
}

.pdp-price-savings {
	background: #1f8801;
	color: #fff;
	font-size: 12px;
	padding: 8px 15px;
	border-radius: 38px;
	letter-spacing: -0.36px;
	margin-left: 4px;
}

.pdp-price-savings .woocommerce-Price-amount {
	font-size: inherit;
	color: inherit;
}

/* Benefits */
.pdp-benefits {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.pdp-benefit-card {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 12px 14px;
	border: 1px solid #1a3582;
	border-radius: 20px;
	background: linear-gradient(90deg, #ffffff 0%, #eef3fb 50%, #ffffff 100%);
	box-shadow: 0 1px 4px rgba(26, 53, 130, 0.06);
}

.pdp-benefit-check {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pdp-benefit-check svg {
	width: 30px;
	height: 30px;
}

.pdp-benefit-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.pdp-benefit-text strong {
	font-size: 1.05rem;
	font-weight: 700;
	color: #1a3582;
	line-height: 1.3;
}

.pdp-benefit-text span {
	font-size: 0.95rem;
	font-weight: 400;
	color: #1a3582;
	line-height: 1.3;
}

/* Pack Selector */
.pdp-pack-selector {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.pdp-pack-selector--hidden {
	display: none;
}

.pdp-pack-card {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 75px;
	padding: 10px 12px;
	background: #fff;
	border: 2px solid #d3d1de;
	border-radius: 20px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.pdp-pack-card:hover {
	border-color: rgba(13, 0, 71, 0.4);
}

.pdp-pack-card.selected {
	background: #e2efff;
	border-color: #1a3582;
}

.pdp-pack-card input[type="radio"] {
	display: none;
}

.pdp-pack-radio {
	width: 20px;
	height: 20px;
	border: 2px solid #d3d1de;
	border-radius: 50%;
	position: relative;
	flex-shrink: 0;
	transition: border-color 0.2s ease;
}

.pdp-pack-card.selected .pdp-pack-radio {
	border-color: #1a3582;
}

.pdp-pack-card.selected .pdp-pack-radio::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	background: #1a3582;
	border-radius: 50%;
}

.pdp-pack-label {
	font-size: 16px;
	color: #1a3582;
	letter-spacing: -0.18px;
	flex: 1;
	font-weight: 600;
}

.pdp-pack-card.selected .pdp-pack-label {
	color: #1a3582;
}

.pdp-pack-discount {
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	background: #ff6577;
	padding: 2px 8px;
	border-radius: 4px;
	white-space: nowrap;
	text-transform: uppercase;
}

.pdp-pack-prices {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-left: auto;
}

.pdp-pack-price-old {
	font-size: 18px;
	color: #8f8f8f;
	text-decoration: line-through;
	letter-spacing: -0.18px;
}

.pdp-pack-price-old .woocommerce-Price-amount {
	font-size: inherit;
	color: inherit;
}

.pdp-pack-price {
	font-size: 18px;
	font-weight: 600;
	color: #1a3582;
	letter-spacing: -0.18px;
}

.pdp-pack-card.selected .pdp-pack-price {
	color: #1a3582;
}

.pdp-pack-price .woocommerce-Price-amount {
	font-size: inherit;
	color: inherit;
}

.pdp-pack-price-col {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin-left: auto;
}

.pdp-pack-per-capsule {
	font-size: 12px;
	color: #556b8a;
}

.pdp-pack-per-capsule .woocommerce-Price-amount {
	font-size: inherit;
	color: inherit;
}

/* Frequency Selector */
.pdp-frequency {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-top: 10px;
}

.pdp-pack-label-heading,
.pdp-frequency-label {
	font-size: 18px;
	font-weight: 700;
	color: #1a3582;
	letter-spacing: -0.36px;
}

.pdp-pack-label-heading {
	margin-bottom: 10px;
}

.pdp-step-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #1a3582;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	margin-right: 6px;
	vertical-align: middle;
	line-height: 1;
	padding-top: 1px;
}

.pdp-frequency-card {
	background: #fff;
	border: 2px solid rgba(13, 0, 71, 0.15);
	border-radius: 12px;
	cursor: pointer;
	transition: all 0.2s ease;
	overflow: hidden;
}

.pdp-frequency-card:hover {
	border-color: rgba(13, 0, 71, 0.4);
}

.pdp-frequency-card.selected {
	background: #e2efff;
	border-color: #1a3582;
}

.pdp-freq-popular-badge {
	display: none;
	background: #1a3582;
	color: #fff;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	padding: 12px 12px 8px 12px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin: -2px -2px 0 -2px;
	border-radius: 10px 10px 0 0;
}

.pdp-freq-subscribe .pdp-freq-popular-badge {
	display: block;
}

.pdp-freq-card-inner {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 16px;
}

.pdp-frequency-card input[type="radio"] {
	display: none;
}

.pdp-freq-radio {
	width: 20px;
	height: 20px;
	border: 2px solid rgba(13, 0, 71, 0.2);
	border-radius: 50%;
	position: relative;
	flex-shrink: 0;
	transition: border-color 0.2s ease;
}

.pdp-frequency-card.selected .pdp-freq-radio {
	border-color: #1a3582;
}

.pdp-frequency-card.selected .pdp-freq-radio::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	background: #1a3582;
	border-radius: 50%;
}

.pdp-freq-content {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.pdp-freq-text {
	font-size: 16px;
	color: #1a3582;
	letter-spacing: -0.18px;
	font-weight: 600;
}

.pdp-freq-per-day {
	font-size: 13px;
	color: #556b8a;
}

.pdp-freq-per-day .woocommerce-Price-amount {
	font-size: inherit;
	color: inherit;
}

.pdp-freq-onetime-desc {
	font-size: 13px;
	color: #556b8a;
}

.pdp-frequency-card.selected .pdp-freq-text {
	color: #1a3582;
}

.pdp-freq-save {
	display: inline-block;
	align-self: flex-start;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	background: #ff6577;
	padding: 2px 8px;
	border-radius: 4px;
	white-space: nowrap;
	text-transform: uppercase;
}

.pdp-freq-benefits {
	padding: 0 16px 14px 46px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.pdp-freq-benefit {
	font-size: 14px;
	color: #1a3582;
	line-height: 1.4;
}

.pdp-freq-prices {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin-left: auto;
}

.pdp-freq-prices .pdp-freq-price-row {
	display: flex;
	align-items: center;
	gap: 8px;
}

.pdp-freq-price-old {
	font-size: 15px;
	color: #8f8f8f;
	text-decoration: line-through;
	letter-spacing: -0.18px;
}

.pdp-freq-price-old .woocommerce-Price-amount {
	font-size: inherit;
	color: inherit;
}

.pdp-freq-price {
	font-size: 18px;
	font-weight: 600;
	color: #1a3582;
	letter-spacing: -0.18px;
	margin-left: auto;
}

.pdp-frequency-card.selected .pdp-freq-price {
	color: #1a3582;
}

.pdp-freq-price .woocommerce-Price-amount {
	font-size: inherit;
	color: inherit;
	font-weight: 600;
}

/* Add to Cart Button */
.pdp-add-to-cart-form {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.pdp-add-to-cart {
	width: 100%;
	height: 68px;
	background: #1f8801;
	color: #fff;
	border: none;
	border-radius: 1000px;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.18px;
	cursor: pointer;
	transition: background 0.2s ease, transform 0.1s ease, box-shadow 0.3s;
	font-family: inherit;
	padding: 16px 35px;
}

.pdp-btn-pulse {
	animation: btnPulse 1s ease-in-out 5;
}

@keyframes btnPulse {
	0% { box-shadow: 0 0 0 0 rgba(31, 136, 1, 0.35); }
	70% { box-shadow: 0 0 0 14px rgba(31, 136, 1, 0); }
	100% { box-shadow: 0 0 0 0 rgba(31, 136, 1, 0); }
}

.pdp-step-pulse {
	animation: stepPulse 1s ease-in-out 5;
}

@keyframes stepPulse {
	0% { box-shadow: 0 0 0 0 rgba(26, 53, 130, 0.35); }
	70% { box-shadow: 0 0 0 10px rgba(26, 53, 130, 0); }
	100% { box-shadow: 0 0 0 0 rgba(26, 53, 130, 0); }
}

.pdp-add-to-cart:hover {
	background: #268f09;
}

.pdp-add-to-cart:active {
	transform: scale(0.98);
}

/* Trust Line */
.pdp-trust-line {
	display: none;
}

.pdp-trust-badges {
	display: flex;
	gap: 12px;
}

.pdp-trust-badge-item {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1;
	padding: 12px 14px;
	background: #f0f4fa;
	border-radius: 10px;
}

.pdp-trust-badge-num {
	width: 40px;
	height: 40px;
	background: #1a3582;
	color: #fff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 700;
	flex-shrink: 0;
}

.pdp-trust-badge-text {
	display: flex;
	flex-direction: column;
}

.pdp-trust-badge-text strong {
	font-size: 13px;
	color: #1a3582;
	font-weight: 700;
	line-height: 1.2;
}

.pdp-trust-badge-text span {
	font-size: 12px;
	color: #556b8a;
	line-height: 1.2;
}

.pdp-trust-separator {
	font-weight: 700;
}

/* Accordions */
.pdp-accordions {
	display: flex;
	flex-direction: column;
	padding-top: 25px;
}

.pdp-accordion {
	border-top: 1px solid rgba(13, 0, 71, 0.12);
}

.pdp-accordion-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 2px;
	cursor: pointer;
	font-size: 20px;
	color: #1a3582;
	transition: color 0.2s ease;
}

.pdp-accordion-header:hover {
	color: #1a3582;
}

.pdp-accordion-arrow {
	transition: transform 0.3s ease;
	color: #1a3582;
}

.pdp-accordion.active .pdp-accordion-arrow {
	transform: rotate(180deg);
}

.pdp-accordion-content {
	display: none;
	padding: 0 2px 20px 20px;
	font-size: 16px;
	color: #1a3582;
	line-height: 1.27;
	letter-spacing: -0.15px;
}

.pdp-accordion.active .pdp-accordion-content {
	display: block;
}

/* Hidden elements */
.pdp-hidden-select {
	display: none !important;
}

/* ==========================================================================
   PDP REDESIGN - Responsive Styles
   ========================================================================== */

@media (max-width: 1200px) {
	.pdp-container {
		gap: 40px;
	}

	.pdp-gallery {
		flex: 0 0 500px;
	}

	.pdp-gallery-main {
		width: 500px;
		height: 500px;
	}

	.pdp-info {
		flex: 1;
		min-width: 0;
	}
}

@media (max-width: 991px) {
	.pdp-wrapper {
		padding: 40px 0;
	}

	.pdp-container {
		flex-direction: column;
		gap: 30px;
	}

	.pdp-gallery {
		flex: none;
		width: 100%;
	}

	.pdp-gallery-main {
		width: 100%;
		height: auto;
		aspect-ratio: 1;
		max-width: 590px;
		margin: 0 auto;
	}

	.pdp-info {
		flex: none;
		width: 100%;
	}

	.pdp-title {
		font-size: 36px;
	}
}

@media (max-width: 767px) {
	.pdp-wrapper {
		padding: 30px 0;
	}

	.pdp-title {
		font-size: 28px;
		letter-spacing: -0.56px;
	}

	.pdp-gallery-controls {
		flex-direction: column;
		gap: 15px;
	}

	.pdp-gallery-thumbs {
		order: 2;
		justify-content: center;
		flex-wrap: wrap;
	}

	.pdp-gallery-arrows {
		order: 1;
		justify-content: center;
	}

	.pdp-pack-card {
		height: auto;
		min-height: 65px;
		flex-wrap: wrap;
		padding: 12px;
	}

	.pdp-frequency-card {
		height: auto;
		min-height: auto;
		padding: 0;
	}

	.pdp-pack-prices,
	.pdp-freq-prices {
		width: auto;
		align-items: flex-end;
		margin-top: 0;
	}

	.pdp-add-to-cart {
		height: 50px;
		font-size: 16px !important;
	}
}

@media (max-width: 480px) {
	.pdp-trust-badge {
		flex-wrap: wrap;
	}

	.pdp-trust-text {
		font-size: 14px;
	}

	.pdp-trust-line {
		padding: 0;
		font-size: 12px;
		font-weight: 500;
	}

	.pdp-price-wrapper {
		gap: 8px;
	}

	.pdp-price-old,
	.pdp-price-current {
		font-size: 18px;
	}

	.pdp-thumb {
		width: 50px;
		height: 50px;
	}

	.pdp-arrow {
		width: 50px;
		height: 50px;
	}
}

/* ============================================================================
   Cart Subscription Badge - Cuure style mixed cart
   ============================================================================ */
.cart-item-subscription-badge {
	display: inline-block;
	background: #fff3e0;
	color: #e65100;
	font-size: 11px;
	font-weight: 600;
	padding: 4px 10px;
	border-radius: 4px;
	margin-top: 6px;
	text-transform: none;
	letter-spacing: 0;
}

/* ============================================================================
   Checkout - Fix place order button position without Enhancer subscription
   ============================================================================ */
/* Override absolute positioning when Enhancer subscription is disabled */
#payment .place-order {
	position: relative !important;
	padding-bottom: 20px !important;
}

#payment .place-order #place_order,
.woocommerce-checkout #payment #place_order,
#place_order {
	position: relative !important;
	bottom: auto !important;
	margin-top: 20px;
	display: inline-block !important;
}

/* Ensure col2-set has enough space for the button */
.woocommerce-page .col2-set {
	padding-bottom: 30px !important;
}

/* ============================================================================
   Cart Item Subscription Toggle - Per-item subscription selector
   ============================================================================ */
.cart-item-subscription-toggle {
	display: flex;
	gap: 8px;
	margin-top: 10px;
	flex-wrap: wrap;
}

.cart-sub-option {
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	border: 2px solid #d3d1de;
	border-radius: 4px;
	cursor: pointer;
	font-size: 12px;
	font-weight: 500;
	background: #fff;
	transition: all 0.2s ease;
	color: #333;
}

.cart-sub-option:hover {
	border-color: #1a3582;
}

.cart-sub-option.active {
	background: #e2efff;
	border-color: #1a3582;
	color: #1a3582;
}

.cart-sub-option input[type="radio"] {
	display: none;
}

.cart-sub-option span {
	white-space: nowrap;
}

/* Loading state */
.cart-item-subscription-toggle.loading {
	opacity: 0.5;
	pointer-events: none;
}

.cart-item-subscription-toggle.loading::after {
	content: '';
	width: 16px;
	height: 16px;
	border: 2px solid #1a3582;
	border-top-color: transparent;
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
	margin-left: 8px;
}

@keyframes spin {
	to { transform: rotate(360deg); }
}

/* Responsive */
@media (max-width: 576px) {
	.cart-item-subscription-toggle {
		flex-direction: column;
		gap: 6px;
	}

	.cart-sub-option {
		justify-content: center;
		width: 100%;
	}
}

/* Checkout Page Subscription Checkbox */
.checkout-item-subscription-checkbox {
	margin-top: 8px;
}

.checkout-sub-checkbox {
	display: flex;
	align-items: center;
	cursor: pointer;
	font-size: 12px;
	color: #1a3582;
	margin: 0;
}

.checkout-sub-checkbox input[type="checkbox"] {
	display: none;
}

.checkout-sub-checkbox .checkmark {
	width: 18px;
	height: 18px;
	border: 2px solid #d3d1de;
	border-radius: 3px;
	margin-right: 8px;
	position: relative;
	transition: all 0.2s ease;
	flex-shrink: 0;
}

.checkout-sub-checkbox input[type="checkbox"]:checked + .checkmark {
	background: #1a3582;
	border-color: #1a3582;
}

.checkout-sub-checkbox input[type="checkbox"]:checked + .checkmark::after {
	content: '';
	position: absolute;
	left: 5px;
	top: 2px;
	width: 5px;
	height: 9px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.checkout-sub-checkbox .label-text {
	color: #535353;
	font-weight: 500;
}

.checkout-sub-checkbox:hover .checkmark {
	border-color: #1a3582;
}

.checkout-sub-checkbox:hover .label-text {
	color: #1a3582;
}

.checkout-item-subscription-checkbox.loading {
	opacity: 0.6;
	pointer-events: none;
}

.checkout-item-subscription-checkbox.loading::after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 2px solid #1a3582;
	border-top-color: transparent;
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
	margin-left: 6px;
	vertical-align: middle;
}

/* Fix step-line in payment section - stop before order summary */
#payment.woocommerce-checkout-payment > .step-line::after {
	height: calc(100% - 180px);
}

/* Order summary text styling - matches original Enhancer template */
.order-summary-text {
	margin-top: 35px;
}

.order-summary-text h3 {
	font-size: 22px;
	font-weight: 700;
	color: #021832;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.order-summary-text h2 {
	font-size: 32px;
	font-weight: 700;
}

/* Hide tax text in order total (vrátane X € Daň za produkty) */
.order-summary-text .includes_tax,
.woocommerce-checkout .order-total .includes_tax {
	display: none;
}

.woocommerce-checkout .order-total .h3 {
	font-size: 22px;
	margin-top: 20px;
}

.order-summary-text .fw-600 {
	font-weight: 600;
}

@media (max-width: 576px) {
	.order-summary-text h3.fs-15-mobile {
		font-size: 15px;
	}
}

/* Checkout review order table - fix checkbox position and layout */
.shop_table.woocommerce-checkout-review-order-table {
	width: 100%;
}

.shop_table.woocommerce-checkout-review-order-table td.product-name {
	width: auto;
}

.shop_table.woocommerce-checkout-review-order-table td.product-total {
	text-align: right;
	white-space: nowrap;
	vertical-align: top;
	padding-top: 15px;
}

/* Subscription checkbox styling in checkout review */
.checkout-item-subscription-checkbox {
	margin-top: 8px;
	display: block;
}

.checkout-sub-checkbox {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	font-size: 12px;
	color: #1a3582;
	gap: 8px;
}

.checkout-sub-checkbox input[type="checkbox"] {
	display: none;
}

.checkout-sub-checkbox .checkmark {
	width: 18px;
	height: 18px;
	min-width: 18px;
	border: 2px solid #d3d1de;
	border-radius: 3px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
	background: #fff;
	position: relative;
	font-family: Arial, sans-serif !important;
}

/* Reset any inherited icon font styles */
.checkout-sub-checkbox .checkmark::before {
	display: none !important;
	content: none !important;
}

.checkout-sub-checkbox input[type="checkbox"]:checked + .checkmark {
	background: #1a3582;
	border-color: #1a3582;
}

.checkout-sub-checkbox input[type="checkbox"]:checked + .checkmark::after {
	content: '';
	display: block;
	width: 5px;
	height: 9px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	margin-top: -2px;
}

.checkout-sub-checkbox .label-text {
	line-height: 1.3;
}

/* Hide coupon success message on checkout */
.woocommerce-checkout .woocommerce-NoticeGroup-updateOrderReview .woocommerce-message {
	display: none;
}

/* ==============================================
   QUIZ PACKAGE CARD STYLES (Cuure-style grouping)
   ============================================== */

/* Package wrapper */
.sanazia-quiz-package {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	padding: 20px;
	margin-bottom: 15px;
	position: relative;
	transition: all 0.3s ease;
}

.sanazia-quiz-package.loading {
	opacity: 0.6;
	pointer-events: none;
}

/* Package row in tables */
.sanazia-package-row td {
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
}

/* Package header */
.sanazia-package-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 12px;
}

/* Package image */
.sanazia-package-image {
	width: 60px;
	height: 60px;
	border-radius: 8px;
	overflow: hidden;
	flex-shrink: 0;
	margin-right: 10px;
}

.sanazia-package-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sanazia-package-title-wrap {
	flex: 1;
	min-width: 0;
}

.sanazia-package-info {
	flex: 1;
}

.sanazia-package-title {
	font-size: 16px;
	font-weight: 600;
	color: #1a1a1a;
	display: block;
	margin-bottom: 4px;
}

.sanazia-package-duration {
	font-size: 13px;
	color: #666;
}

/* Remove button */
.sanazia-package-remove {
	font-size: 18px;
	color: #999;
	text-decoration: none;
	line-height: 1;
	padding: 8px 12px;
	transition: all 0.2s ease;
	background: #f5f5f5;
	border: 1px solid #ddd;
	border-radius: 4px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: Arial, sans-serif;
}

.sanazia-package-remove:hover {
	color: #e53935;
	text-decoration: none;
	background: #fff0f0;
	border-color: #e53935;
}

.sanazia-package-remove:focus {
	outline: none;
}

/* Package contents */
.sanazia-package-contents {
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 1.5;
}

.sanazia-package-label {
	font-weight: 600;
	color: #333;
}

.sanazia-package-products {
	color: #666;
}

/* Package footer */
.sanazia-package-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 15px;
	border-top: 1px solid #f0f0f0;
}

/* Subscription toggle */
.sanazia-package-subscription {
	display: flex;
	align-items: center;
}

.sanazia-sub-toggle {
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 8px 12px;
	border-radius: 6px;
	transition: all 0.2s ease;
	background: #f8f8f8;
}

.sanazia-sub-toggle:hover {
	background: #f0f0f0;
}

.sanazia-sub-toggle.active {
	background: #e8f5e9;
}

.sanazia-package-sub-checkbox {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.sanazia-sub-checkmark {
	width: 20px;
	height: 20px;
	min-width: 20px;
	border: 2px solid #ccc;
	border-radius: 4px;
	margin-right: 10px;
	position: relative;
	transition: all 0.2s ease;
	background: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.sanazia-package-sub-checkbox:checked + .sanazia-sub-checkmark {
	background: #1a3582;
	border-color: #1a3582;
}

.sanazia-package-sub-checkbox:checked + .sanazia-sub-checkmark::after {
	content: '';
	display: block;
	width: 5px;
	height: 9px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	margin-top: -2px;
}

.sanazia-sub-label {
	font-size: 14px;
	color: #333;
	font-weight: 500;
}

.sanazia-sub-discount {
	color: #2e7d32;
	font-weight: 600;
}

/* Package price */
.sanazia-package-price {
	text-align: right;
}

.sanazia-package-price .price-old {
	text-decoration: line-through;
	color: #999;
	font-size: 14px;
	margin-right: 8px;
}

.sanazia-package-price .price-current {
	font-size: 18px;
	font-weight: 600;
	color: #1a1a1a;
}

.sanazia-package-price .price-current.subscription-price {
	color: #2e7d32;
}

/* Quiz origin badge for orders */
.quiz-origin-badge {
	background: #e3f2fd;
	color: #1565c0;
	padding: 2px 6px;
	border-radius: 3px;
	font-size: 11px;
	margin-right: 5px;
	display: inline-block;
}

.quiz-origin-badge-frontend {
	display: inline-block;
	background: #e8f5e9;
	color: #2e7d32;
	font-size: 10px;
	padding: 2px 6px;
	border-radius: 3px;
	margin-left: 8px;
	margin-right: 5px;
	text-transform: uppercase;
}

/* Cart subscription badge */
.cart-item-subscription-badge {
	display: inline-block;
	background: #fff3e0;
	color: #e65100;
	font-size: 11px;
	font-weight: 600;
	padding: 4px 8px;
	border-radius: 4px;
	margin-top: 6px;
	text-transform: none;
	letter-spacing: 0;
}

/* FKCart package styles */
.fkcart-item-wrap .sanazia-quiz-package {
	margin: 0 16px 16px;
	border-radius: 8px;
}

/* Package discount info section */
.sanazia-package-discount-info {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dashed #e0e0e0;
}

.sanazia-discount-active,
.sanazia-discount-partial,
.sanazia-discount-hint {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 8px;
}

.sanazia-discount-active {
	background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
	border: 1px solid #a5d6a7;
}

.sanazia-discount-partial {
	background: #e3f2fd;
	border: 1px solid #90caf9;
}

.sanazia-discount-hint {
	background: #fff8e1;
	border: 1px solid #ffcc80;
}

.sanazia-discount-icon {
	font-size: 20px;
	line-height: 1;
	flex-shrink: 0;
}

.sanazia-discount-text {
	font-size: 13px;
	color: #333;
	line-height: 1.4;
}

.sanazia-discount-text strong {
	color: #2e7d32;
}

.sanazia-discount-hint .sanazia-discount-text strong {
	color: #e65100;
}

.sanazia-discount-detail {
	display: block;
	font-size: 11px;
	color: #666;
	margin-top: 2px;
}

.sanazia-renewal-info {
	margin-top: 8px;
	padding-left: 30px;
}

.sanazia-renewal-info small {
	font-size: 11px;
	color: #666;
}

/* Checkout review order table */
.shop_table.woocommerce-checkout-review-order-table td.product-name {
	width: 100%;
}

/* Mobile responsive for package */
@media (max-width: 768px) {
	.sanazia-quiz-package {
		padding: 15px;
	}

	.sanazia-package-title {
		font-size: 14px;
	}

	.sanazia-package-footer {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	.sanazia-package-price {
		text-align: left;
		width: 100%;
	}

	.sanazia-package-price .price-current {
		font-size: 16px;
	}

	.sanazia-package-discount-info {
		margin-top: 12px;
		padding-top: 12px;
	}

	.sanazia-discount-active,
	.sanazia-discount-partial,
	.sanazia-discount-hint {
		padding: 8px 10px;
	}

	.sanazia-discount-icon {
		font-size: 18px;
	}

	.sanazia-discount-text {
		font-size: 12px;
	}
}

/* ========================================================================
   FKCart Item Subscription Badge (Display-only, non-interactive)
   ======================================================================== */

#fkcart-modal .fkcart-item-title .product-detail-meta {
	display: none !important;
}

.fkcart-item-subscription-badge {
	display: inline-flex;
	align-items: center;
	margin-top: 6px;
	padding: 3px 8px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 500;
}

.fkcart-badge-subscription {
	background: #e8f5e9;
	color: #2e7d32;
}

.fkcart-badge-subscription .fkcart-sub-icon {
	margin-right: 4px;
	font-size: 10px;
}

.fkcart-badge-onetime {
	background: #f5f5f5;
	color: #666;
}

/* Hide coupon success message on checkout page */
.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-message {
	display: none !important;
}

/* FKCart: Read-only subscription badge for quiz package */
.sanazia-subscription-readonly {
	display: flex;
	align-items: center;
}

.sanazia-sub-badge {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
}

.sanazia-sub-badge-active {
	background: #e8f5e9;
	color: #2e7d32;
}

.sanazia-sub-badge-active .sanazia-sub-icon {
	margin-right: 5px;
}

.sanazia-sub-badge-onetime {
	background: #f5f5f5;
	color: #666;
}

/* Hide WooCommerce Subscriptions recurring total in FKCart when showing quiz package */
/* The correct package price is shown in the subtotal/checkout button */
.fkcart-subscription-wrap {
	display: none !important;
}

/* Hide "Výber možností" link in FKCart */
.fkcart-select-options {
	display: none !important;
}

/* ========================================================================
   PDP NEW SECTIONS - Based on Figma Design
   ======================================================================== */

/* ========================================================================
   PDP SECTIONS - Common Styles (Full Width)
   Based on Figma Design - All sections are full-width with centered content
   ======================================================================== */
.pdp-section {
	padding: 80px 0;
	width: 100%;
	/* Remove any container restriction - sections are full-width */
}

.pdp-section h2 {
	font-family: inherit;
	font-weight: 700;
	font-size: 48px;
	line-height: 54px;
}

.pdp-btn {
	display: inline-block;
	padding: 18px 35px;
	border-radius: 48px;
	font-weight: 700;
	font-family: inherit;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.18px;
	transition: all 0.3s ease;
	cursor: pointer;
	border: none;
	font-size: 18px;
	line-height: 28px;
}

.pdp-btn-green {
	background: #1f8801;
	color: #fff;
}

.pdp-btn-green:hover {
	background: #269609;
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(46, 168, 11, 0.3);
}

.pdp-shipping-note {
	margin-top: 14px;
	font-size: 13px;
	color: #fff;
	opacity: 0.9;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.pdp-btn-subtext {
	margin-top: 12px;
	font-size: 13px;
	color: #fff;
	opacity: 0.8;
	text-align: center;
}

.pdp-final-cta .pdp-btn-subtext {
	color: #1a3582;
}

.pdp-final-cta-btn {
	width: auto !important;
	align-self: center;
}

/* ========================================================================
   SCIENCE SECTION (Blue background with accordion cards)
   Full-width dark blue section like Figma
   ======================================================================== */
.pdp-science {
	background: #1a3582;
	color: #fff;
	position: relative;
	overflow: hidden;
}
.pdp-science-body-img {
	position: absolute;
	left: -20px;
	bottom: -20px;
	height: 400px !important;
	width: auto !important;
	max-width: none !important;
	object-fit: contain;
	z-index: 0;
	pointer-events: none;
	opacity: 0.5;
}
@media (max-width: 767px) {
	.pdp-science-body-img {
		height: 280px !important;
		left: -10px;
		bottom: -10px;
		opacity: 0.15;
	}
}

.pdp-science-inner {
	position: relative;
	z-index: 1;
	max-width: 1181px;
	margin: 0 auto;
	padding: 0 40px;
	text-align: center;
}

.pdp-science-title {
	font-size: 48px;
	line-height: 54px;
	letter-spacing: 1.44px;
	text-transform: uppercase;
	margin-bottom: 82px;
	color: #fff;
}

.pdp-science-accordion {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 24px;
}

.pdp-science-card {
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	text-align: left;
	transition: all 0.3s ease;
}

.pdp-science-card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 26px 32px 26px 48px;
	cursor: pointer;
}

.pdp-science-card-title {
	font-size: 32px;
	font-weight: 700;
	font-family: 'BR Cobane', Helvetica, Arial, sans-serif;
	color: #1a3582;
	text-transform: uppercase;
	letter-spacing: 1.92px;
	line-height: 38px;
}

.pdp-science-card-arrow {
	color: #1a3582;
	transition: transform 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border: 2px solid #1a3582;
	border-radius: 50%;
	flex-shrink: 0;
}

.pdp-science-card.active .pdp-science-card-arrow {
	transform: rotate(180deg);
}

.pdp-science-card-content {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding: 0 32px 0 48px;
	color: #1a3582;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height 0.4s ease, opacity 0.3s ease, padding 0.3s ease;
}

.pdp-science-card.active .pdp-science-card-content {
	max-height: 600px;
	opacity: 1;
	padding: 0 32px 26px 48px;
}

.pdp-science-card-content strong {
	color: #1a365d;
	display: block;
	margin-bottom: 8px;
}

.pdp-science-card-content p {
	flex: 1;
	min-width: 250px;
	margin: 0;
	font-size: 16px;
	line-height: 1.6;
}

.woocommerce .pdp-science-card-image,
.woocommerce-page .pdp-science-card-image,
.pdp-science-card-image {
	width: 100%;
	max-width: 486px !important;
	aspect-ratio: 486 / 261;
	height: auto;
	object-fit: cover;
	border-radius: 8px;
}

/* Clinical Studies - inside science section */
.pdp-clinical-studies {
	margin-top: 30px;
}

.pdp-clinical-studies-title {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 16px;
	text-transform: uppercase;
	letter-spacing: 0.66px;
	text-align: left;
}

.pdp-clinical-studies-content {
	font-size: 10px;
	line-height: 16px;
	color: rgba(255, 255, 255, 0.85);
	text-align: left;
}

.pdp-science-cta {
	margin-top: 30px;
}

/* ========================================================================
   CERTIFICATIONS SECTION (Quality badges grid)
   ======================================================================== */
.pdp-certifications {
	background: transparent;
}

.pdp-certifications-inner {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 40px;
}

.pdp-certifications-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 30px 20px;
}

.pdp-cert-item {
	display: flex;
	align-items: center;
	gap: 15px;
}

.pdp-cert-item img {
	width: 60px;
	height: 60px;
	flex-shrink: 0;
}

.pdp-cert-item span {
	font-size: 14px;
	color: #1a3582;
	font-weight: 500;
	line-height: 1.3;
}

/* ========================================================================
   WHY CHOOSE SECTION (Light background, full-width)
   Based on Figma node 1:91
   ======================================================================== */
.pdp-why-choose {
	background: #fff;
}

.pdp-why-choose-inner {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 40px;
	display: flex;
	align-items: center;
	gap: 80px;
}

.pdp-why-choose-image {
	flex: 0 0 50%;
	margin-left: calc(-50vw + 50%);
}

.pdp-why-choose-image img {
	width: 100%;
	height: auto;
}

.pdp-why-choose-content {
	flex: 1;
}

.pdp-why-choose-title {
	font-family: inherit;
	font-size: 48px;
	font-weight: 700;
	letter-spacing: -0.48px;
	color: #1a3582;
	margin-bottom: 30px;
	text-transform: none;
}

.pdp-why-choose-cards {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.pdp-why-choose-card {
	background: #e9f1ff;
	padding: 25px;
	border-radius: 20px;
}

.pdp-why-choose-icon {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: #1a3582;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
}

.pdp-why-choose-card h3 {
	font-family: inherit;
	font-size: 20px;
	font-weight: 700;
	line-height: 27px;
	letter-spacing: 0.7px;
	color: #1a3582;
	margin: 0 0 20px;
	text-transform: none;
}

.pdp-why-choose-card p {
	font-family: inherit;
	font-size: 16px;
	line-height: 1.4;
	color: #1a3582;
	margin: 0;
}

/* ========================================================================
   JOURNEY SECTION (3 steps with images) - Full-width dark blue
   Based on Figma node 1:46
   ======================================================================== */
.pdp-journey {
	background: #1a3582;
	color: #fff;
	position: relative;
}
.pdp-journey::before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(10, 20, 60, 0.7);
	z-index: 0;
}

.pdp-journey-inner {
	position: relative;
	z-index: 1;
	max-width: 1360px;
	margin: 0 auto;
	padding: 0 40px;
	text-align: center;
}

.pdp-journey-title {
	font-family: inherit;
	font-size: 48px;
	font-weight: 700;
	line-height: 54px;
	letter-spacing: 1.44px;
	text-transform: uppercase;
	margin-bottom: 22px;
	color: #fff;
}

.pdp-journey-subtitle {
	font-family: inherit;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0.6px;
	color: #fff;
	margin-bottom: 47px;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.pdp-journey-steps {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	margin-bottom: 24px;
}

.pdp-journey-step {
	background: rgba(141, 153, 182, 0.12);
	border-radius: 20px;
	padding: 16px 25px 55px 25px;
	text-align: left;
}

.pdp-journey-step-image {
	margin-bottom: 10px;
	border-radius: 20px;
	overflow: hidden;
}

.pdp-journey-step-image img {
	width: 100%;
	height: 294px;
	object-fit: cover;
}

.pdp-journey-step-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	background: #fff;
	border: 1.408px solid #fff;
	color: #1a3582;
	font-family: inherit;
	font-size: 31px;
	border-radius: 10px;
	margin-bottom: 25px;
	margin-top: 15px;
}

.pdp-journey-step-title {
	font-family: inherit;
	font-size: 24px;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: 1.44px;
	text-transform: uppercase;
	margin-bottom: 25px;
	color: #fff;
}

.pdp-journey-step-desc {
	font-family: inherit;
	font-size: 20px;
	line-height: 1.2;
	color: #fff;
}

/* ========================================================================
   TESTIMONIALS SECTION (Slider with cards) - Full-width light bg
   Based on Figma node 1:460
   ======================================================================== */
.pdp-testimonials {
	background: #E9F1FF;
}

.pdp-testimonials-inner {
	max-width: 1110px;
	margin: 0 auto;
	padding: 0 40px;
	text-align: center;
}

.pdp-testimonials-title {
	font-family: inherit;
	font-size: 48px;
	font-weight: 700;
	line-height: 54px;
	letter-spacing: 1.44px;
	text-transform: uppercase;
	color: #1a3582;
	margin-bottom: 22px;
}

.pdp-testimonials-subtitle {
	font-family: inherit;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0.6px;
	color: #1a3582;
	margin-bottom: 87px;
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
}

.pdp-testimonials-slider {
	position: relative;
}

.pdp-testimonials-slider .slick-list {
	overflow: hidden;
	margin: 0 -15px;
	padding: 0 15px;
}

.pdp-testimonials-slider .slick-track {
	display: flex !important;
}

.pdp-testimonials-slider .slick-slide {
	height: auto;
	padding: 0 15px;
}

.pdp-testimonials-slider .slick-slide > div {
	height: 100%;
}

.pdp-testimonial-card {
	background: #fff;
	padding: 25px 25px;
	border-radius: 20px;
	text-align: center;
	min-height: 280px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Testimonials Slider Navigation */
.pdp-testimonials-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-top: 60px;
	padding-bottom: 20px;
}

.pdp-testimonials-arrow {
	width: 65px;
	height: 64px;
	border-radius: 44px;
	border: 2.78px solid rgba(13, 0, 71, 0.25) !important;
	background: transparent !important;
	backdrop-filter: blur(4.87px);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: border-color 0.2s ease, background 0.2s ease;
	color: #1a3582;
}

.pdp-testimonials-arrow:hover {
	border-color: #1a3582 !important;
	background: #fff !important;
}

.pdp-testimonials-arrow svg path {
	stroke: #1a3582;
}

.pdp-testimonials-arrow svg {
	width: 24px;
	height: 24px;
}

.pdp-testimonials-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 30px;
	position: relative;
}

.pdp-testimonials-dots .slick-dots {
	position: relative !important;
	bottom: auto !important;
	display: flex !important;
	gap: 12px;
	list-style: none;
	padding: 0;
	margin: 0;
	align-items: center;
}

.pdp-testimonials-dots .slick-dots li {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	line-height: 0;
}

.pdp-testimonials-dots .slick-dots li button {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #a0aec0;
	border: none;
	padding: 0;
	font-size: 0;
	cursor: pointer;
	transition: all 0.3s ease;
}

.pdp-testimonials-dots .slick-dots li button:before {
	display: none;
}

.pdp-testimonials-dots .slick-dots li.slick-active button {
	background: #d4dde8;
}

.pdp-testimonial-stars {
	color: #fc0;
	font-size: 26px;
	margin-bottom: 16px;
	letter-spacing: 3px;
}

.pdp-testimonial-quote {
	font-family: inherit;
	font-size: 18px;
	line-height: 24px;
	color: #1a3582;
	margin-bottom: 27px;
}

.pdp-testimonial-author {
	font-family: inherit;
	font-size: 16px;
	font-weight: 700;
	color: #1a3582;
}

.pdp-testimonials-dots {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 0;
}

/* ========================================================================
   COMPARE SECTION (Comparison table) - Full-width dark blue
   ======================================================================== */
.pdp-compare {
	background: #1a3582;
	color: #fff;
	position: relative;
	overflow: hidden;
}

/* --- Experts Section --- */
.pdp-experts {
	padding: 60px 0;
	background: #fff;
	overflow: hidden;
}

.pdp-experts-inner {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 20px;
}

.pdp-experts-title {
	font-size: 2rem;
	font-weight: 700;
	color: #1a3582;
	text-align: center;
	margin-bottom: 40px;
}

.pdp-experts-slider {
	margin-bottom: 32px;
	padding: 10px 0;
}

.pdp-experts-slider .slick-list {
	overflow: visible;
}

.pdp-experts .slick-dots {
	display: flex;
	justify-content: center;
	gap: 8px;
	list-style: none;
	margin: 16px 0 0;
	padding: 0;
}

.pdp-experts .slick-dots li button {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: none;
	background: #c5cfe0;
	font-size: 0;
	cursor: pointer;
	padding: 0;
}

.pdp-experts .slick-dots li.slick-active button {
	background: #1a3582;
}

@media (min-width: 1101px) {
	.pdp-experts-slider {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 24px;
		padding: 10px 0;
	}

	.pdp-expert-card {
		flex: 0 0 calc(33.333% - 16px);
		max-width: calc(33.333% - 16px);
	}

	.pdp-experts-dots {
		display: none;
	}
}

.pdp-expert-card {
	text-align: center;
	padding: 0 10px;
}

.pdp-expert-card-inner {
	background: #fff;
	border-radius: 16px;
	padding: 32px 20px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.pdp-expert-image {
	width: 140px;
	height: 140px;
	margin: 0 auto 16px;
	border-radius: 50%;
	overflow: hidden;
}

.pdp-expert-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pdp-expert-name {
	font-size: 1.1rem;
	font-weight: 700;
	color: #1a3582;
	margin: 0 0 4px;
}

.pdp-expert-position {
	font-size: 0.875rem;
	color: #556b8a;
	margin: 0;
}

.pdp-experts-slider:not(.slick-initialized) {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
}

.pdp-experts-slider.slick-initialized {
	opacity: 1;
	max-height: none;
}

.pdp-experts-dots {
	display: flex;
	justify-content: center;
	gap: 8px;
	padding: 15px 0;
}

.pdp-experts-dots .slick-dots {
	position: static;
	display: flex;
	justify-content: center;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
}

.pdp-experts-dots .slick-dots li button {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: none;
	background: #c5cfe0;
	font-size: 0;
	cursor: pointer;
	padding: 0;
}

.pdp-experts-dots .slick-dots li.slick-active button {
	background: #1a3582;
}

.pdp-compare-inner {
	max-width: 1384px;
	margin: 0 auto;
	padding: 0 40px;
	display: flex;
	align-items: center;
	gap: 80px;
}

.pdp-compare-left {
	flex: 0 0 490px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.pdp-compare-header {
}

.pdp-compare-image {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pdp-compare-footer {
	margin-top: 30px;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	align-self: flex-start;
}

.pdp-compare-title {
	font-family: inherit;
	font-size: 48px;
	font-weight: 700;
	line-height: 54px;
	letter-spacing: -0.48px;
	text-transform: capitalize;
	color: #fff;
	margin-bottom: 24px;
}

.pdp-compare-subtitle {
	font-family: inherit;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0.6px;
	color: #fff;
	margin-bottom: 24px;
}

.pdp-compare-image {
	max-width: 100%;
}

.pdp-compare-image img {
	width: 100%;
	height: auto;
	display: block;
}

/* ========================================================================
   AUDIENCE SECTION (Who uses - cards with images) - Full-width light bg
   ======================================================================== */
.pdp-audience {
	background: #E9F1FF;
}

.pdp-audience-inner {
	max-width: 1255px;
	margin: 0 auto;
	padding: 0 40px;
	text-align: center;
}

.pdp-audience-title {
	font-family: inherit;
	font-size: 48px;
	font-weight: 700;
	line-height: 54px;
	letter-spacing: 1.44px;
	text-transform: uppercase;
	color: #1a3582;
	margin-bottom: 16px;
}

.pdp-audience-subtitle {
	font-family: inherit;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0.6px;
	color: #1a3582;
	margin-bottom: 60px;
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
}

.pdp-audience-cards {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}

.pdp-audience-card {
	width: calc((100% - 80px) / 5);
	max-width: 220px;
}

.pdp-audience-card img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 20px;
	margin-bottom: 24px;
}

.pdp-audience-label {
	display: block;
	font-family: inherit;
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
	letter-spacing: 0.72px;
	color: #1a3582;
	text-transform: uppercase;
	text-align: center;
}

/* ========================================================================
   BUKOVSKY BOXES SECTION - single column centered (matches Figma)
   ======================================================================== */
.bukovsky-boxes {
	padding: 24px 16px;
}

.bukovsky-inner {
	max-width: 500px;
	margin: 0 auto;
	background: #E9F1FF;
	border-radius: 24px;
	padding: 40px 24px;
}

.bukovsky-badge {
	display: inline-block;
	background: #5B7C99;
	color: #fff;
	padding: 8px 20px;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 16px;
}

.bukovsky-title {
	font-size: 36px;
	font-weight: 600;
	color: #1a3582;
	line-height: 1.2;
	margin-bottom: 16px;
}

.bukovsky-desc {
	color: #1a3582;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 8px;
}

.bukovsky-email-form {
	display: flex;
	align-items: center;
	background: #fff;
	border-radius: 50px;
	padding: 8px 8px 8px 28px;
	margin-top: 24px;
	margin-bottom: 12px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.bukovsky-email-input {
	flex: 1;
	min-width: 0;
	border: none;
	outline: none;
	background: transparent;
	font-size: 16px;
	color: #234052;
	padding: 8px 0;
}

.bukovsky-email-input::placeholder {
	color: #9ba8b4;
}

.bukovsky-email-submit {
	flex-shrink: 0;
	background: #1f8801;
	color: #fff;
	border: none;
	border-radius: 50px;
	padding: 12px 28px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s;
	white-space: nowrap;
}

.bukovsky-email-submit:hover {
	background: #1a7301;
}

.bukovsky-form-msg {
	font-size: 14px;
	text-align: center;
	margin-top: 8px;
	margin-bottom: 0;
}

.bukovsky-buttons {
	display: flex;
	justify-content: center;
	margin-top: 12px;
	margin-bottom: 8px;
}

.bukovsky-btn-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: #fff;
	color: #5B7C99;
	border: 2px solid #5B7C99;
	padding: 12px 28px;
	border-radius: 50px;
	font-weight: 500;
	font-size: 16px;
	text-decoration: none;
	transition: background 0.2s;
}

.bukovsky-btn-secondary:hover {
	background: #f5f5f5;
	color: #5B7C99;
	text-decoration: none;
}

.bukovsky-disclaimer {
	color: #5B7C99;
	font-size: 14px;
	font-style: italic;
	font-weight: 700;
	text-align: center;
	margin-top: 6px;
}

.bukovsky-media {
	margin-top: 24px;
}

.bukovsky-video {
	margin-bottom: 16px;
	overflow: hidden;
	border-radius: 16px;
}

.bukovsky-video video {
	width: 100%;
	height: auto;
	border-radius: 16px;
	display: block;
	object-fit: contain;
}

.bukovsky-video--mobile {
	display: none;
}

@media (max-width: 767px) {
	.bukovsky-video--desktop {
		display: none;
	}
	.bukovsky-video--mobile {
		display: block;
	}
}

.bukovsky-video-duration {
	color: #fff;
	text-align: center;
	font-weight: 700;
	font-style: italic;
}

.bukovsky-packages {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.bukovsky-package--desktop {
	display: none;
}

.bukovsky-package-img {
	border-radius: 24px;
	aspect-ratio: 1;
	overflow: hidden;
}

.bukovsky-package-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.bukovsky-package-label {
	color: #5B7C99;
	font-size: 14px;
	font-style: italic;
	text-align: center;
	margin-top: 8px;
}

@media (max-width: 480px) {
	.bukovsky-email-form {
		border-radius: 16px;
		flex-direction: column;
		padding: 12px;
		gap: 0;
	}

	.bukovsky-email-input {
		width: 100%;
		padding: 10px 14px;
		border: 1px solid #cdd5dc;
		border-radius: 10px;
		margin-bottom: 12px;
		background: #f7f9fb;
	}

	.bukovsky-email-submit {
		width: 100%;
	}

	.bukovsky-title {
		font-size: 28px;
	}
}

@media (min-width: 992px) {
	.bukovsky-boxes {
		padding: 40px;
	}

	.bukovsky-inner {
		max-width: 1320px;
		padding: 45px;
		border-radius: 32px;
		display: flex;
		align-items: flex-start;
		gap: 35px;
	}

	.bukovsky-content {
		flex: 1;
		min-width: 0;
	}

	.bukovsky-media {
		flex: 1;
		min-width: 0;
		margin-top: 0;
	}

	.bukovsky-title {
		font-size: 36px;
	}

	.bukovsky-desc {
		font-size: 17px;
	}

	.bukovsky-packages {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 15px;
	}

	.bukovsky-package--desktop {
		display: block;
	}
}

/* ========================================================================
   BUKOVSKY PROMO BLOCK (Product Page - above FAQ)
   ======================================================================== */
.pdp-bukovsky-promo {
	background: #E9F1FF;
	overflow: hidden;
}

.pdp-bukovsky-promo-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 48px 40px 0;
}

.pdp-bukovsky-promo-top {
	display: flex;
	align-items: flex-end;
}

.pdp-bukovsky-promo-title {
	font-size: 36px;
	font-weight: 700;
	color: #1a3582;
	line-height: 1.15;
	margin: 0 0 8px;
}

.pdp-bukovsky-promo-subtitle {
	font-size: 16px;
	color: #1a3582;
	margin: 0 0 12px;
}

.pdp-bukovsky-promo-checks {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 28px;
}

.pdp-bukovsky-promo-checks span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
	color: #1a3582;
	font-size: 16px;
}

.pdp-bukovsky-promo-formbox {
	background: #fff;
	border-radius: 20px;
	padding: 28px 28px 24px;
	max-width: 500px;
}

.pdp-bukovsky-promo-formlabel {
	font-size: 20px;
	color: #1a3582;
	margin: 0 0 20px;
}

.pdp-bukovsky-promo-form {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.pdp-bukovsky-promo-input {
	width: 100%;
	border: 1px solid #d0d8e0;
	border-radius: 50px;
	padding: 16px 24px;
	font-size: 16px;
	color: #234052;
	background: #fff;
	outline: none;
	box-sizing: border-box;
}

.pdp-bukovsky-promo-input:focus {
	border-color: #1a3582;
}

.pdp-bukovsky-promo-input::placeholder {
	color: #9ba8b4;
}

.pdp-bukovsky-promo-submit {
	width: 100%;
	background: #1f8801;
	color: #fff;
	border: none;
	border-radius: 50px;
	padding: 16px 28px;
	font-size: 17px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s;
}

.pdp-bukovsky-promo-submit:hover {
	background: #1a7301;
}

.pdp-bukovsky-promo-image {
	flex-shrink: 0;
	width: 320px;
	align-self: flex-end;
}

.pdp-bukovsky-promo-image img {
	width: 100%;
	height: auto;
	display: block;
}

@media (min-width: 992px) {
	.pdp-bukovsky-promo.pdp-section {
		padding-top: 0;
		padding-bottom: 0;
	}

	.pdp-bukovsky-promo-inner {
		position: relative;
		padding-right: 370px;
		padding-bottom: 35px;
		padding-top: 0;
	}

	.pdp-bukovsky-promo-top {
		display: block;
	}

	.pdp-bukovsky-promo .bukovsky-disclaimer {
		text-align: center;
		max-width: 500px;
	}

	.pdp-bukovsky-promo-image {
		position: absolute;
		right: 20px;
		top: 0;
		bottom: 0;
		width: 530px;
	}

	.pdp-bukovsky-promo-image img {
		height: 100%;
		width: auto;
		object-fit: contain;
		object-position: bottom right;
	}
}

@media (max-width: 991px) {
	.pdp-bukovsky-promo.pdp-section {
		padding-top: 0;
		padding-bottom: 0;
	}

	.pdp-bukovsky-promo-inner {
		padding: 28px 20px 0;
	}

	.pdp-bukovsky-promo-title {
		font-size: 26px;
	}

	.pdp-bukovsky-promo-subtitle {
		font-size: 14px;
		margin-bottom: 0;
	}

	.pdp-bukovsky-promo-top {
		align-items: center;
		gap: 0;
		margin-right: -20px;
	}

	.pdp-bukovsky-promo-checks {
		flex: 1;
		flex-direction: column;
		gap: 6px;
		margin-bottom: 0;
	}

	.pdp-bukovsky-promo-image {
		width: 55%;
		max-width: none;
		align-self: flex-end;
		margin-bottom: 0;
	}

	.pdp-bukovsky-promo-formbox {
		max-width: none;
		margin: 0 -20px 0;
		border-radius: 0;
		padding: 20px 20px 18px;
	}

	.pdp-bukovsky-promo .pdp-bukovsky-promo-input {
		padding: 12px 24px;
	}

	.pdp-bukovsky-promo .bukovsky-disclaimer {
		margin: 0 -20px 0;
		padding: 0 20px 16px;
		background: #fff;
	}

	.pdp-bukovsky-promo .bukovsky-disclaimer .bukovsky-dot {
		vertical-align: middle;
	}
}

/* ========================================================================
   FAQ SECTION (Two-column accordion) - Full-width dark blue bg
   ======================================================================== */
.pdp-faq {
	background: #1a3582;
}

.pdp-faq-inner {
	max-width: 1249px;
	margin: 0 auto;
	padding: 0 40px;
	text-align: center;
}

.pdp-faq-title {
	font-family: inherit;
	font-size: 48px;
	font-weight: 700;
	line-height: 54px;
	letter-spacing: 1.44px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 12px;
}

.pdp-faq-subtitle {
	font-family: inherit;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0.6px;
	color: #fff;
	margin-bottom: 50px;
}

.pdp-faq-grid {
	display: grid;
	grid-template-columns: repeat(2, 618px);
	gap: 12px 13px;
	text-align: left;
	justify-content: center;
}

.pdp-faq-item {
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
}

@media (min-width: 768px) {
	.pdp-faq-item {
		padding: 0px 20px;
	}
}

.pdp-faq-question {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 15px;
	cursor: pointer;
	color: #1a3582;
	font-family: inherit;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: 0.72px;
}

.pdp-faq-arrow {
	color: #1a3582;
	transition: transform 0.3s ease;
	flex-shrink: 0;
	margin-left: 15px;
	width: 39px;
	height: 39px;
}

.pdp-faq-arrow {
	transition: transform 0.3s ease;
}

.pdp-faq-item.active .pdp-faq-arrow {
	transform: rotate(180deg);
}

.pdp-faq-answer {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	padding: 0;
	color: #27081d;
	font-family: inherit;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.48px;
	transition: max-height 0.4s ease, opacity 0.3s ease, padding 0.3s ease;
}

.pdp-faq-item.active .pdp-faq-answer {
	max-height: 500px;
	opacity: 1;
	padding: 0 15px 25px;
}

.pdp-faq-question {
	transition: padding 0.3s ease;
}

.pdp-faq-item.active .pdp-faq-question {
	padding: 25px 25px 10px;
}

/* ========================================================================
   FINAL CTA SECTION - Full-width with image on right
   ======================================================================== */
.pdp-final-cta {
	background: #fff;
	position: relative;
	overflow: hidden;
}

.pdp-final-cta-inner {
	max-width: 1512px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	align-items: stretch;
	gap: 0;
	min-height: 600px;
}

.pdp-final-cta-content {
	flex: 1;
	padding: 80px 40px 80px 120px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 690px;
}

.pdp-cta-wrapper {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	align-self: flex-start;
}

.pdp-final-cta-trust {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 24px;
	font-family: inherit;
	font-size: 13px;
	color: #1a3582;
	letter-spacing: 0.03em;
}

.pdp-final-cta-trust .pdp-stars {
	color: #fc0;
}

.pdp-final-cta-title {
	font-family: inherit;
	font-size: 70px;
	font-weight: 700;
	line-height: 76px;
	letter-spacing: 2.1px;
	text-transform: uppercase;
	color: #1a3582;
	margin-bottom: 16px;
}

.pdp-final-cta-subtitle {
	font-family: inherit;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0.6px;
	color: #1a3582;
	font-weight: 400;
	margin-bottom: 20px;
}

.pdp-final-cta-desc {
	font-family: inherit;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 0.54px;
	color: #1a3582;
	margin-bottom: 40px;
	max-width: 625px;
}

.pdp-final-cta-image {
	flex: 0 0 50%;
	position: relative;
}

.pdp-final-cta-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 16px;
}

.pdp-final-cta .pdp-shipping-note {
	color: #1a3582;
	opacity: 0.8;
}

/* ========================================================================
   PDP SECTIONS - RESPONSIVE
   ======================================================================== */
@media (max-width: 1199px) {
	.pdp-science-inner,
	.pdp-why-choose-inner,
	.pdp-journey-inner,
	.pdp-testimonials-inner,
	.pdp-compare-inner,
	.pdp-audience-inner,
	.pdp-faq-inner {
		padding: 0 30px;
	}

	.pdp-compare-inner {
		gap: 40px;
	}

	.pdp-compare-left {
		flex: 0 0 380px;
	}

	.pdp-final-cta-content {
		padding-left: 40px;
	}
}

@media (max-width: 991px) {
	.pdp-section {
		padding: 60px 0;
	}

	.pdp-section h2 {
		font-size: 32px !important;
		line-height: 38px !important;
	}

	.pdp-why-choose-inner {
		flex-direction: column;
		text-align: center;
	}

	.pdp-why-choose-card {
		text-align: left;
	}

	.pdp-why-choose-image {
		flex: none;
		width: 100vw;
		max-width: none;
		margin-left: -30px;
		margin-right: -30px;
	}

	.pdp-journey-steps {
		grid-template-columns: 1fr;
		gap: 30px;
		max-width: 450px;
		margin-left: auto;
		margin-right: auto;
	}

	.pdp-journey-step-image img {
		height: 260px;
	}

	.pdp-testimonials-slider {
		max-width: none;
		margin-bottom: 0;
	}

	.pdp-compare-inner {
		flex-wrap: wrap;
		flex-direction: column;
		text-align: center;
		gap: 30px;
	}

	.pdp-compare-left {
		flex: none;
		width: 100%;
		display: contents;
	}

	.pdp-compare-header {
		order: 1;
	}

	.pdp-compare-image {
		order: 2;
	}

	.pdp-compare-footer {
		order: 3;
		margin-top: 0;
		width: 100%;
	}

	.pdp-faq-grid {
		grid-template-columns: 1fr;
		gap: 6px;
	}

	.pdp-final-cta {
		background: #eff4f9;
		padding: 0 !important;
	}

	.pdp-final-cta-inner {
		flex-direction: column-reverse;
		text-align: center;
		min-height: auto;
		padding: 0;
	}

	.pdp-final-cta-content {
		padding: 30px 16px 50px;
		max-width: 100%;
	}

	.pdp-final-cta-image {
		flex: none;
		position: relative;
		width: 100%;
		height: 100%;
	}

	.pdp-final-cta-image::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 200px;
		background: linear-gradient(to top, #eff4f9 25%, transparent 100%);
		pointer-events: none;
	}

	.pdp-final-cta-image img {
		position: relative;
		width: 100%;
		height: auto;
		border-radius: 0;
	}

	.pdp-final-cta-trust {
		justify-content: center;
		flex-direction: column;
	}

	.pdp-final-cta-title {
		font-size: 32px !important;
		line-height: 28px !important;
		letter-spacing: 0.96px !important;
	}

	.pdp-final-cta-subtitle {
		font-size: 16px;
		line-height: 26px;
	}

	.pdp-final-cta-desc {
		font-size: 14px;
		line-height: 20px;
	}

	.pdp-clinical-studies-content {
		padding-bottom: 20px;
	}

	.pdp-audience-cards {
		justify-content: center;
		flex-wrap: wrap;
	}

	.pdp-audience-card {
		width: calc((100% - 40px) / 3);
		max-width: 160px;
	}

	.pdp-audience-card img {
		aspect-ratio: 1;
		margin-bottom: 16px;
	}

	.pdp-audience-label {
		font-size: 14px;
		line-height: 18px;
	}
}

@media (max-width: 575px) {
	.pdp-section {
		padding: 50px 0;
	}

	/* Certifications mobile - 2 columns */
	.pdp-certifications-inner {
		padding: 0 14px;
	}

	.pdp-certifications-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px 15px;
	}

	.pdp-cert-item {
		gap: 10px;
	}

	.pdp-cert-item img {
		width: 40px;
		height: 40px;
	}

	.pdp-cert-item span {
		font-size: 14px;
	}

	.pdp-section h2 {
		font-size: 28px !important;
		line-height: 34px !important;
		letter-spacing: 0.6px !important;
	}

	/* Specific section title sizes from Figma mobile */
	.pdp-science-title {
		font-size: 24px !important;
		line-height: 30px !important;
		letter-spacing: 0.72px !important;
		margin-bottom: 20px;
	}

	.pdp-compare-title {
		font-size: 24px !important;
		line-height: 26px !important;
		letter-spacing: -0.24px !important;
	}

	.pdp-science-inner,
	.pdp-why-choose-inner,
	.pdp-journey-inner,
	.pdp-testimonials-inner,
	.pdp-compare-inner,
	.pdp-audience-inner,
	.pdp-faq-inner,
	.pdp-final-cta-inner {
		padding: 0 14px;
	}

	.pdp-science-subtitle,
	.pdp-journey-subtitle,
	.pdp-compare-subtitle,
	.pdp-audience-subtitle,
	.pdp-testimonials-subtitle,
	.pdp-faq-subtitle {
		font-size: 20px !important;
		line-height: 22px !important;
		letter-spacing: 0.48px !important;
		font-weight: 400;
	}

	.pdp-science-card-title {
		font-size: 20px;
	}

	.pdp-science-card-header {
		padding: 20px 25px;
	}

	.pdp-science-card-arrow {
		width: 36px;
		height: 36px;
	}

	.pdp-science-card-arrow svg {
		width: 18px;
		height: 18px;
	}

	.pdp-science-card-content {
		padding: 0 25px;
	}

	.pdp-science-card.active .pdp-science-card-content {
		max-height: 100%;
		padding: 0 25px 25px 25px;
	}

	.woocommerce .pdp-science-card-image,
	.woocommerce-page .pdp-science-card-image,
	.pdp-science-card-image {
		max-width: 100% !important;
		width: 100% !important;
		aspect-ratio: 336 / 261 !important;
		height: auto !important;
	}

	.pdp-why-choose-image {
		margin-left: -14px;
		margin-right: -14px;
	}

	.pdp-why-choose-title {
		font-size: 20px !important;
	}

	.pdp-compare-table {
		font-size: 10px;
	}

	.pdp-final-cta-title {
		font-size: 24px !important;
		line-height: 30px !important;
		letter-spacing: 0.72px !important;
	}

	.pdp-final-cta-inner {
		padding: 0;
	}

	.pdp-final-cta-image {
		height: 100%;
	}

	.pdp-btn {
		padding: 0 30px;
		font-size: 16px;
		height: 50px;
		width: 100% !important;
		max-width: 100% !important;
		line-height: 50px;
		font-weight: 700;
		display: block !important;
		margin: 0 auto;
		text-align: center;
		box-sizing: border-box;
	}

	.pdp-cta-wrapper {
		width: 100%;
	}

	.pdp-audience-cards {
		flex-direction: column;
		gap: 16px;
		align-items: stretch;
	}

	.pdp-audience-card {
		width: 100%;
		max-width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 20px;
	}

	.pdp-audience-card img {
		width: 140px;
		height: 140px;
		aspect-ratio: 1;
		flex-shrink: 0;
		margin-bottom: 0;
	}

	.pdp-audience-label {
		font-size: 18px;
		line-height: 24px;
		text-align: left;
		font-weight: 700;
	}

	.pdp-faq-question {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: 0.56px;
		font-weight: 700;
		padding: 16px 25px;
	}

	.pdp-faq-answer {
		font-size: 16px;
		font-weight: 400;
	}

	.pdp-faq-item.active .pdp-faq-answer {
		padding: 0 25px 25px;
	}

	.pdp-faq-arrow {
		width: 23px;
		height: 23px;
	}

	/* Testimonial slider mobile - fix symmetric sides */
	.pdp-testimonials {
		overflow: hidden;
	}

	.pdp-testimonials-inner {
		padding: 0;
	}

	.pdp-testimonials-title,
	.pdp-testimonials-subtitle {
		padding: 0 14px;
	}

	.pdp-testimonials-slider .slick-slide {
		opacity: 0.5;
		transition: opacity 0.3s ease;
	}

	.pdp-testimonials-slider .slick-slide.slick-current {
		opacity: 1;
	}

	.pdp-testimonial-card {
		height: 280px;
		min-height: 280px;
		padding: 40px 20px;
		border-radius: 8px;
		margin: 0;
		width: auto;
	}

	.pdp-testimonial-stars {
		margin-bottom: 27px;
	}

	.pdp-testimonial-quote {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 27px;
	}

	.pdp-testimonial-author {
		font-size: 16px;
	}

	.pdp-testimonials-nav {
		margin-top: 48px;
		gap: 10px;
	}

	.pdp-testimonials-arrow {
		width: 44px;
		height: 44px;
	}

	.pdp-testimonials-arrow svg {
		width: 18px;
		height: 18px;
	}

	.pdp-testimonials-dots {
		margin: 0 15px;
	}

	.pdp-testimonials-dots .slick-dots {
		gap: 8px;
	}

	.pdp-testimonials-dots .slick-dots li button {
		width: 7px;
		height: 7px;
	}

	/* Journey steps mobile */
	.pdp-journey-step-title {
		font-size: 18px;
		line-height: 22px;
	}

	.pdp-journey-step-text {
		font-size: 16px;
	}

	.pdp-journey-step-number {
		width: 45px;
		height: 45px;
		font-size: 24px;
	}
}

/* ==========================================================================
   Subscription Management - Hide Suspend button (keep Pause with date picker)
   ========================================================================== */
.woocommerce-button.button.suspend {
	display: none !important;
}

/* Hide Auto-renew toggle entire row */
tr:has(.wcs-auto-renew-toggle) {
	display: none !important;
}

/* ==========================================================================
   Product Page - Hide CTA section with dividers
   ========================================================================== */
body.single-product .section-c2a.section-divider {
	display: none !important;
}

/* ==========================================================================
   Results Page - Mobile bottom image
   ========================================================================== */
.results-mobile-bottom-img {
	display: none;
}

@media (max-width: 991px) {
	.results-mobile-bottom-img {
		display: block;
		padding-top: 20px;
	}

	.results-mobile-bottom-img img {
		width: 100%;
		height: auto;
		display: block;
	}
}

/* ==========================================================================
   Subscription Exit Survey Modal
   ========================================================================== */
#exitSurveyModal .modal-content {
	border-radius: 16px;
	border: none;
	overflow: hidden;
}

/* X close button positioning */
.exit-survey-close-x {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 10;
	opacity: 0.6;
	transition: opacity 0.2s;
}
.exit-survey-close-x:hover {
	opacity: 1;
}

#exitSurveyModal .modal-body {
	padding: 2rem;
}

/* Icon in step 1 */
#exitSurveyModal .exit-survey-icon {
	font-size: 3rem;
	line-height: 1;
}

/* Reason cards (Step 2) */
.exit-survey-reasons {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.exit-survey-reason-option {
	display: block;
	cursor: pointer;
	margin: 0;
}

.exit-survey-reason-option input[type="radio"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.exit-survey-reason-card {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	border: 2px solid #e0e0e0;
	border-radius: 12px;
	transition: all 0.2s ease;
	background: #fff;
}

.exit-survey-reason-card:hover {
	border-color: #6589A8;
	background: #f8fbfd;
}

.exit-survey-reason-option input[type="radio"]:checked + .exit-survey-reason-card {
	border-color: #1f8801;
	background: #f0faf0;
}

.exit-survey-reason-icon {
	font-size: 1.5rem;
	flex-shrink: 0;
	line-height: 1;
}

.exit-survey-reason-label {
	font-size: 0.95rem;
	font-weight: 500;
	color: #333;
}

/* Other text area */
.exit-survey-other-text textarea {
	border-radius: 10px;
	border: 2px solid #e0e0e0;
	resize: vertical;
}

.exit-survey-other-text textarea:focus {
	border-color: #6589A8;
	box-shadow: 0 0 0 0.2rem rgba(101, 137, 168, 0.15);
}

/* Pause duration options (Step 3B) */
.exit-survey-pause-options {
	display: flex;
	gap: 10px;
}

.exit-survey-pause-option {
	flex: 1;
	display: block;
	cursor: pointer;
	margin: 0;
}

.exit-survey-pause-option input[type="radio"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.exit-survey-pause-card {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 8px;
	border: 2px solid #e0e0e0;
	border-radius: 10px;
	font-weight: 500;
	font-size: 0.9rem;
	text-align: center;
	transition: all 0.2s ease;
	background: #fff;
}

.exit-survey-pause-card:hover {
	border-color: #6589A8;
}

.exit-survey-pause-option input[type="radio"]:checked + .exit-survey-pause-card {
	border-color: #1f8801;
	background: #f0faf0;
	color: #1f8801;
}

/* Coupon display (Step 3A) */
.exit-survey-coupon-display {
	background: #f8fbfd;
	border: 2px dashed #6589A8;
	text-align: center;
	border-radius: 10px !important;
}

.exit-survey-coupon-code {
	color: #1f8801;
	letter-spacing: 1px;
}

/* Buttons */
#exitSurveyModal .btn-primary {
	background-color: #1f8801;
	border-color: #1f8801;
	border-radius: 10px;
	padding: 12px 20px;
	font-weight: 600;
}

#exitSurveyModal .btn-primary:hover {
	background-color: #1a7301;
	border-color: #1a7301;
}

#exitSurveyModal .btn-outline-primary {
	color: #1f8801;
	border-color: #1f8801;
	border-radius: 10px;
	padding: 12px 20px;
	font-weight: 600;
}

#exitSurveyModal .btn-outline-primary:hover {
	background-color: #1f8801;
	border-color: #1f8801;
	color: #fff;
}

#exitSurveyModal .btn-outline-secondary {
	border-radius: 10px;
	padding: 12px 20px;
	font-weight: 500;
	color: #888;
	border-color: #ddd;
}

#exitSurveyModal .btn-outline-secondary:hover {
	background-color: #f5f5f5;
	border-color: #ccc;
	color: #666;
}

/* Success step */
.exit-survey-success-title {
	color: #1f8801;
}

/* Loading spinner */
#exitSurveyLoading {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 200px;
}

#exitSurveyLoading .spinner-border {
	width: 3rem;
	height: 3rem;
	color: #1f8801;
}

/* Step headers */
#exitSurveyModal h5 {
	font-weight: 700;
	color: #333;
}

#exitSurveyModal p {
	color: #555;
	line-height: 1.6;
}

/* Mobile responsive */
@media (max-width: 576px) {
	#exitSurveyModal .modal-body {
		padding: 1.5rem;
	}

	.exit-survey-reason-card {
		padding: 12px 14px;
	}

	.exit-survey-reason-icon {
		font-size: 1.3rem;
	}

	.exit-survey-reason-label {
		font-size: 0.88rem;
	}

	.exit-survey-pause-options {
		gap: 8px;
	}

	.exit-survey-pause-card {
		padding: 10px 6px;
		font-size: 0.85rem;
	}

	#exitSurveyModal .btn {
		padding: 10px 16px;
		font-size: 0.9rem;
	}
}

/* FunnelKit Cart checkout button color override */
#fkcart-modal .fkcart-checkout-wrap #fkcart-checkout-button {
	background-color: #1f8801 !important;
	border-radius: 1000px !important;
	font-weight: 600 !important;
	font-size: 14px !important;
}

#fkcart-modal .fkcart-checkout--icon {
	display: none !important;
}

#fkcart-modal .fkcart-checkout--text::after {
	content: ' →';
}

.fkcart-payment-icons {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	padding: 8px 0 4px;
}

.fkcart-payment-icons svg {
	height: 20px;
	width: auto;
	border: 1px solid #e2e8f0;
	border-radius: 4px;
	padding: 3px 6px;
	background: #fff;
	box-sizing: content-box;
}

.fkcart-shipping-note {
	text-align: center;
	font-size: 12px;
	color: #556b8a;
	padding-bottom: 4px;
}

/* FKCart Shipping Progress Bar */
.fkcart-shipping-bar {
	padding: 12px 16px;
	background: #f0f5ff;
	border-bottom: 1px solid #e2e8f0;
}

.fkcart-shipping-text {
	font-size: 13px;
	color: #1a3582;
	margin-bottom: 8px;
}

.fkcart-shipping-text .woocommerce-Price-amount {
	font-size: inherit;
	color: inherit;
}

.fkcart-shipping-achieved {
	color: #1f8801;
}

.fkcart-shipping-progress {
	height: 6px;
	background: #e2e8f0;
	border-radius: 3px;
	overflow: hidden;
}

.fkcart-shipping-fill {
	height: 100%;
	background: #1f8801;
	border-radius: 3px;
	transition: width 0.3s ease;
}

/* FKCart Upsell Section */
.fkcart-upsell-section {
	padding: 12px 16px;
	border-top: 1px solid #e2e8f0;
}

.fkcart-upsell-title {
	font-size: 13px;
	font-weight: 700;
	color: #1a3582;
	margin-bottom: 10px;
}

.fkcart-upsell-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 0;
}

.fkcart-upsell-item + .fkcart-upsell-item {
	border-top: 1px solid #f0f0f0;
}

.fkcart-upsell-img {
	width: 40px;
	height: 40px;
	border-radius: 6px;
	object-fit: cover;
	flex-shrink: 0;
}

.fkcart-upsell-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.fkcart-upsell-name {
	font-size: 13px;
	font-weight: 600;
	color: #556b8a;
}

.fkcart-upsell-price {
	font-size: 12px;
	color: #556b8a;
}

.fkcart-upsell-price .woocommerce-Price-amount {
	font-size: inherit;
	color: inherit;
}

.fkcart-upsell-add {
	background: #1a3582;
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 6px 12px;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	white-space: nowrap;
	font-family: inherit;
}

.fkcart-upsell-add:hover {
	background: #142a66;
}

/* FKCart Savings Row */
.fkcart-savings-wrap {
	background: #f0fff4;
	border-radius: 6px;
	padding: 6px 10px;
	margin-top: 4px;
}

.fkcart-savings-text {
	color: #1f8801 !important;
	font-weight: 600 !important;
}

.fkcart-savings-amount {
	color: #1f8801 !important;
	font-weight: 700 !important;
}

.fkcart-savings-amount .woocommerce-Price-amount {
	font-size: inherit;
	color: inherit;
}

/* FKCart Shopping Link - blue border style */
#fkcart-modal .fkcart-shopping-link {
	background: transparent !important;
	color: #1a3582 !important;
	border: 2px solid #1a3582 !important;
	border-radius: 1000px !important;
	padding: 9px 20px !important;
	text-align: center !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	display: block !important;
	margin-top: 10px !important;
	font-size: 14px !important;
}

#fkcart-modal .fkcart-shopping-link::before {
	content: '← ';
}

/* ============================================================
   BUKOVSKY BUNDLE PDP SECTIONS
   ============================================================ */

/* Subtitle under hero title */
.pdp-subtitle {
	font-size: 1.2rem;
	color: #1a3582;
	margin: -20px 0 16px;
	line-height: 1.5;
}

.pdp-subtitle strong {
	font-size: 1.6rem;
}

/* --- Video Intro Section --- */
.buk-video {
	padding: 60px 0;
	background: #e9f1ff;
}
.buk-video-inner {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}
.buk-video-player {
	margin-bottom: 32px;
	overflow: hidden;
	border-radius: 16px;
}

.buk-video-player video {
	width: 100%;
	height: auto;
	border-radius: 16px;
	display: block;
	object-fit: contain;
}

.buk-video-embed {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	border-radius: 16px;
	margin-bottom: 32px;
}
.buk-video-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.buk-video-title {
	font-size: 2rem;
	font-weight: 800;
	color: #1a3582;
	margin: 0 0 16px;
}
.buk-video-desc {
	font-size: 1.1rem;
	color: #556b8a;
	line-height: 1.7;
	margin: 0;
}

/* --- Ingredients Section --- */
.buk-ingredients {
	padding: 60px 0;
	background: #fff;
}

.buk-ingredients-hero {
	margin-bottom: 32px;
	text-align: center;
}

.buk-ingredients-hero img {
	width: 100%;
	max-width: 900px;
	height: auto;
	border-radius: 16px;
	display: block;
	margin: 0 auto;
}

.buk-ingredients-inner {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 20px;
}

.buk-section-title {
	font-size: 2rem;
	font-weight: 700;
	color: #1a3582;
	text-align: center;
	margin-bottom: 12px;
}

.buk-section-desc {
	font-size: 1rem;
	color: #556b8a;
	text-align: center;
	max-width: 600px;
	margin: 0 auto 40px;
	line-height: 1.6;
}

.buk-ingredients-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 20px;
}

.buk-ingredient-card {
	position: relative;
	background: #e9f1ff;
	border-radius: 16px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	transition: box-shadow 0.3s, transform 0.2s;
}

.buk-ingredient-card:hover {
	box-shadow: 0 4px 20px rgba(18, 45, 111, 0.08);
	transform: translateY(-2px);
}

.buk-ingredient-image {
	width: 80px;
	height: 80px;
	border-radius: 0;
	overflow: hidden;
	align-self: flex-end;
	flex-shrink: 0;
}

.buk-ingredient-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.buk-ingredient-image--placeholder {
	background: linear-gradient(135deg, #e8edf5, #d1d9e8);
}

.buk-ingredient-info {
	padding-right: 40px;
}

.buk-ingredient-name {
	font-size: 1.25rem;
	font-weight: 700;
	color: #1a3582;
	margin: 0;
}

.buk-ingredient-form {
	font-size: 0.875rem;
	color: #556b8a;
	margin: 0;
}

.buk-ingredient-origin {
	font-size: 0.875rem;
	color: #8a97b0;
	margin: 0;
}

.buk-ingredient-expand {
	position: absolute;
	bottom: 20px;
	right: 20px;
	background: none;
	border: none;
	color: #1a3582;
	cursor: pointer;
	padding: 0;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: color 0.2s;
}

.buk-ingredient-expand:hover {
	color: #1a4db5;
}

/* Ingredient Popup */
.buk-ingredient-popup {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	border-radius: 20px;
	padding: 32px;
	max-width: 720px;
	width: calc(100% - 40px);
	max-height: 85vh;
	overflow-y: auto;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
	z-index: 100001;
}

.buk-ingredient-popup.active {
	display: block;
}

.buk-ingredient-popup-close {
	position: sticky;
	top: 0;
	float: right;
	margin-right: 0;
	background: #fff;
	border: none;
	cursor: pointer;
	color: #556b8a;
	padding: 8px;
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	z-index: 10;
}

.buk-ingredient-popup h4 {
	font-size: 1.25rem;
	font-weight: 700;
	color: #1a3582;
	margin: 0 0 16px;
}

.buk-popup-desc {
	font-size: 0.9375rem;
	color: #1a3582;
	line-height: 1.6;
	margin-bottom: 20px;
}

.buk-popup-nutrition {
	border-top: 1px solid #e8edf5;
	padding-top: 16px;
}

.buk-popup-nutrition-label {
	display: block;
	font-size: 0.75rem;
	font-weight: 700;
	color: #1a3582;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin-bottom: 6px;
}

.buk-popup-nutrition p {
	font-size: 0.9375rem;
	color: #1a3582;
	margin: 0;
}

.buk-popup-image {
	margin-top: 16px;
	border-radius: 12px;
	overflow: hidden;
	width: 60%;
	margin: 16px auto 0;
}

.buk-popup-image img {
	width: 100%;
	display: block;
}

.buk-ingredient-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 100000;
}

.buk-ingredient-overlay.active {
	display: block;
}

/* --- What's Included Section --- */
.buk-included {
	position: relative;
	padding: 0 20px 20px;
	margin: 0 20px;
	width: auto;
	background-color: #1a3582;
	color: #fff;
	overflow: hidden;
	border-radius: 20px;
	min-height: 500px;
}

.buk-included-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 35%;
	z-index: 0;
	overflow: hidden;
}

.buk-included-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.buk-included-gradient {
	position: absolute;
	top: 20%;
	left: 0;
	width: 100%;
	height: 15%;
	z-index: 1;
	pointer-events: none;
}

.buk-included-card {
	position: relative;
	max-width: 800px;
	margin: 200px auto 0;
	padding: 40px 36px;
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 20px;
	z-index: 2;
}

.buk-included-title {
	font-size: 1.75rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: 8px;
}

.buk-included-list {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.buk-included-item {
	padding: 16px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.buk-included-item:last-child {
	border-bottom: none;
}

.buk-included-item-title {
	display: block;
	font-size: 1rem;
	font-weight: 600;
}

.buk-included-item-subtitle {
	display: block;
	font-size: 0.875rem;
	color: rgba(255, 255, 255, 0.5);
	margin-top: 4px;
}

/* --- Included Desktop Layout --- */
@media (min-width: 768px) {
	.buk-included {
		display: flex;
		align-items: stretch;
		min-height: 0;
		padding: 0;
		margin: 0 auto;
		max-width: 1300px;
	}

	.buk-included-card {
		position: relative;
		width: 50%;
		margin: 0;
		padding: 40px 36px;
		z-index: 2;
		border-radius: 20px 0 0 20px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.buk-included-image {
		position: absolute;
		top: 0;
		left: 0;
		width: 50%;
		height: 100%;
		border-radius: 20px 0 0 20px;
	}

	.buk-included-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.buk-included-card {
		margin-left: 50%;
	}

	.buk-included-gradient {
		display: none;
	}
}

/* --- Feature Section (dark bg) --- */
.buk-feature {
	padding: 40px 16px;
	background: transparent;
	color: #fff;
}

.buk-feature-inner {
	max-width: 1300px;
	margin: 0 auto;
	padding: 40px 0;
	background-color: #1a3582;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 24px;
	overflow: hidden;
	position: relative;
}

.buk-feature-inner[style*="background-image"]::before {
	content: '';
	position: absolute;
	inset: 0;
	background: var(--overlay-color, #1a3582);
	opacity: 0.85;
	border-radius: 24px;
	z-index: 0;
}

.buk-feature-inner > * {
	position: relative;
	z-index: 1;
}

.buk-feature-title {
	font-size: 2rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: 12px;
	padding: 0 20px;
}

.buk-feature-desc {
	font-size: 1rem;
	color: #fff;
	line-height: 1.6;
	margin-bottom: 40px;
	padding: 0 20px;
}

@media (min-width: 768px) {
	.buk-feature-title,
	.buk-feature-desc {
		padding: 0 40px;
	}
}

.buk-feature-items {
	margin: 0;
	padding: 0;
}

@media (min-width: 768px) {
	.buk-feature-items {
		padding: 0 32px;
	}
}

.buk-feature-items .slick-track {
	display: flex !important;
}

.buk-feature-items .slick-slide {
	height: auto !important;
}

.buk-feature-items .slick-slide > div {
	height: 100%;
}

.buk-feature-items .slick-slide {
	padding: 0 8px;
}

.buk-feature-item {
	height: 100%;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 20px;
	padding: 24px 20px;
	box-sizing: border-box;
}

.buk-feature-item-dot {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.15);
	margin-bottom: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.buk-feature-item-dot::after {
	content: '';
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.6);
}

.buk-feature-item-icon {
	width: 48px;
	height: 48px;
	margin-bottom: 16px;
}

.buk-feature-item-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: brightness(0) invert(1);
}

.buk-feature-item-content h3 {
	font-size: 1rem;
	font-weight: 700;
	color: #fff;
	margin: 0 0 10px;
}

.buk-feature-item-content p {
	font-size: 0.875rem;
	color: #fff;
	line-height: 1.6;
	margin: 0;
}

/* --- Gallery Duo (rect + circle) --- */
.buk-gallery-duo {
	padding: 40px 0;
}

.buk-gallery-duo-inner {
	display: flex;
	gap: 20px;
	padding: 0 20px;
	max-width: 900px;
	margin: 0 auto;
	container-type: inline-size;
}

.buk-gallery-duo-rect {
	flex: 1 1 0;
	min-width: 0;
	max-height: 35cqi;
	overflow: hidden;
	border-radius: 20px;
}

.buk-gallery-duo-rect img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.buk-gallery-duo-circle {
	flex: 0 0 35%;
	overflow: hidden;
	border-radius: 50%;
	aspect-ratio: 1;
	align-self: center;
}

.buk-gallery-duo-circle img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

@media (max-width: 767px) {
	.buk-gallery-duo-inner {
		gap: 10px;
		padding: 0 10px;
	}
}

/* --- Comparison Table --- */
.buk-comparison {
	padding: 60px 0;
	background-color: #1a3a7a;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
	overflow: hidden;
	position: relative;
}
.buk-comparison::before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 0;
}

.buk-comparison-inner {
	position: relative;
	z-index: 1;
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 20px;
}

.buk-comparison-title {
	font-size: 1.75rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: 24px;
	text-align: center;
}

.buk-comparison-table {
	background: rgba(255, 255, 255, 0.08);
	border-radius: 16px;
	overflow: hidden;
}

.buk-comparison-header {
	display: grid;
	grid-template-columns: 1fr 140px 1fr;
	gap: 0;
	padding: 16px 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	align-items: center;
}

.buk-comparison-header .buk-comparison-col {
	font-size: 0.9375rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.buk-comparison-row {
	display: grid;
	grid-template-columns: 1fr 140px 1fr;
	gap: 0;
	padding: 16px 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	align-items: center;
}

.buk-comparison-row:last-child {
	border-bottom: none;
}

.buk-comparison-col--feature {
	font-size: 1.0625rem;
	font-weight: 600;
	color: #fff;
}

.buk-comparison-col--ours {
	text-align: center;
	color: #fff;
	font-size: 1rem;
}

.buk-comparison-col--others {
	font-size: 1rem;
	color: #fff;
	text-align: center;
}

.buk-quote-section {
	padding: 40px 0;
	background: #fff;
}

.buk-quote-inner {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 20px;
}

.buk-comparison-quote {
	font-size: 0.875rem;
	font-style: italic;
	color: #555;
	line-height: 1.7;
	text-align: center;
	margin: 0;
}

.buk-check {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
}

.buk-check svg {
	display: inline-block;
	vertical-align: middle;
	flex-shrink: 0;
}

.buk-check-label {
	font-size: 13px;
	line-height: 1.3;
	text-align: center;
}

.buk-cross {
	color: #fff;
}

/* --- Timeline Section --- */
.buk-timeline {
	padding: 60px 0;
	background: #fff;
}

.buk-timeline-inner {
	max-width: 600px;
	margin: 0 auto;
	padding: 0 20px;
}

.buk-timeline-video {
	margin-bottom: 48px;
}

.buk-timeline-video-embed {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	border-radius: 16px;
}

.buk-timeline-video-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.buk-timeline-items {
	position: relative;
	padding-left: 36px;
	border-left: 2px solid #1a3582;
	margin-left: 6px;
}

.buk-timeline-item {
	padding-bottom: 40px;
	position: relative;
}

.buk-timeline-item:last-child {
	padding-bottom: 0;
}

.buk-timeline-item::after {
	content: '';
	position: absolute;
	left: -42px;
	top: 7px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #1a3582;
}

.buk-timeline-period {
	flex-shrink: 0;
}

.buk-timeline-badge {
	display: inline-block;
	background: #1a3582;
	color: #fff;
	font-size: 0.9375rem;
	font-weight: 700;
	padding: 6px 16px;
	border-radius: 20px;
	white-space: nowrap;
	vertical-align: middle;
}

.postid-400110 .buk-timeline-badge {
	background: #275D1E;
}

.postid-400110 .buk-sticky-bar-btn {
	background: #275D1E;
}

.postid-400110 .pdp-add-to-cart.single_add_to_cart_button.button.alt {
	background-color: #275D1E;
}

.postid-400110 .pdp-add-to-cart.single_add_to_cart_button.button.alt:hover {
	background-color: #1e4a16;
}

.postid-400110 .buk-sticky-bar-btn:hover {
	background-color: #1e4a16;
}

/* HYP product (postid-400040) */
.postid-400040 .buk-timeline-badge {
	background: #76223E;
}


.buk-timeline-heading {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 10px;
	flex-wrap: nowrap;
}

.buk-timeline-heading h3 {
	font-size: 1.1rem;
	font-weight: 700;
	color: #1a3582;
	margin: 0;
	flex: 1;
}

.buk-timeline-content {
	padding-left: 0;
}

.buk-timeline-bullets {
	list-style: none;
	padding: 0;
	margin: 0;
}

.buk-timeline-bullets li {
	position: relative;
	padding-left: 16px;
	font-size: 15px;
	color: #556b8a;
	line-height: 1.6;
	margin-bottom: 4px;
	font-weight: 600;
}

.buk-timeline-bullets li::before {
	content: '•';
	position: absolute;
	left: 0;
	color: #1a3582;
	font-weight: 700;
}

/* --- Bukovsky Mobile Responsive --- */
@media (max-width: 767px) {
	.buk-section-title {
		font-size: 1.5rem;
	}

	.buk-ingredients {
		padding-bottom: 10px;
	}

	.buk-ingredients-grid {
		grid-template-columns: 1fr;
	}

	.buk-ingredient-card {
		padding: 14px;
	}

	.buk-ingredient-expand {
		bottom: 14px;
		right: 14px;
	}

	.buk-timeline {
		padding-bottom: 0;
	}

	.buk-included-card {
		margin: 250px 0px 20px;
		padding: 28px 24px;
	}

	.buk-included-title {
		font-size: 1.4rem;
	}

	.buk-feature-inner {
		padding: 30px 0;
	}

	.buk-feature-title {
		font-size: 1.5rem;
	}

	.buk-comparison-header,
	.buk-comparison-row {
		grid-template-columns: 1fr 80px 1fr;
		padding: 12px 10px;
		gap: 4px;
	}

	.buk-comparison-col--feature {
		font-size: 1rem;
	}

	.buk-comparison-col--ours {
		font-size: 0.9375rem;
	}

	.buk-comparison-col--others {
		font-size: 0.9375rem;
	}

	.buk-comparison-col--ours .buk-check {
		flex-direction: column;
		gap: 2px;
	}

	.buk-comparison-col--ours .buk-check svg {
		width: 18px;
		height: 18px;
	}

	.buk-comparison-header .buk-comparison-col {
		font-size: 0.875rem;
	}

	.buk-timeline-items {
		padding-left: 28px;
	}

	.buk-timeline-item::after {
		left: -35px;
	}

	.buk-timeline-heading h3 {
		font-size: 1rem;
	}

	.buk-timeline-badge {
		font-size: 1rem;
		padding: 4px 10px;
	}
}

@media (min-width: 768px) {
	.buk-ingredients-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 992px) {
	.buk-ingredients-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* --- Sticky Bottom Bar (mobile, Bukovsky products) --- */
.buk-sticky-bar {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-top: 1px solid #e0e5ef;
	padding: 8px 16px;
	padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
	z-index: 9998;
	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.08);
}

.buk-sticky-bar.active {
	display: block;
}

.buk-sticky-bar-inner {
	display: flex;
	align-items: center;
	gap: 12px;
}

.buk-sticky-bar-product {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1;
	min-width: 0;
}

.buk-sticky-bar-img {
	width: 36px;
	height: 36px;
	border-radius: 6px;
	object-fit: cover;
	flex-shrink: 0;
}

.buk-sticky-bar-info {
	min-width: 0;
	flex: 1;
}

.buk-sticky-bar-name {
	font-size: 1.125rem;
	font-weight: 700;
	color: #1a3582;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

.buk-sticky-bar-subtitle {
	font-size: 0.8125rem;
	font-weight: 400;
	color: #556b8a;
	display: block;
}

.buk-sticky-bar-price {
	font-size: 13px;
	color: #556b8a;
	display: block;
}

.buk-sticky-bar-price .woocommerce-Price-amount {
	font-size: inherit;
	color: inherit;
}

.buk-sticky-bar-btn {
	flex-shrink: 0;
	background: #1f8801;
	color: #fff;
	border: none;
	padding: 14px 28px;
	border-radius: 50px;
	font-size: 1rem;
	font-weight: 700;
	cursor: pointer;
	white-space: nowrap;
}

@media (min-width: 768px) {
	.buk-sticky-bar {
		display: none !important;
	}
}

/* --- Pre koho je určený Section --- */
.buk-target {
	padding: 60px 20px 0;
	background: #e9f1ff;
	border-radius: 20px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1300px;
	width: calc(100% - 40px);
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: 50px;
}

.buk-target-inner {
	max-width: none;
	margin: 0 auto;
	padding: 0;
}

.buk-target .buk-section-title {
	text-align: center;
	margin-bottom: 48px;
}

.buk-target-grid {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.buk-target-card {
	background: #fff;
	border-radius: 16px;
	padding: 20px 24px;
	display: flex;
	align-items: center;
	gap: 20px;
	text-align: left;
	transition: box-shadow 0.2s ease;
}

.buk-target-card:hover {
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.buk-target-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	min-width: 52px;
	margin: 0;
	border-radius: 50%;
	background: #eef2f7;
	color: #1a3a5c;
}

.buk-target-icon svg {
	width: 32px;
	height: 32px;
}

.buk-target-card-content {
	flex: 1;
}

.buk-target-card-title {
	font-size: 1.125rem;
	font-weight: 700;
	color: #1a3a5c;
	margin-bottom: 4px;
}

.buk-target-card-text {
	font-size: 0.9375rem;
	line-height: 1.6;
	color: #5a6a7a;
	margin: 0;
}

@media (min-width: 768px) {
	.buk-target-grid {
		max-width: 600px;
		margin: 0 auto;
	}
}

.buk-target-layout {
	display: flex;
	flex-direction: column;
}
.buk-target-doctor {
	text-align: center;
	margin-top: 32px;
}
.buk-target-doctor img {
	max-width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: bottom;
}
@media (min-width: 768px) {
	.buk-target-layout {
		flex-direction: row;
		align-items: flex-end;
		gap: 40px;
	}
	.buk-target-layout .buk-target-grid {
		flex: 1;
		max-width: none;
		margin: 0;
		padding-bottom: 50px;
	}
	.buk-target-doctor {
		flex: 0 0 380px;
		margin-top: 0;
		text-align: center;
	}
	.buk-target-doctor img {
		max-width: 380px;
		width: 100%;
	}
}

@media (max-width: 375px) {
	.pdp-section h2 {
		font-size: 26px !important;
	}
}

/* Quiz Loading Screen */
.quiz-loading-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.quiz-loading-inner {
	text-align: center;
}

.quiz-loading-spinner {
	width: 48px;
	height: 48px;
	border: 4px solid #e2e8f0;
	border-top-color: #1a3582;
	border-radius: 50%;
	animation: quizSpin 0.8s linear infinite;
	margin: 0 auto 20px;
}

@keyframes quizSpin {
	to { transform: rotate(360deg); }
}

.quiz-loading-text {
	font-size: 18px;
	font-weight: 600;
	color: #1a3582;
	transition: opacity 0.3s;
}

/* Quiz Package Summary Box */
.quiz-package-summary {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	background: #f0f5ff;
	border: 1px solid #d0ddf0;
	border-radius: 12px;
	padding: 12px 20px;
	margin: 0 auto 20px;
	max-width: 500px;
}

.qps-row {
	font-size: 14px;
	font-weight: 600;
	color: #1a3582;
}

.qps-count,
.qps-price {
	font-weight: 700;
}