body {
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #666;
	line-height: 20px;
	width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #444;
}

/* default font size */
.fa {
	font-size: 14px;
}

/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}

h2 {
	font-size: 27px;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 15px;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 10.2px;
}

a {
	color: #000;
}

a:hover {
	text-decoration: none;
}

legend {
	font-size: 18px;
	padding: 7px 0px
}

label {
	font-size: 12px;
	font-weight: normal;
}

select.form-control,
textarea.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="datetime"].form-control,
input[type="datetime-local"].form-control,
input[type="date"].form-control,
input[type="month"].form-control,
input[type="time"].form-control,
input[type="week"].form-control,
input[type="number"].form-control,
input[type="email"].form-control,
input[type="url"].form-control,
input[type="search"].form-control,
input[type="tel"].form-control,
input[type="color"].form-control {
	font-size: 12px;
}

.input-group input,
.input-group select,
.input-group .dropdown-menu,
.input-group .popover {
	font-size: 12px;
}

.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}

/* Fix some bootstrap issues */
span.hidden-xs,
span.hidden-sm,
span.hidden-md,
span.hidden-lg {
	display: inline;
}

.nav-tabs {
	margin-bottom: 15px;
}

div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}

/* Gradent to all drop down menus */
.dropdown-menu li>a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}

/* top */
#top {
	background-color: #EEEEEE;
	border-bottom: 1px solid #e2e2e2;
	padding: 4px 0px 3px 0;
	margin: 0 0 20px 0;
	min-height: 40px;
}

#top .container {
	padding: 0 20px;
}

#top #form-currency .currency-select,
#top #form-language .language-select {
	text-align: left;
}

#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
	text-shadow: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}

#top .btn-link,
#top-links li,
#top-links a {
	color: #888;
	text-shadow: 0 1px 0 #FFF;
	text-decoration: none;
}

#top .btn-link:hover,
#top-links a:hover {
	color: #444;
}

#top-links .dropdown-menu a {
	text-shadow: none;
}

#top-links .dropdown-menu a:hover {
	color: #FFF;
}

#top .btn-link strong {
	font-size: 14px;
	line-height: 14px;
}

#top-links {
	padding-top: 6px;
}

#top-links a+a {
	margin-left: 15px;
}

/* logo */
#logo {
	margin: 0 0 10px 0;
}

/* search */
#search {
	margin-bottom: 10px;
}

#search .input-lg {
	height: 40px;
	line-height: 20px;
	padding: 0 10px;
}

#search .btn-lg {
	font-size: 15px;
	line-height: 18px;
	padding: 10px 35px;
	text-shadow: 0 1px 0 #FFF;
}

/* cart */
#cart {
	margin-bottom: 10px;
}

#cart>.btn {
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
}

#cart.open>.btn {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}

#cart.open>.btn:hover {
	color: #444;
}

#cart .dropdown-menu {
	background: #eee;
	z-index: 1001;
}

#cart .dropdown-menu {
	min-width: 100%;
	overflow-y: auto;
	max-height: 800px;
	scrollbar-width: thin;
	overflow-x: hidden;
}

@media (max-width: 478px) {
	#cart .dropdown-menu {
		width: 100%;
	}
}

#cart .dropdown-menu table {
	margin-bottom: 10px;
}

#cart .dropdown-menu li>div {
	min-width: 427px;
	padding: 0 10px;
}

@media (max-width: 478px) {
	#cart .dropdown-menu li>div {
		min-width: 100%;
	}
}

#cart .dropdown-menu li p {
	margin: 20px 0;
}

/* menu */
#menu {
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
	min-height: 40px;
}

#menu .nav>li>a {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	padding: 10px 15px 10px 15px;
	min-height: 15px;
	background-color: transparent;
}

#menu .nav>li>a:hover,
#menu .nav>li.open>a {
	background-color: rgba(0, 0, 0, 0.1);
}

#menu .dropdown-menu {
	padding-bottom: 0;
}

#menu .dropdown-inner {
	display: table;
}

#menu .dropdown-inner ul {
	display: table-cell;
}

#menu .dropdown-inner a {
	min-width: 160px;
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 20px;
	color: #333333;
	font-size: 12px;
}

#menu .dropdown-inner li a:hover {
	color: #FFFFFF;
}

#menu .see-all {
	display: block;
	margin-top: 0.5em;
	border-top: 1px solid #DDD;
	padding: 3px 20px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 3px 3px;
	font-size: 12px;
}

#menu .see-all:hover,
#menu .see-all:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}

#menu #category {
	float: left;
	padding-left: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

#menu .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #FFF;
	padding: 2px 18px;
	float: right;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}

#menu .btn-navbar:hover,
#menu .btn-navbar:focus,
#menu .btn-navbar:active,
#menu .btn-navbar.disabled,
#menu .btn-navbar[disabled] {
	color: #ffffff;
	background-color: #229ac8;
}

@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}

@media (max-width: 767px) {
	#menu {
		border-radius: 4px;
	}

	#menu div.dropdown-inner>ul.list-unstyled {
		display: block;
	}

	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background-color: rgba(0, 0, 0, 0.1);
	}

	#menu .dropdown-inner {
		display: block;
	}

	#menu .dropdown-inner a {
		width: 100%;
		color: #fff;
	}

	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
	}

	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}
}

/* content */
#content {
	min-height: 600px;
}

/* footer */
footer {
	margin-top: 30px;
	padding-top: 30px;
	background-color: #303030;
	color: #e2e2e2;
}

footer hr {
	border-top: none;
	border-bottom: 1px solid #666;
}

footer a {
	color: #ccc;
}

footer a:hover {
	color: #fff;
}

footer h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}

/* alert */
.alert {
	padding: 8px 14px 8px 14px;
}

/* breadcrumb */
.breadcrumb {
	margin: 0 0 30px 0;
	padding: 8px 0;
	border: 1px solid #ddd;
}

.breadcrumb i {
	font-size: 15px;
}

.breadcrumb>li {
	text-shadow: 0 1px 0 #FFF;
	padding: 0 20px;
	position: relative;
	white-space: nowrap;
}

.breadcrumb>li+li:before {
	content: '';
	padding: 0;
}

.breadcrumb>li:after {
	content: '';
	display: block;
	position: absolute;
	top: -3px;
	right: -5px;
	width: 26px;
	height: 26px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.pagination {
	margin: 0;
}

/* buttons */
.buttons {
	margin: 1em 0;
}

.btn {
	padding: 7.5px 12px;
	font-size: 12px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}

.btn-xs {
	font-size: 9px;
}

.btn-sm {
	font-size: 10.2px;
}

.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}

.btn-group>.btn,
.btn-group>.dropdown-menu,
.btn-group>.popover {
	font-size: 12px;
}

.btn-group>.btn-xs {
	font-size: 9px;
}

.btn-group>.btn-sm {
	font-size: 10.2px;
}

.btn-group>.btn-lg {
	font-size: 15px;
}

.btn-default {
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #e7e7e7;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
	background-repeat: repeat-x;
	border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}

.btn-primary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
	background-color: #1f90bb;
	background-position: 0 -15px;
}

.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-danger {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-info {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #df5c39;
	background-image: linear-gradient(to bottom, #e06342, #dc512c);
	background-repeat: repeat-x;
	border-color: #dc512c #dc512c #a2371a;
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}

.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #23A1D1;
	border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}

.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
	background-color: #222222;
	background-image: linear-gradient(to bottom, #333333, #111111);
}

/* list group */
.list-group a {
	border: 1px solid #DDDDDD;
	color: #888888;
	padding: 8px 12px;
}

.list-group a.active,
.list-group a.active:hover,
.list-group a:hover {
	color: #444444;
	background: #eeeeee;
	border: 1px solid #DDDDDD;
	text-shadow: 0 1px 0 #FFF;
}

/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}

.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}

.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}

/* product list */
.product-thumb {
	border: 1px solid #ddd;
	margin-bottom: 20px;
	overflow: auto;
}

.product-thumb .image {
	text-align: center;
}

.product-thumb .image a {
	display: block;
}

.product-thumb .image a:hover {
	opacity: 0.8;
}

.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;
}

.product-grid .product-thumb .image {
	float: none;
}

@media (min-width: 767px) {
	.product-list .product-thumb .image {
		float: left;
		padding: 0 15px;
	}
}

.product-thumb h4 {
	font-weight: bold;
}

.product-thumb .caption {
	padding: 0 20px;
	min-height: 180px;
}

.product-list .product-thumb .caption {
	margin-left: 230px;
}

@media (max-width: 1200px) {
	.product-grid .product-thumb .caption {
		min-height: 210px;
		padding: 0 10px;
	}
}

@media (max-width: 767px) {
	.product-list .product-thumb .caption {
		min-height: 0;
		margin-left: 0;
		padding: 0 10px;
	}

	.product-grid .product-thumb .caption {
		min-height: 0;
	}
}

.product-thumb .rating {
	padding-bottom: 10px;
}

.rating .fa-stack {
	font-size: 8px;
}

.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}

.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}

.rating .fa-star+.fa-star-o {
	color: #E69500;
}

h2.price {
	margin: 0;
}

.product-thumb .price {
	color: #444;
}

.product-thumb .price-new {
	font-weight: 600;
}

.product-thumb .price-old {
	color: #999;
	text-decoration: line-through;
	margin-left: 10px;
}

.product-thumb .price-tax {
	color: #999;
	font-size: 12px;
	display: block;
}

.product-thumb .button-group {
	border-top: 1px solid #ddd;
	background-color: #eee;
	overflow: auto;
}

.product-list .product-thumb .button-group {
	border-left: 1px solid #ddd;
}

@media (max-width: 768px) {
	.product-list .product-thumb .button-group {
		border-left: none;
	}
}

.product-thumb .button-group button {
	width: 60%;
	border: none;
	display: inline-block;
	float: left;
	background-color: #eee;
	color: #888;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

.product-thumb .button-group button+button {
	width: 20%;
	border-left: 1px solid #ddd;
}

.product-thumb .button-group button:hover {
	color: #444;
	background-color: #ddd;
	text-decoration: none;
	cursor: pointer;
}

@media (max-width: 1200px) {

	.product-thumb .button-group button,
	.product-thumb .button-group button+button {
		width: 33.33%;
	}
}

@media (max-width: 767px) {

	.product-thumb .button-group button,
	.product-thumb .button-group button+button {
		width: 33.33%;
	}
}

.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}

.thumbnails>li {
	margin-left: 20px;
}

.thumbnails {
	margin-left: -20px;
}

.thumbnails>img {
	width: 100%;
}

.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}

.image-additional {
	max-width: 78px;
}

.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}

@media (min-width: 1200px) {

	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear: left;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear: left;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear: left;
	}
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
	#column-left .product-layout .col-md-3 {
		width: 100%;
	}

	#column-left+#content .product-layout .col-md-3 {
		width: 50%;
	}

	#column-left+#content+#column-right .product-layout .col-md-3 {
		width: 100%;
	}

	#content+#column-right .product-layout .col-md-3 {
		width: 100%;
	}
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout,
#column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}

/* fix oclabs */
.alert-dismissable .close,
.alert-dismissible .close {
	right: -1px;
}




.lotus-header {
	background: #fff;
	font-family: 'Inter', sans-serif;
}

/* Top Bar */
.header-top {
	border-bottom: 1px solid #f0f0f0;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
	padding-left: 250px;
	padding-right: 260px;
}

.top-nav {
	display: flex;
	justify-content: space-between;
	/* Зміщуємо контент вправо як на скрині */
	gap: 40px;

}

.top-left-links,
.top-right-links {
	margin: auto 0;
	display: flex;
	gap: 25px;
}

.top-nav a {
	font-size: 14px;
	color: #333;
	text-decoration: none;
	cursor: pointer;
	font-weight: 100;
}

/* Main Header */
/* .header-main {
	padding: 20px 0;
} */

.header-layout {
	display: flex;
	flex-direction: row;
	padding-left: 250px;
	padding-right: 250px;
	justify-content: space-between;
}

.logo-section img {
	max-height: 60px;
}

/* Навігація */
.nav-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 30px;
}

.nav-item a {
	text-decoration: none;
	color: #000;
	font-weight: 100;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	display: flex;
	align-items: center;
	gap: 5px;
}


.nav-item {
	position: static;
}

.submenu {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	background: #fff;
	border-top: 1px solid #f0f0f0;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
	display: none;
	z-index: 1000;
	padding: 30px 0;
}

.submenu-list {
	list-style: none;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;
}

.submenu-list a {
	text-transform: none;
	font-weight: 400;
	color: #666;
}


.header-icons {

	right: 100px;

	display: flex;
	gap: 20px;
	font-size: 90px;
}

.header-icons i {
	color: #000;
}



.nav-item a {
	position: relative;
	padding-bottom: 5px;
	transition: color 0.3s ease;
}


.nav-item a::after {
	content: '';
	position: absolute;
	width: 0;
	height: 1.5px;
	bottom: 0;
	left: 0;
	background-color: #000;
	transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.nav-item a:hover::after {
	width: 100%;
}

.nav-item a:hover {
	color: #666;
}

.nav-item i {
	transition: transform 0.3s ease;
}

.nav-item:hover i {
	transform: rotate(180deg);
}


.header-icons a {
	transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease;
}

.header-icons a:hover {
	transform: scale(1.15);
	opacity: 0.7;
}

.wishlist-link svg path {
	transition: fill 0.4s ease, stroke 0.4s ease;
}

.wishlist-link:hover svg path {
	fill: #e2ded7;
	stroke: #e2ded7;
}


.top-nav a {
	transition: color 0.4s ease;
	position: relative;
}

.top-nav a:hover {
	color: #888;
}


.img-responsives{
	max-width: 400%;
}




.submenu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 260px;
	background: #ffffff;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	z-index: 1000;
	padding: 15px 0;
	border: none;
}

.submenu-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
}

.submenu-list li {
	width: 100%;
	display: block;
}

.submenu-list li a {
	display: block;
	padding: 10px 25px;
	color: #000000;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	text-transform: none;
	text-decoration: none;
	transition: background-color 0.2s ease, padding-left 0.2s ease;
	white-space: nowrap;
}

.submenu-list li a:hover {
	padding-left: 32px;
}

.nav-item {
	position: relative;
}

.nav-item>a {
	display: flex;
	align-items: center;
	padding: 20px 0;
	margin-right: 30px;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	color: #000000;
	text-decoration: none;
}








.lotus-footer {

	padding: 40px 250px 0px;
	background: #fff;
	font-family: 'Montserrat', sans-serif;
}

.footer-main-row {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 40px;
}

.footer-col {
	flex: 1;
	min-width: 200px;
	margin-bottom: 40px;
}

.footer-logo img {
	max-width: 100px;
	display: block;
}

.logo-subtitle {
	display: block;
	font-size: 11px;
	letter-spacing: 3px;
	margin-top: 10px;
	color: #000;
}

.footer-title {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 25px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000;
}

.footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-links li {
	margin-bottom: 12px;
}

.footer-links li a,
.footer-contacts a,
.footer-contacts p {
	color: #000;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	transition: opacity 0.2s;
}

.footer-links li a:hover {
	opacity: 0.6;
}

/* Newsletter Input */
.newsletter-form {
	position: relative;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	margin-bottom: 30px;
	max-width: 280px;
}

.newsletter-input {
	border: none;
	width: 100%;
	outline: none;
	font-size: 14px;
}

.newsletter-btn {
	position: absolute;
	right: 0;
	background: none;
	border: none;
	padding: 0;
}

/* Socials */
.social-links {
	display: flex;
	gap: 15px;
}

.social-links a {
	width: 40px;
	height: 40px;
	border: 1px solid #000;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	font-size: 18px;
	transition: background 0.3s, color 0.3s;
}

.social-links a:hover {
	background: #000;
	color: #fff;
}

/* Footer Bottom */
.footer-bottom {
	margin-top: 60px;
	padding: 30px 40px 0;
	border-top: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.copyright {
	font-size: 13px;
	color: #000;
}

.payment-methods {
	display: flex;
	gap: 20px;
	align-items: center;
}

.payment-methods img {
	height: 25px;
}




.footer-links li a {
	display: inline-block;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	position: relative;
}

.footer-links li a:hover {
	color: #000;
	transform: translateX(8px);
	opacity: 1;
}


.footer-links li a::before {
	content: '';
	position: absolute;
	left: -12px;
	top: 50%;
	width: 0;
	height: 1px;
	background: #000;
	transition: width 0.3s ease;
}

.footer-links li a:hover::before {
	width: 8px;
}

.social-links a {
	transition: all 0.4s ease;
	background-color: transparent;
	border: 1px solid #e0e0e0;
}

.social-links a i {
	transition: transform 0.4s ease;
}

.social-links a:hover {
	background-color: #e2ded7;
	border-color: #e2ded7;
	color: #fff !important;
}

.social-links a:hover i {
	transform: rotate(360deg);
}


.newsletter-btn {
	transition: transform 0.3s ease;
}

.newsletter-btn svg {
	transition: all 0.3s ease;
}

.newsletter-btn:hover {
	transform: translate(3px, -3px);
}

.newsletter-btn:hover svg path {
	stroke: #555;
}



.footer-contacts a {
	transition: opacity 0.3s ease;
}

.footer-contacts a:hover {
	opacity: 0.5;
	text-decoration: underline;
}



.lotus-slider {
	background-color: #c5b4a2;
	position: relative;
	overflow: hidden;
}

.slide-inner {
	background: #e2ded7;
	min-height: 100vh;
	display: flex;
	align-items: center;
}

.slide-text {
	padding-left: 10%;
	padding-top: 50px;
}

.animate-title {
	font-family: 'Playfair Display', serif;
	font-size: 80px;
	line-height: 1;
	margin-bottom: 30px;
	text-transform: uppercase;
}

.slide-desc {
	max-width: 400px;
	margin-bottom: 40px;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	color: #333;
}

.btn-explore {
	display: inline-flex;
	align-items: center;
	gap: 20px;
	text-decoration: none;
	color: #000;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
}

.circle-icon {
	width: 65px;
	height: 65px;
	border: 1px solid #000;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.4s ease;
}

.btn-explore:hover .circle-icon {
	background: #000;
}

.btn-explore:hover svg path {
	stroke: #fff;
}

.slide-img img {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

/* Навігація */
.slider-nav-wrapper {
	position: absolute;
	bottom: 50px;
	left: 10%;
	z-index: 10;
}

.slick-dots {
	bottom: 70px !important;
	display: flex;
	list-style: none;
	padding: 0 220px !important;
	gap: 15px;
	text-align: left !important;
}

.slick-dots li button {
	font-size: 0;
	width: 10px;
	height: 10px;
	border: 1px solid #e2ded7;
	background: transparent;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.3s ease;
}

.slick-dots li.slick-active button {
	background: #000;
	transform: scale(1.2);
}



.slick-active .animate-title {
	animation: fadeInUp 0.8s both 0.2s;
}

.slick-active .animate-text {
	animation: fadeInUp 0.8s both 0.4s;
}

.slick-active .animate-btn {
	animation: fadeInUp 0.8s both 0.6s;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}





/* Обмежуємо висоту всього слайдера */
.slideshow-wrapper {
	max-height: 600px;
	/* Встановіть потрібну висоту в пікселях */
	overflow: hidden;
}

/* Налаштовуємо внутрішній блок */
.slide-inner {
	min-height: 650px !important;
	height: 650px;
}

/* Обмежуємо висоту картинки, щоб вона не розтягувала блок */
.slide-img img,
.slide-visual img {
	height: 750px;
	width: 200%;
	object-fit: cover;
	object-position: center;
}







.collections-section {
	padding: 80px 240px;
	background: #fff;
}

.collections-section .section-title {
	font-family: 'Playfair Display', serif;
	font-size: 32px;
	margin-bottom: 50px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.collections-grid {
	display: flex;
	justify-content: center;
	gap: 20px;
}

.collection-item {
	margin-bottom: 30px;
}

.collection-image {
	width: 100%;
	aspect-ratio: 3 / 4;
	/* Робить всі картинки однаковими за пропорцією */
	overflow: hidden;
	margin-bottom: 15px;
}

.collection-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.collection-item:hover img {
	transform: scale(1.03);
}

.collection-caption {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-weight: 400;
}

.collection-arrow {
	transition: transform 0.3s ease;
}

.collection-item:hover .collection-arrow {
	transform: translateX(5px);
}


/* Робимо посилання блочним, щоб воно займало всю ширину */
.collection-link {
	text-decoration: none !important;
	display: block;
	color: #333;
}

/* Стиль назви під банером */
.collection-caption {
	margin-top: 15px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	/* Вирівнювання по лівому краю */
	gap: 10px;
	font-family: 'Montserrat', sans-serif;
	/* Або той, що у тебе на сайті */
	font-size: 16px;
	text-transform: none;
	/* Щоб виводило як в адмінці */
}

.collection-name {
	border-bottom: 1px solid transparent;
	transition: border-color 0.3s;
}

/* Ефект при наведенні */
.collection-link:hover .collection-name {
	border-bottom: 1px solid #333;
	/* Лінія при наведенні */
}

.collection-link:hover .collection-image img {
	transform: scale(1.02);
	transition: transform 0.5s ease;
}

.collection-arrow svg {
	display: inline-block;
	vertical-align: middle;
	transition: transform 0.3s ease;
}

.collection-link:hover .collection-arrow svg {
	transform: translateX(5px);
	/* Стрілочка трохи рухається вправо */
}



.bg-light-gray {
	background-color: #f0f0f0;
	/* Сірий фон як на скриншоті */
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 600px;
	/* Висота повинна бути як у текстового блоку */
}

.story-svg-container {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.animated-pattern {
	width: 100%;
	height: auto;
	max-height: 100%;
	transform: translate3d(0px, 0px, 0px);
	transition: transform 0.5s ease;
}

/* Якщо хочеш додати легку анімацію появи */
.slick-active .animated-pattern {
	animation: fadeInPattern 1.5s ease forwards;
}

@keyframes fadeInPattern {
	from {
		opacity: 0;
		transform: scale(0.9);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}




.option-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 12px;
}

.option-item {
	display: inline-block;
	padding: 4px 10px;
	background: #f5f5f5;
	border: 1px solid #eeeeee;
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #555;
	border-radius: 2px;
	transition: all 0.2s ease;
}

.product-thumb-lotus:hover .option-item {
	background: #ffffff;
	border-color: #333333;
	color: #000000;
}


.top-products-section {
	padding: 60px 250px;
}

.product-thumb-lotus {
	border: none;
	margin-bottom: 30px;
	text-align: left;
	transition: all 0.3s;
}

.image-wrapper {
	position: relative;
	background: #fff;
	margin-bottom: 20px;
}

.wishlist-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
}

.wishlist-btn button {
	background: none;
	border: none;
	cursor: pointer;
}

.promo-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 12px;
	font-weight: 300;
}

.product-name a {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	color: #333;
	text-decoration: none;
	font-weight: 400;
}

.price {
	margin-top: 5px;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
}

.price-new {
	color: #e67e22;
	/* Колір акційної ціни */
	font-weight: 600;
}

.price-old {
	text-decoration: line-through;
	color: #999;
	font-size: 14px;
	margin-left: 10px;
}

.option-tags {
	display: flex;
	gap: 5px;
	margin-top: 15px;
}

.option-tags span {
	border: 1px solid #eee;
	padding: 4px 8px;
	font-size: 10px;
	text-transform: uppercase;
	background: #f9f9f9;
	color: #666;
}








/* Загальний контейнер секції */
.top-products-section {
	padding: 80px 250px;
	background: #fff;
}

.top-products-section .section-title {
	font-family: 'Playfair Display', serif;
	font-size: 32px;
	margin-bottom: 50px;
	letter-spacing: 1px;
}

/* Картка товару */
.product-thumb-lotus {
	margin-bottom: 40px;
	transition: all 0.4s ease;
	position: relative;
}

/* Контейнер зображення */
.image-wrapper {
	position: relative;
	overflow: hidden;
	/* Щоб зум не виходив за межі */
	margin-bottom: 18px;
	background: #fcfcfc;
}

.image-wrapper img.main-img {
	width: 100%;
	transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Ефект наведення на картку */
.product-thumb-lotus:hover .main-img {
	transform: scale(1.06);
}

/* Іконка обраного */
.wishlist-btn {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 5;
	opacity: 0.8;
	transition: opacity 0.3s;
}

.wishlist-btn:hover {
	opacity: 1;
}

.wishlist-btn button {
	background: none;
	border: none;
	padding: 0;
}

/* Стікер знижки */
.promo-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 300;
	color: #444;
	background: rgba(255, 255, 255, 0.8);
	padding: 2px 6px;
}

/* Інформація про товар */
.product-name {
	margin: 0 0 8px 0;
}

.product-name a {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	color: #222;
	text-decoration: none;
	font-weight: 400;
	line-height: 1.4;
}

/* Ціни */
.price-box {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	margin-bottom: 12px;
}

.price-regular,
.price-new {
	font-weight: 500;
	color: #000;
}

.price-new {
	color: #c97143;
	/* Теплий колір для акції */
	margin-right: 8px;
}

.price-old {
	font-size: 14px;
	color: #999;
	text-decoration: line-through;
	font-weight: 300;
}

/* Теги розмірів */
.product-options-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.tag-item {
	display: inline-block;
	padding: 4px 10px;
	font-size: 11px;
	font-family: 'Montserrat', sans-serif;
	background: #f4f4f4;
	color: #666;
	border: 1px solid transparent;
	transition: all 0.3s ease;
	cursor: default;
}

/* Hover для тегів при наведенні на всю картку */
.product-thumb-lotus:hover .tag-item {
	background: #fff;
	border-color: #ddd;
	color: #222;
}




/* --- Загальні стилі сітки (потрібно для ховеру сусідів) --- */
.row.products-grid {
	position: relative;
	overflow: visible;
	/* Щоб ховер не обрізався */
}

/* --- Загальний стиль картки товару --- */
.product-thumb-custom {
	background: transparent;
	border: none;
	margin-bottom: 20px;
	padding: 15px;
	/* Внутрішній відступ */
	position: relative;
	overflow: visible;
	/* Щоб опції та тінь не обрізалися */
	transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	/* Плавність */
	z-index: 1;
	/* Базовий рівень */
}

/* --- ЕФЕКТ ХОВЕРУ: Основна картка --- */
.product-thumb-custom:hover {
	background: #ffffff;
	/* Міняємо фон на білий */
	transform: scale(1.05);
	/* Збільшуємо на 5% */
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	/* Додаємо м'яку тінь */
	z-index: 10;
	/* Піднімаємо над іншими */
}



/* Але той товар, на який навели (hover), стає повністю видимим */
.row.products-grid:hover .product-thumb-custom:hover {
	opacity: 1;
}

/* --- Додаткові стилі для елементів картки --- */
.image-wrapper {
	position: relative;
	margin-bottom: 15px;
}

.wishlist-icon {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 5;
	opacity: 0;
	/* Ховаємо в звичайному стані */
	transition: opacity 0.3s ease;
}

/* Показуємо іконку обраного при наведенні */
.product-thumb-custom:hover .wishlist-icon {
	opacity: 1;
}

.promo-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 12px;
	color: #444;
}

.product-name a {
	font-family: 'Montserrat', sans-serif;
	/* Або ваш шрифт */
	font-size: 15px;
	color: #333;
	font-weight: 400;
}

.price-custom {
	margin-top: 5px;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	color: #c97143;
	/* Теплий колір для акції */
}

.price-old {
	text-decoration: line-through;
	color: #999;
	font-size: 14px;
	margin-left: 10px;
}

/* Опції (теги) */
.option-tags {
	display: flex;
	gap: 5px;
	margin-top: 15px;
}

.option-tag {
	background: #f8f8f8;
	border: 1px solid #eeeeee;
	padding: 3px 8px;
	font-size: 11px;
	text-transform: uppercase;
	color: #555;
}




.wish-button {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	outline: none;
	transition: transform 0.2s ease;
}

.wish-button:hover {
	transform: scale(1.1);
}

.heart-icon path {
	transition: fill 0.3s ease, stroke 0.3s ease;
}

/* Стан, коли товар у списку бажаного */
.wish-button.in-wishlist .heart-icon path {
	fill: #333;
	/* Зафарбоване серце */
	stroke: #333;
}

/* Анімація при кліку */
.wish-button.clicked {
	animation: pulse 0.4s linear;
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.3);
	}

	100% {
		transform: scale(1.1);
	}
}






.instagram-section {
	padding: 60px 250px;
	background: #fff;
}

.instagram-header {
	margin-bottom: 40px;
}

.instagram-header .section-title {
	font-family: 'Playfair Display', serif;
	/* Замініть на ваш шрифт заголовків */
	font-size: 32px;
	letter-spacing: 2px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.instagram-username {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	color: #333;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	transition: opacity 0.3s;
}

.instagram-username:hover {
	opacity: 0.7;
}

/* Сітка Instagram */
.instagram-grid {
	display: flex;
	flex-wrap: nowrap;
	/* Всі в один ряд */
	gap: 0;
	/* Без відступів між фото, як на скриншоті */
}

.insta-item {
	flex: 1;
	/* Рівномірний розподіл */
	overflow: hidden;
	position: relative;
}

.insta-item img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.5s ease;
}

/* Ефект при наведенні */
.insta-item:hover img {
	transform: scale(1.05);
}

/* Адаптивність для мобільних */
@media (max-width: 768px) {
	.instagram-grid {
		flex-wrap: wrap;
		/* На мобільних по 2 в ряд */
	}

	.insta-item {
		flex: 0 0 50%;
	}
}




.auth-container {
	padding: 100px 0;
	background-color: #fff;
}

.auth-title {
	font-family: 'Playfair Display', serif;
	font-size: 32px;
	letter-spacing: 2px;
	margin-bottom: 20px;
}

.auth-subtitle {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #888;
	margin-bottom: 40px;
	text-transform: uppercase;
}

/* Стиль інпутів як на Checkout */
.input-lotus {
	width: 100%;
	border: none;
	border-bottom: 1px solid #ddd;
	padding: 12px 10px;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	outline: none;
	transition: border-color 0.3s;
	background: transparent;
}

.input-lotus:focus {
	border-bottom: 1px solid #000;
}

.form-group-custom {
	margin-bottom: 25px;
	position: relative;
}

/* Кнопки */
.btn-auth-black {
	background: #fff;
	color: #000;
	border: 1px solid #000;
	padding: 15px 45px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	transition: all 0.3s;
	cursor: pointer;
}

.btn-auth-black:hover {
	background: #e2ded7;
	color: #fff;
	border: none;

}

.btn-auth-outline {
	display: inline-block;
	padding: 15px 45px;
	border: 1px solid #000;
	color: #000;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	transition: all 0.3s;
}

.btn-auth-outline:hover {
	background: #e2ded7;
	color: #fff;
	border: #e2ded7;
}

.link-forgot {
	font-size: 12px;
	color: #999;
	text-decoration: none;
	display: block;
	margin-top: 10px;
}


/* Кастомний чекбокс для згоди з правилами */
.checkbox-container {
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 25px;
	cursor: pointer;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	color: #666;
	line-height: 1.5;
}

.checkbox-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #fff;
	border: 1px solid #ddd;
}

.checkbox-container:hover input~.checkmark {
	border-color: #000;
}

.checkbox-container input:checked~.checkmark {
	background-color: #000;
	border-color: #000;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.checkbox-container input:checked~.checkmark:after {
	display: block;
}

.register-footer {
	margin-top: 30px;
}

.login-link {
	margin-top: 20px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #888;
}

.login-link a {
	color: #000;
	text-decoration: underline;
}

.text-danger {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	margin-top: 5px;
	color: #d9534f;
}









.modal-lotus {
	display: none;
	position: fixed;
	z-index: 99999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.modal-lotus.active {
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
}

.modal-content-lotus {
	background-color: #fff;
	padding: 30px;
	width: 90%;
	max-width: 600px;
	position: relative;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
}

.modal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

.modal-title {
	font-family: 'Playfair Display', serif;
	font-size: 22px;
}

.close-modal {
	background: none;
	border: none;
	font-size: 30px;
	cursor: pointer;
	line-height: 1;
}

#cart-content-ajax {
	overflow-y: auto;
}




.cart-item {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #eee;
	padding: 15px 0;
	position: relative;
}

.cart-item-image img {
	width: 70px;
	height: auto;
	margin-right: 15px;
}

.cart-item-details {
	flex-grow: 1;
	padding-right: 20px;
}

.product-name {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	display: block;
	margin-bottom: 5px;
}

.cart-item-controls {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}

.quantity-control {
	display: flex;
	border: 1px solid #ddd;
}

.quantity-control button {
	background: none;
	border: none;
	padding: 5px 10px;
	cursor: pointer;
	font-size: 16px;
}

.quantity-control input {
	width: 30px;
	text-align: center;
	border: none;
	font-family: 'Montserrat', sans-serif;
	pointer-events: none;
}

.item-price {
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
}

.btn-remove {
	position: absolute;
	right: 0;
	top: 15px;
	background: none;
	border: none;
	font-size: 24px;
	color: #999;
	cursor: pointer;
}

.cart-summary {
	margin-top: 20px;
	padding-top: 15px;
	border-top: 2px solid #000;
}

.summary-row {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	font-family: 'Montserrat', sans-serif;
}

.cart-actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 20px;
}

.btn-lotus-black {
	background: #e2ded7;
	color: #fff;
	text-align: center;
	padding: 15px;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	border: 1px solid #e2ded7;
	cursor: pointer;
	display: block;
	width: 100%;
	transition: 0.3s;
}

.btn-lotus-white {
	background: #fff;
	color: #000;
	text-align: center;
	padding: 15px;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	border: 1px solid #000;
	display: block;
	width: 100%;
	transition: 0.3s;
}

.btn-lotus-black:hover {
	background: #fff;
	color: #000;
}

.btn-lotus-white:hover {
	background: #000;
	color: #fff;
}




.modal-header {
	border-bottom: 1px solid #e5e5e5;
	padding: 15px 0;
	margin-bottom: 0;
}

.modal-title {
	font-family: 'Playfair Display', serif;
	font-size: 18px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	font-weight: 400;
}

.close-modal {
	font-weight: 300;
	color: #888;
	transition: color 0.3s;
}



.cart-modal-body {
	display: flex;
	min-height: 400px;
}

.cart-items-list {
	flex: 1.5;
	padding-right: 30px;
	padding-top: 20px;

}

.cart-summary {
	flex: 1;
	padding-left: 30px;
	padding-top: 20px;
}




.cart-item {
	border-bottom: none;
	margin-bottom: 25px;
}

.product-name {
	font-size: 13px;
	line-height: 1.4;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: 500;
}

.product-option {
	color: #888;
	font-size: 11px;
	margin-top: 5px;
}

/* Стилізація кнопок +/- як на макеті */
.quantity-control {
	border: 1px solid #ddd;
	display: inline-flex;
	margin-top: 15px;
}

.quantity-control button {
	width: 30px;
	height: 30px;
	background: #fff;
	border: none;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.quantity-control input {
	width: 35px;
	border: none;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align: center;
	font-size: 12px;
}




.summary-row {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.summary-label {
	font-size: 14px;
	color: #888;
}

.summary-value {
	font-size: 16px;
	font-weight: 600;
}

/* Головна кнопка "Оформити" */
.btn-lotus-green {
	background-color: #94b0a7 !important;
	/* Той самий зелений з фото */
	color: #fff !important;
	border: none;
	padding: 16px;
	font-size: 12px;
	letter-spacing: 1.5px;
	font-weight: 500;
	transition: opacity 0.3s;
}

.btn-lotus-green:hover {
	opacity: 0.8;
}

/* Кнопка "Купити в 1 клік" */
.btn-lotus-white {
	border: 1px solid #e5e5e5 !important;
	background: #fff !important;
	color: #000 !important;
	padding: 16px;
	font-size: 12px;
	letter-spacing: 1.5px;
	margin-top: 10px;
}

.btn-continue-shopping {
	font-size: 11px;
	color: #1a1a1a;
	text-decoration: underline;
	margin-top: 20px;
	display: block;
	text-align: center;
	text-underline-offset: 4px;
}




.cart-empty h3 {
	font-family: 'Playfair Display', serif;
	font-size: 24px;
	margin-top: 20px;
}

.cart-empty p {
	color: #888;
	font-size: 14px;
	margin-top: 10px;
}

.empty-cart-icon {
	width: 60px;
	opacity: 0.8;
}




.btn-lotus-green {
	background-color: #94b0a7 !important;
	color: #fff !important;
	border: none;
	padding: 16px;
	font-size: 12px;
	letter-spacing: 1.5px;
	font-weight: 500;
	text-transform: uppercase;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	/* Плавний перехід */
	cursor: pointer;
	display: block;
	width: 100%;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.btn-lotus-green:hover {
	background-color: #a3bcb5 !important;
	/* Трохи світліший відтінок */
	box-shadow: 0 4px 15px rgba(148, 176, 167, 0.3);
	/* М'яка тінь у колір кнопки */
	transform: translateY(-1px);
	/* Легке підняття вгору */
}

.btn-lotus-green:active {
	transform: translateY(0);
	/* Ефект натискання */
}



.btn-lotus-white {
	border: 1px solid #e5e5e5 !important;
	background: #fff !important;
	color: #000 !important;
	padding: 16px;
	font-size: 12px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	transition: all 0.3s ease;
	cursor: pointer;
}

.btn-lotus-white:hover {
	background: #e2ded7 !important;
	/* Чорний фон при наведенні */
	color: #fff !important;
	/* Білий текст */
	border-color: #e2ded7 !important;
}





.btn-continue-shopping {
	font-size: 11px;
	color: #1a1a1a;
	text-decoration: none;
	/* Вимикаємо стандартне підкреслення */
	margin-top: 20px;
	display: inline-block;
	position: relative;
	padding-bottom: 2px;
	transition: color 0.3s ease;
}

.btn-continue-shopping::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #000;
	transform: scaleX(0);
	/* Початково лінія невидима */
	transform-origin: bottom right;
	transition: transform 0.3s ease-out;
}

.btn-continue-shopping:hover::after {
	transform: scaleX(1);
	/* Лінія розгортається */
	transform-origin: bottom left;
}




/* Плюс та мінус */
.quantity-control button {
	transition: background 0.2s ease, color 0.2s ease;
}

.quantity-control button:hover {
	background-color: #f9f9f9;
	color: #000;
}

/* Хрестик видалення товару */
.btn-remove {
	transition: transform 0.3s ease, color 0.2s ease;
}

.btn-remove:hover {
	color: #000 !important;
	transform: rotate(90deg);
	/* Хрестик плавно повертається */
}







.lotus-search-dropdown {
	display: none;
	/* Сховано за замовчуванням */
	position: absolute;
	right: 0;
	top: 70%;
	transform: translateY(-50%);
	background: #fff;
	width: 280px;
	/* Обмежена ширина */
	border-bottom: 1px solid #000;
	z-index: 100;
	padding-bottom: 5px;
	align-items: center;
}

.lotus-search-dropdown.active {
	display: flex;
	animation: slideIn 0.3s ease-out;
}

.search-input-lotus {
	width: 100%;
	border: none !important;
	outline: none !important;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	padding: 5px 30px 5px 0;
	background: transparent;
}

.search-clear {
	position: absolute;
	right: 0;
	background: none;
	border: none;
	font-size: 22px;
	cursor: pointer;
	line-height: 1;
}

@keyframes slideIn {
	from {
		opacity: 0;
		transform: translateY(-50%) translateX(10px);
	}

	to {
		opacity: 1;
		transform: translateY(-50%) translateX(0);
	}
}


.lotus-search-dropdown {
	display: none;
	position: absolute;
	right: 21%;
	top: 11.5%;
	transform: translateY(-50%);
	background: #fff;
	width: 250px;
	border-bottom: 1px solid #000;
	z-index: 100;
	padding-bottom: 2px;
}

.lotus-search-dropdown.active {
	display: flex;
}

.search-input-lotus {
	width: 100%;
	border: none !important;
	outline: none !important;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	padding: 5px 25px 5px 0;
}

.search-clear {
	position: absolute;
	right: 0;
	background: none;
	border: none;
	font-size: 20px;
	cursor: pointer;
	color: #888;
}


.category-title {
	font-family: 'Playfair Display', serif;
	font-size: 42px;
	text-transform: uppercase;
	margin: 40px 0;
	letter-spacing: 2px;
}

.category-controls {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 15px 0;
	margin-bottom: 30px;
}

.btn-filter {
	background: #fff;
	border: 1px solid #ccc;
	padding: 8px 25px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: 12px;
}

.product-thumb-lotus {
	text-align: center;
	margin-bottom: 40px;
	position: relative;
	transition: 0.3s;
}

.product-thumb-lotus .image {
	position: relative;
	background: #f9f9f9;
	/* Світлий фон як на макеті */
}

.badge-new {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.badge-special {
	position: absolute;
	top: 10px;
	right: 40px;
	/* щоб не заважало серцю */
	color: #000;
	font-size: 11px;
}

.wishlist-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	background: none;
	border: none;
	font-size: 18px;
	cursor: pointer;
}

.product-thumb-lotus h4 a {
	font-family: 'Montserrat', sans-serif;
	color: #333;
	text-decoration: none;
	font-size: 14px;
	display: block;
	margin-top: 15px;
}

.product-thumb-lotus .price {
	font-weight: bold;
	font-size: 15px;
	margin-top: 5px;
}

.price-old {
	text-decoration: line-through;
	color: #999;
	font-size: 13px;
	margin-left: 10px;
}



.breadcrumb {
	background: transparent;
	padding: 20px 0;
	margin: 0;
	list-style: none;
	text-align: left;
}

.breadcrumb li {
	display: inline-block;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #888;
}

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

.breadcrumb li+li:before {
	content: "/\00a0";
	padding: 0 5px;
}

/* Заголовок категорії - елегантний Serif */
.category-title {
	font-family: 'Playfair Display', serif;
	font-size: 48px;
	font-weight: 400;
	text-transform: uppercase;
	margin: 40px 0 60px;
	letter-spacing: 3px;
	text-align: center;
}

/* Панель фільтрів та сортування */
.category-controls {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 15px 0;
	margin-bottom: 40px;
}

.btn-filter {
	background: #fff;
	border: 1px solid #000;
	padding: 10px 30px;
	font-size: 12px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	transition: all 0.3s ease;
	cursor: pointer;
}

.btn-filter:hover {
	background: #000;
	color: #fff;
}

.sorting-wrapper {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.sorting-wrapper select {
	border: none;
	background: transparent;
	font-weight: 600;
	outline: none;
	cursor: pointer;
}

/* Картка товару */
.product-layout {
	margin-bottom: 50px;
}

.product-thumb-lotus {
	position: relative;
	transition: transform 0.3s ease;
}

.product-thumb-lotus .image {
	position: relative;
	overflow: hidden;
	background: #fdfdfd;
	/* Майже білий фон для акценту на товарі */
}

.product-thumb-lotus .image img {
	width: 100%;
	height: auto;
	transition: opacity 0.4s ease;
}

/* Стікери: Новинка / Знижка */
.badge-new,
.badge-special {
	position: absolute;
	top: 15px;
	left: 15px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	z-index: 10;
}

.badge-special {
	left: auto;
	right: 15px;
	color: #333;
}

/* Кнопка в обране */
.wishlist-btn {
	position: absolute;
	bottom: 20px;
	right: 20px;
	background: none;
	border: none;
	font-size: 20px;
	opacity: 0;
	transition: all 0.3s ease;
	cursor: pointer;
	z-index: 11;
}

.product-thumb-lotus:hover .wishlist-btn {
	opacity: 1;
}

/* Назва та ціна */
.caption {
	padding: 20px 0;
	text-align: left;
}

.caption h4 {
	margin: 0 0 10px;
}

.caption h4 a {
	color: #000;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.5px;
}

.caption .price {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.5px;
}

.price-old {
	color: #999;
	text-decoration: line-through;
	font-weight: 300;
	margin-left: 8px;
	font-size: 12px;
}

/* Адаптивність */
@media (max-width: 768px) {
	.category-title {
		font-size: 32px;
	}

	.product-layout {
		padding: 0 10px;
	}
}


/* Прибираємо стандартні обводки OpenCart */
.product-thumb {
	border: none !important;
	margin-bottom: 0 !important;
	box-shadow: none !important;
}

/* Контейнер картки */
.product-thumb-lotus {
	margin-bottom: 60px;
	transition: all 0.3s ease;
}

/* Зображення з сірим фоном */
.product-thumb-lotus .image {
	background: #F7F7F7;
	/* Світло-сірий фон як на макеті */
	padding: 0;
	position: relative;
	border-radius: 0;
}

.product-thumb-lotus .image img {
	width: 100%;
	mix-blend-mode: multiply;
	/* Робить білий фон фото прозорим на сірому фоні */
}

/* Назва товару */
.product-title {
	margin-top: 15px;
	margin-bottom: 5px;
}

.product-title a {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #000;
	text-decoration: none;
	letter-spacing: 0.3px;
}

/* Ціна */
.price-box {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 12px;
}

.price-new {
	color: #E08E69;
	margin-right: 10px;
}

.price-old {
	color: #BDBDBD;
	text-decoration: line-through;
	font-weight: 300;
	font-size: 14px;
}

/* Атрибути/Розміри */
.product-attributes {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.attr-tag {
	background: #F1F1F1;
	color: #4F4F4F;
	font-size: 11px;
	padding: 4px 10px;
	font-family: 'Montserrat', sans-serif;
	text-transform: capitalize;
}

/* Стікери та кнопка в обране */
.badge-new {
	position: absolute;
	top: 15px;
	left: 15px;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

.badge-discount {
	position: absolute;
	top: 15px;
	right: 45px;
	font-size: 12px;
	color: #333;
}

.wishlist-btn {
	position: absolute;
	top: 15px;
	right: 15px;
	background: none;
	border: none;
	font-size: 18px;
	color: #000;
	cursor: pointer;
	padding: 0;
}


/* Примусово скидаємо стилі стандартної сітки */
#product-category .product-layout {
	border: none !important;
	padding: 15px !important;
	background: transparent !important;
}

#product-category .product-thumb {
	border: none !important;
	box-shadow: none !important;
	margin-bottom: 40px !important;
	background: transparent !important;
}

/* Налаштування зображення як на Lotus */
#product-category .product-thumb .image {
	background: #F7F7F7 !important;
	/* Той самий сірий фон */
	padding: 0 !important;
	border-radius: 0 !important;
}

#product-category .product-thumb .image img {
	mix-blend-mode: multiply;
}

/* Заголовок категорії */
#product-category h1 {
	font-family: 'Playfair Display', serif !important;
	font-size: 42px !important;
	text-transform: uppercase !important;
	letter-spacing: 5px !important;
	text-align: center !important;
	margin: 40px 0 60px !important;
}

/* Приховуємо сміття (опис податку, кнопки порівняння) */
#product-category .price-tax,
#product-category .button-group,
#product-category .caption p:not(.price) {
	display: none !important;
}

/* Чиста ціна */
#product-category .price {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #000 !important;
}


/* Контейнер картки */
.product-thumb-custom {
	margin-bottom: 40px;
	background: transparent;
}

.image-wrapper {
	position: relative;
	background: #F7F7F7;
	/* Сірий фон як на фото */
	overflow: hidden;
}

.image-wrapper img {
	mix-blend-mode: multiply;
	width: 100%;
}

/* Кнопка обраного */
.wish-button {
	background: none;
	border: none;
	cursor: pointer;
	padding: 10px;
	transition: transform 0.2s;
}

.wish-button.in-wishlist .heart-icon path {
	fill: #000;
	stroke: #000;
}

.wish-button.clicked {
	transform: scale(1.2);
}

/* Назва та ціна */
.caption-custom {
	padding: 15px 0;
}

.product-name a {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	font-weight: 400;
}

.price-custom {
	margin-top: 8px;
	font-weight: 600;
	font-size: 15px;
}

.price-old {
	color: #BDBDBD;
	text-decoration: line-through;
	font-weight: 400;
	font-size: 13px;
	margin-left: 10px;
}

/* Теги розмірів */
.product-options-custom {
	display: flex;
	gap: 5px;
	margin-top: 10px;
}

.option-tag {
	background: #F1F1F1;
	color: #666;
	font-size: 10px;
	padding: 3px 8px;
	text-transform: uppercase;
}

.container1 {
	padding: 0 265px;
}


/* Контейнер для відступу від краю */
.breadcrumb-container {
	padding: 0px 0 30px 0;
	background: #fff;
}

.breadcrumb-lotus {
	list-style: none;
	padding: 0;
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-block-end: auto;
	/* Вирівнювання по лівому краю */
}

.breadcrumb-lotus li {
	display: flex;
	align-items: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	/* Великий розмір як на скріншоті */
	font-weight: 100;
	color: #000;
}

/* Стиль посилань */
.breadcrumb-lotus li a {
	text-decoration: none;
	color: #000;
	transition: opacity 0.2s;
}

.breadcrumb-lotus li a:hover {
	opacity: 0.6;
}

/* Останній елемент (активна сторінка) */
.breadcrumb-last {
	color: #000;
	font-weight: 400;
}

/* Розділювач у вигляді похилої риски / */
.breadcrumb-lotus li+li::before {
	content: "/";
	padding: 0 20px;
	/* Відступи навколо риски */
	color: #000;
	font-weight: 100;
	font-size: 12px;
}

/* Адаптивність для мобільних */
@media (max-width: 768px) {
	.breadcrumb-lotus li {
		font-size: 16px;
	}

	.breadcrumb-lotus li+li::before {
		padding: 0 10px;
		font-size: 18px;
	}
}


/* Контейнер кнопки */
.wishlist-btn {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 10;
	/* Щоб кнопка була над картинкою */
}

/* Сама кнопка */
.wish-button {
	background: transparent;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Стиль іконки (серця) */
.heart-icon {
	stroke: #000;
	/* Чорний контур як на макеті */
	stroke-width: 1.5px;
	transition: all 0.3s ease;
}

/* Колір при натисканні або наведенні */
.wish-button.in-wishlist .heart-icon,
.wish-button:hover .heart-icon {
	fill: #000;
	/* Заливка чорним при активному стані */
}

/* Контейнер кнопки - прибираємо приховування */
.wishlist-btn {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 10;
	opacity: 1 !important;
	/* Примусово робимо видимим */
	visibility: visible !important;
}

/* Стиль самої кнопки */
.wish-button {
	background: transparent;
	border: none;
	opacity: 1 !important;
	cursor: pointer;
	display: block !important;
}

/* Колір іконки, щоб вона не була прозорою */
.heart-icon {
	stroke: #000 !important;
	/* Чорний контур */
	fill: none;
	/* Прозоре всередині за замовчуванням */
	transition: fill 0.3s ease;
}

/* Тільки при наведенні або якщо товар уже в обраному — зафарбовуємо */
.wish-button:hover .heart-icon,
.wish-button.in-wishlist .heart-icon {
	fill: #000 !important;
}



.pagination-wrapper {
	margin: 60px 0;
	border-top: 1px solid #eee;
	padding-top: 40px;
}

/* Приховуємо стандартні стилі списку */
.pagination-lotus ul {
	display: flex;
	justify-content: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

.pagination-lotus li {
	margin: 0 5px;
}

/* Стиль посилань та активної сторінки */
.pagination-lotus li a,
.pagination-lotus li span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 45px;
	height: 45px;
	padding: 0 10px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	border: 1px solid transparent;
	transition: all 0.3s ease;
}

/* Активна сторінка (чорний квадрат) */
.pagination-lotus li.active span {
	background: #000;
	color: #fff;
	font-weight: 600;
}

/* Стан при наведенні */
.pagination-lotus li a:hover {
	border: 1px solid #000;
}

/* Стиль тексту з результатами (Показано 1-25 з 100...) */
.pagination-results {
	margin-top: 20px;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* Стрілки (Вперед/Назад) */
.pagination-lotus li a i {
	font-size: 16px;
}



/* Контейнер фільтрів */
.filter-sidebar {
	position: fixed;
	top: 0;
	left: -400px;
	/* Початково сховано за межами екрану */
	width: 400px;
	height: 100%;
	background: #fff;
	z-index: 9999;
	transition: left 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	display: flex;
	flex-direction: column;
	box-shadow: 2px 0 15px rgba(0, 0, 0, 0.1);
}

.filter-sidebar.active {
	left: 0;
	/* Виїжджає при додаванні класу active */
}

/* Затемнення фону */
.filter-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 9998;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.filter-backdrop.active {
	opacity: 1;
	visibility: visible;
}

/* Шапка меню */
.filter-sidebar-header {
	padding: 20px;
	border-bottom: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.filter-sidebar-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
}

.filter-reset-all {
	font-size: 12px;
	color: #666;
	text-decoration: underline;
}

/* Кнопка внизу */
.filter-sidebar-footer {
	padding: 20px;
	border-top: 1px solid #eee;
}

.btn-show-results {
	width: 100%;
	background: #e2ded7;
	/* Колір як на вашому макеті */
	color: #fff;
	border: none;
	padding: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
}


#filter-toggle {
	background: #fff;
	border: 1px solid #e0e0e0;
	transition: all 0.3s ease;
}

#filter-toggle:hover {
	background: #000;
	color: #fff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px);
}






.product-page-lotus {
	font-family: 'Montserrat', sans-serif;
}

/* Галерея зображень */
.image-main-wrapper {
	position: relative;
	background: #f9f9f9;
}

.new-season-badge {
	position: absolute;
	top: 40px;
	left: 20px;
	font-weight: 700;
	font-size: 12px;
}

.wish-button-large {
	position: absolute;
	top: 20px;
	right: 20px;
	background: none;
	border: none;
}

/* Інформація */
.product-title {
	font-size: 28px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.product-sku {
	color: #888;
	font-size: 12px;
	display: block;
	margin-bottom: 20px;
}

/* Кнопки */
.btn-add-cart-large {
	background: #9ab4ad;
	/* Колір як на макеті */
	color: #fff;
	width: 60%;
	padding: 15px;
	border: none;
	font-weight: 500;
	letter-spacing: 1px;
}

.btn-one-click {
	background: #fff;
	border: 1px solid #ddd;
	width: 38%;
	padding: 15px;
	margin-left: 2%;
}

/* Таби (Опис/Характеристики) */
.nav-tabs-minimal {
	list-style: none;
	padding: 0;
	display: flex;
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
}

.nav-tabs-minimal li {
	margin-right: 20px;
	padding-bottom: 10px;
	cursor: pointer;
}

.nav-tabs-minimal li.active {
	border-bottom: 2px solid #000;
	font-weight: 700;
}



/* Приховуємо стандартний input */
.size-selector input[type="radio"],
.color-selector input[type="radio"] {
	display: none;
}

/* Стиль для кнопки розміру */
.size-box {
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid #ddd;
	margin-right: 10px;
	cursor: pointer;
	font-family: 'Montserrat', sans-serif;
	transition: all 0.3s ease;
}

/* Стан, коли розмір вибрано */
.size-selector input[type="radio"]:checked+.size-box {
	border-color: #000;
	background: #000;
	color: #fff;
}

/* Колірні кола (якщо потрібно) */
.color-circle {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #eee;
	display: inline-block;
	cursor: pointer;
}

.color-selector input[type="radio"]:checked+.color-circle {
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
}


/* Ліва колонка - Фото */
.product-gallery {
	background: #f9f9f9;
	/* Світлий фон як на макеті */
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	min-height: 500px;
}

.main-image {
	mix-blend-mode: multiply;
	/* Щоб прибрати білий фон фото на сірому фоні */
	max-width: 90%;
}

/* Права колонка - Текст */
.product-info-lotus {
	padding-left: 50px;
}

.product-title {
	font-size: 28px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	margin-bottom: 10px;
}

.product-sku {
	color: #999;
	font-size: 11px;
	letter-spacing: 1px;
	display: block;
	margin-bottom: 30px;
}

/* Секція ціни */
.price-section-large {
	margin: 25px 0;
}

.price-current {
	font-size: 24px;
	font-weight: 500;
	margin-right: 15px;
}

.price-old-large {
	font-size: 18px;
	color: #ccc;
	text-decoration: line-through;
}

.action-buttons-wrapper {
	display: flex;
	gap: 10px;
}

.btn-add-cart-large {
	flex: 2;
	background: #e2ded7;
	/* Фірмовий колір */
	color: #fff;
	border: none;
	padding: 18px;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 2px;
	transition: all 0.4s;
}

.btn-add-cart-large:hover {
	background: #fff;
	color: #000;
	box-shadow: 0 5px 15px rgba(154, 180, 173, 0.3);
}

.btn-one-click {
	flex: 1;
	background: #fff;
	border: 1px solid #eee;
	color: #000;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	transition: 0.3s;
}

.btn-one-click:hover {
	border-color: #000;
}


.product-tabs-lotus {
	margin-top: 50px;
}

.nav-tabs-minimal {
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

.nav-tabs-minimal li {
	display: inline-block;
	margin-right: 40px;
	padding-bottom: 10px;
	cursor: pointer;
	font-size: 14px;
	text-transform: uppercase;
	position: relative;
}

.nav-tabs-minimal li.active {
	font-weight: 600;
}

.nav-tabs-minimal li.active:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #000;
}

.tab-pane {
	font-size: 14px;
	color: #444;
	line-height: 1.8;
}





/* Контейнер галереї */
.product-gallery-container {
	display: flex;
	gap: 20px;
	/* Відступ між мініатюрами та головним фото */
}

/* Колонка мініатюр */
.product-thumbnails-side {
	width: 80px;
	/* Ширина колонки з фото */
	flex-shrink: 0;
}

.thumbnails-vertical {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.thumb-item {
	border: 1px solid #eee;
	cursor: pointer;
	transition: 0.3s;
	background: #fff;
}

.thumb-item.active,
.thumb-item:hover {
	border-color: #000;
}

.thumb-item img {
	width: 100%;
	height: auto;
	display: block;
}

/* Головне фото */
.product-main-image {
	flex-grow: 1;
}

.image-main-wrapper {
	background: #f9f9f9;
	/* Сірий фон для фокусу на товарі */
	padding: 20px;
	position: relative;
	text-align: center;
}

/* Приховуємо стандартні радіо-кнопки в розмірах */
.size-btn-wrapper input {
	display: none;
}

.size-btn-wrapper input:checked+.size-btn {
	background: #000;
	color: #fff;
	border-color: #000;
}

.size-btn {
	display: inline-block;
	border: 1px solid #ddd;
	padding: 8px 20px;
	cursor: pointer;
	transition: 0.3s;
}



/* Основний контейнер галереї */
.gallery-wrapper {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	justify-content: space-around;
}

/* Колонка мініатюр */
.thumbnails-side-container {
	width: 90px;
	flex-shrink: 0;
}

.thumbnails-vertical {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.thumb-item {
	border: 1px solid #e5e5e5;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.thumb-item.active {
	border-color: #000;
	/* Чорна рамка для активного фото */
}

.thumb-item img {
	width: 100%;
	height: auto;
	display: block;
}

/* Контейнер великого фото */
.main-image-side {

	background: #fcfcfc;
	/* Світлий фон як на макеті */
	position: relative;
}

.main-image-container {

	position: relative;
	text-align: center;
}

#main-product-image {
	max-width: 100%;
	height: auto;
	mix-blend-mode: multiply;
	/* Допомагає прибрати білий фон зображення */
}

/* Стилізація бейджів */
.badge-discount {
	position: absolute;
	top: 25px;
	right: 80px;
	/* Згідно макету вони часто зміщені до центру або вгору */
	font-size: 14px;
	color: #000;
}

.badge-new-season {
	position: absolute;
	top: 55px;
	left: 40px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 0.5px;
}

.wishlist-btn-image {
	position: absolute;
	top: 25px;
	right: 25px;
	background: none;
	border: none;
	cursor: pointer;
}



.related-products-section {
	margin-top: 80px;
	margin-bottom: 60px;
	text-align: center;
}

.related-title {
	font-size: 32px;
	font-weight: 400;
	letter-spacing: 2px;
	margin-bottom: 40px;
	text-transform: uppercase;
}

.related-grid {
	display: flex;
	grid-template-columns: repeat(4, 1fr);
	/* 4 товари в ряд */
	gap: 30px;
}

/* Картка товару */
.product-card-mini {
	text-align: left;
	position: relative;
}

.card-image-wrapper {
	position: relative;
	background: #fcfcfc;
	padding: 15px;
	margin-bottom: 15px;
}

.badge-promo-mini {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 12px;
}

.badge-new-mini {
	position: absolute;
	top: 30px;
	left: 10px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 10px;
}

.wishlist-btn-mini {
	position: absolute;
	top: 10px;
	right: 10px;
	background: none;
	border: none;
	z-index: 5;
}


.card-name a {
	font-size: 15px;
	color: #000;
	text-decoration: none;
	font-weight: 400;
	line-height: 1.4;
	display: block;
	margin-bottom: 8px;
}

.price-new {
	color: #e67e22;

	font-weight: 600;
	font-size: 16px;
	margin-right: 10px;
}

.price-old-mini {
	text-decoration: line-through;
	color: #999;
	font-size: 14px;
}


.card-sizes-mini {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.size-tag-mini {
	background: #f1f1f1;
	padding: 2px 8px;
	font-size: 11px;
	color: #666;
}

.col-sm-3 {
	width: 100% !important;
}

.filter-sidebar {
	padding-top: 50px;
}




.contact-lotus {
	padding-top: 40px;
	padding-bottom: 80px;
	font-family: 'Montserrat', sans-serif;
}

.contact-flex-row {
	margin-top: 20px;
	display: flex;
	gap: 30px;
}


.stores-section,
.form-section {
	background: #f4f4f4;
	
	padding: 60px 50px;
	position: relative;
	overflow: hidden;
}

.contact-title {
	font-size: 32px;
	font-weight: 400;
	margin-bottom: 10px;
	letter-spacing: 1.5px;
}

.contact-subtitle {
	font-size: 14px;
	color: #333;
	margin-bottom: 40px;
	line-height: 1.5;
}


.store-item {
	border-bottom: 1px solid #ddd;
	padding: 20px 0;
}

.store-city {
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	display: flex;
	align-items: center;
}

.store-city i {
	margin-right: 15px;
	color: #000;
}

.store-details {
	padding-top: 10px;
	color: #666;
	font-size: 14px;
}


.form-control-lotus {
	width: 100%;
	border: none;
	padding: 15px 20px;
	margin-bottom: 15px;
	background: #fff;
	font-size: 14px;
	border-radius: 0;
}

.form-control-lotus.area {
	min-height: 120px;
	resize: none;
}

.btn-send-contact {
	width: 100%;
	background: #e2ded7;
	/* Фірмовий колір */
	color: #fff;
	border: none;
	padding: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
	margin-top: 10px;
	transition: 0.3s;
}

.btn-send-contact:hover {
	color: #000;
	background: #fff;
}


.contact-decor-spiral {
	position: absolute;
	right: -50px;
	bottom: 0;
	width: 300px;
	height: 300px;
	background-image: url('../image/spiral-bg.png');
	
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.2;
	pointer-events: none;
}




.information-lotus {
	padding-top: 40px;
	padding-bottom: 100px;
}

.info-page-title {
	font-size: 36px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 60px;
	margin-top: 20px;
	color: #000;
}


.info-content-wrapper {
	max-width: 900px;
	margin: 0 auto;
	line-height: 1.8;
	color: #333;
	font-size: 16px;
}

.description-text h2,
.description-text h3 {
	font-weight: 500;
	margin-top: 40px;
	margin-bottom: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.description-text p {
	margin-bottom: 25px;
}

.description-text img {
	max-width: 100%;
	height: auto;
	margin: 30px 0;
}


.description-text ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 30px;
}

.description-text ul li {
	position: relative;
	padding-left: 25px;
	margin-bottom: 10px;
}

.description-text ul li::before {
	content: "—";
	position: absolute;
	left: 0;
	color: #9ab4ad;
	
}



.account-clean-layout {

	margin: 0 auto;
	padding-bottom: 100px;
}

.account-header {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 60px;
}

.account-title-main {
	font-size: 38px;
	font-weight: 300;
	letter-spacing: 4px;
	text-transform: uppercase;
	margin-bottom: 30px;
}


.account-tabs {
	display: flex;
	justify-content: center;
	gap: 40px;
	border-bottom: 1px solid #eee;
}

.tab-link {
	text-decoration: none;
	color: #888;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	padding-bottom: 15px;
	position: relative;
	transition: 0.3s;
}

.tab-link:hover,
.tab-link.active {
	color: #000;
}

.tab-link.active::after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #000;
}


.bonus-status-banner {
	background: #fafafa;
	padding: 15px;
	text-align: center;
	font-size: 14px;
	margin-bottom: 40px;
	border: 1px solid #f0f0f0;
}

.input-group-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px 60px;
	
}

.floating-field {
	display: flex;
	flex-direction: column;
}

.floating-field label {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
	margin-bottom: 8px;
}

.floating-field input {
	border: none;
	border-bottom: 1px solid #e0e0e0;
	padding: 10px 0;
	font-size: 16px;
	background: transparent;
	outline: none;
	transition: border-color 0.3s;
}

.floating-field input:focus {
	border-bottom-color: #000;
}


.account-form-footer {
	margin-top: 60px;
	text-align: center;
}

.btn-lotus-black {
	background: #e2ded7;
	color: #fff;

	padding: 18px 80px;
	font-size: 13px;
	letter-spacing: 2px;
	cursor: pointer;
	transition: 0.4s;
}

.btn-lotus-black:hover {
	background: #fff;
	color: #000;
}

@media (max-width: 768px) {
	.input-group-grid {
		grid-template-columns: 1fr;
	}

	.account-tabs {
		flex-wrap: wrap;
		gap: 20px;
	}
}




.orders-minimal-list {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.order-item-card {
	border-bottom: 1px solid #eee;
	padding: 25px 0;
	transition: background 0.3s ease;
}

.order-item-card:hover {
	background: #fdfdfd;
}

.order-header-info {
	display: grid;
	grid-template-columns: 1fr 1.5fr 1.5fr 1.5fr 1fr;
	align-items: center;
}

.label-tiny {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	color: #999;
	letter-spacing: 1px;
	margin-bottom: 5px;
}

.order-id .value,
.order-date .value {
	font-size: 15px;
	color: #000;
}

.value-price {
	font-weight: 600;
	font-size: 16px;
	color: #000;
}


.status-badge {
	display: inline-block;
	padding: 4px 12px;
	background: #f4f4f4;
	font-size: 12px;
	text-transform: lowercase;
	border-radius: 20px;
	color: #555;
}


.btn-order-view {
	display: flex;
	align-items: center;
	gap: 5px;
	text-decoration: none;
	color: #000;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1px;
	transition: 0.3s;
}

.btn-order-view:hover {
	color: #9ab4ad;
}

.btn-order-view svg {
	transition: transform 0.3s;
}

.btn-order-view:hover svg {
	transform: translateX(3px);
}


.empty-orders {
	padding: 100px 0;
}

.empty-orders p {
	font-size: 18px;
	color: #888;
	margin-bottom: 30px;
}


.pagination-wrapper-acc {
	margin-top: 40px;
	text-align: center;
}

@media (max-width: 768px) {
	.order-header-info {
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}

	.order-action {
		grid-column: span 2;
		text-align: center;
		margin-top: 10px;
	}
}


.wishlist-minimal-list {
	margin-top: 20px;
}

.wishlist-item {
	display: flex;
	align-items: center;
	padding: 30px 0;
	border-bottom: 1px solid #eee;
	gap: 30px;
}

.wish-image img {
	width: 100px;
	height: auto;
	background: #fcfcfc;
}

.wish-details {
	flex: 2;
}

.wish-product-name a {
	text-decoration: none;
	color: #000;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.wish-model {
	font-size: 12px;
	color: #999;
	margin-top: 5px;
}

.wish-stock {
	font-size: 12px;
	color: #9ab4ad;
	margin-top: 10px;
}

.wish-price-block {
	flex: 1;
	text-align: right;
}


.wish-actions {
	display: flex;
	align-items: center;
	gap: 20px;
	flex: 1.5;
	justify-content: flex-end;
}

.btn-wish-cart {
	background: transparent;
	border: 1px solid #000;
	color: #000;
	padding: 12px 25px;
	font-size: 12px;
	letter-spacing: 1px;
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	transition: 0.3s;
}

.btn-wish-cart:hover {
	background: #000;
	color: #fff;
}

.btn-wish-remove {
	color: #ccc;
	transition: color 0.3s;
}

.btn-wish-remove:hover {
	color: #ff0000;
}

@media (max-width: 768px) {
	.wishlist-item {
		flex-wrap: wrap;
		text-align: center;
		justify-content: center;
	}

	.wish-details,
	.wish-price-block,
	.wish-actions {
		flex: 100%;
		text-align: center;
		justify-content: center;
	}

	.wish-image {
		flex: 100%;
	}
}





@media (max-width: 767px) {

	
	.account-clean-layout {
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 50px;
	}

	.account-title-main {
		font-size: 28px;
		
		margin-top: 30px;
		margin-bottom: 25px;
		letter-spacing: 2px;
	}

	
	.account-tabs {
		gap: 15px;
		overflow-x: auto;
		justify-content: flex-start;
		white-space: nowrap;
		padding-bottom: 10px;
		-webkit-overflow-scrolling: touch;
	}

	.tab-link {
		font-size: 11px;
		padding-bottom: 10px;
	}

	
	.input-group-grid {
		grid-template-columns: 1fr;
		
		gap: 25px;
	}

	.btn-lotus-black {
		width: 100%;
		
		padding: 15px 20px;
	}

	
	.order-header-info {
		grid-template-columns: 1fr 1fr;
		
		gap: 15px;
		padding: 20px 0;
	}

	.order-id,
	.order-date,
	.order-status,
	.order-total {
		grid-column: span 1;
	}

	.order-action {
		grid-column: span 2;
		
		margin-top: 10px;
		border-top: 1px dashed #eee;
		padding-top: 15px;
	}

	.btn-order-view {
		justify-content: center;
		width: 100%;
		background: #f9f9f9;
		padding: 10px;
	}

	
	.wishlist-item {
		flex-direction: column;
		
		text-align: center;
		gap: 15px;
		padding: 25px 0;
	}

	.wish-image {
		width: 100%;
	}

	.wish-image img {
		width: 120px;
		
	}

	.wish-details {
		text-align: center;
	}

	.wish-price-block {
		text-align: center;
		margin: 10px 0;
	}

	.wish-actions {
		width: 100%;
		flex-direction: column;
		gap: 15px;
	}

	.btn-wish-cart {
		width: 100%;
		justify-content: center;
	}

	.btn-wish-remove {
		order: -1;
		
		align-self: flex-end;
		position: absolute;
		margin-top: -20px;
	}
}


@media (max-width: 375px) {
	.account-title-main {
		font-size: 24px;
	}

	.order-header-info {
		grid-template-columns: 1fr;
		
	}
}





.visible-xs {
	display: none !important;
}

@media (max-width: 767px) {
	.hidden-xs {
		display: none !important;
	}

	.visible-xs {
		display: flex !important;
	}

	.header-mobile {
		height: 60px;
		align-items: center;
		justify-content: space-between;
		padding: 0 15px;
		background: #fff;
		border-bottom: 1px solid #f0f0f0;
		position: sticky;
		top: 0;
		z-index: 1000;
	}

	.mobile-left,
	.mobile-right {
		display: flex;
		align-items: center;
		gap: 15px;
		flex: 1;
		
	}

	.mobile-right {
		justify-content: flex-end;
	}

	.mobile-center {
		max-width: 40px;
		display: flex;
		justify-content: center;
		flex: 2;
	}

	.mobile-logo img {
		max-height: 25px;
		
		width: auto;
	}

	.btn-mobile {
		background: none;
		border: none;
		padding: 0;
		display: flex;
		align-items: center;
		color: #000;
	}

	
	#mobile-cart-wrapper .cart-total {
		display: none;
	}
}




@media (max-width: 767px) {


	
	.slide-inner .row {
		display: flex;
		flex-direction: column;
	}

	.slide-img {
		order: 1;
		
		padding: 0;
		margin-bottom: 30px;
	}

	.slide-img img {
		width: 100%;
		height: auto;
		
	}

	.slide-text {
		order: 2;
		
		text-align: center;
		padding: 0 20px;
	}

	
	.animate-title {
		font-size: 28px !important;
		
		line-height: 1.2;
		margin-bottom: 15px;
		letter-spacing: 1px;
	}

	
	.slide-desc {
		font-size: 14px;
		margin-bottom: 25px;
		line-height: 1.5;
		padding: 0 10px;
	}

	
	.btn-explore {
		display: inline-flex;
		justify-content: center;
		width: auto;
		padding: 12px 30px;
		font-size: 13px;
	}

	
	.slider-pagination {
		bottom: 20px;
		text-align: center;
		width: 100%;
	}

	.slider-pagination .slick-dots li {
		margin: 0 5px;
	}
}


@media (min-width: 768px) and (max-width: 991px) {
	.animate-title {
		font-size: 40px !important;
	}

	.slide-img img {
		max-width: 100%;
	}
}


@media (max-width: 767px) {
	.header-mobile {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 10px;
		height: 50px;
		
	}

	.mobile-left,
	.mobile-right {
		display: flex;
		gap: 10px;
		flex: 0 0 auto;
		
	}

	.mobile-center {
		flex: 1;
		
		display: flex;
		justify-content: center;
		min-width: 0;
		
	}

	.mobile-logo img {
		max-width: 100%;
		height: auto;
		max-height: 20px;
		
		object-fit: contain;
	}

	
	.cart-total {
		display: none;
	}

	.slider-pagination {
		display: none;
	}

	.slide-desc {
		display: none;
	}

	.collections-section,
	.top-products-section {
		padding: 80px 0px;
	}

	.collections-grid {
		flex-direction: column;
	}

	.instagram-section {
		padding: 0;
	}

}



@media (max-width: 767px) {
	.footer-mobile-accordion {
		border-top: 1px solid #eee;
	}

	.accordion-item {
		border-bottom: 1px solid #eee;
	}

	.accordion-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 20px 0;
		cursor: pointer;
	}

	.accordion-header h4 {
		font-size: 16px;
		letter-spacing: 1.5px;
		margin: 0;
	}

	.accordion-content {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease-out;
	}

	.accordion-item.active .accordion-content {
		max-height: 300px;
		padding-bottom: 20px;
	}

	.accordion-item.active .chevron {
		transform: rotate(180deg);
	}

	/* Підписка */
	.footer-newsletter {
		margin-top: 40px;
	}

	.footer-newsletter h4 {
		font-size: 16px;
		margin-bottom: 20px;
	}

	.newsletter-form {
		display: flex;
		border-bottom: 1px solid #000;
		/* Лінія під email */
		padding-bottom: 5px;
	}

	.newsletter-form input {
		border: none;
		width: 100%;
		padding: 10px 0;
		outline: none;
		font-size: 14px;
	}

	.newsletter-form button {
		background: none;
		border: none;
		cursor: pointer;
	}

	/* Нижня частина */
	.footer-bottom-mobile {
		text-align: center;
		margin-top: 40px;
		padding-bottom: 30px;
	}

	.social-icons {
		display: flex;
		justify-content: center;
		gap: 20px;
		margin-bottom: 20px;
	}

	.copyright {
		font-size: 12px;
		color: #666;
		margin-bottom: 15px;
	}

	.payment-icons img {
		max-width: 250px;
		height: auto;
	}

	.lotus-footer {
		padding: 40px 0px 0px;
	}

	.footer-bottom {
		flex-direction: column;
	}

	.container1 {
		padding: 0px 10px;
	}


	.btn-filter {
		display: none;
	}

	.sorting-wrapper {
		padding-left: 40px;
	}

	.information-lotus {
		padding-top: 0px;
	}
}




.search-overlay {
	display: none;
	
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 2000;
	padding: 15px 0;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.search-overlay.active {
	display: block;
}

.search-input-wrapper {
	position: relative;
	display: flex;
	align-items: center;
}

.search-input-wrapper input {
	width: 100%;
	height: 45px;
	border: 1.5px solid #000;
	
	border-radius: 4px;
	padding: 0 45px 0 15px;
	font-size: 16px;
	outline: none;
}

.close-search {
	position: absolute;
	right: 15px;
	background: none;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
}






.search-overlay-fixed {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #ffffff;
	z-index: 99999;
	padding: 15px 0;
	animation: slideDown 0.3s ease-out;
}

.search-container {
	padding: 0 15px;
}

.search-field-group {
	position: relative;
	display: flex;
	align-items: center;
}

.search-field-group input {
	width: 100%;
	height: 48px;
	background: #ffffff;
	border: 1px solid #000000;
	
	border-radius: 2px;
	padding: 0 50px 0 15px;
	font-size: 16px;
	font-family: inherit;
	outline: none;
	box-shadow: none;
	-webkit-appearance: none;
}


.search-field-group input:focus {
	border-color: #000000;
	outline: none;
}

.search-close-btn {
	position: absolute;
	right: 15px;
	background: none;
	border: none;
	padding: 5px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

@keyframes slideDown {
	from {
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0);
	}
}




.mobile-menu {
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 10000;
	transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	display: flex;
	flex-direction: column;
}

.mobile-menu.active {
	left: 0;
}

.mobile-menu-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px;
	border-bottom: 1px solid #f0f0f0;
}

.mobile-account-link {
	font-size: 14px;
	text-transform: none;
	color: #000;
}

.mobile-nav-content {
	flex-grow: 1;
	overflow-y: auto;
	padding: 20px 15px;
}

.mobile-main-nav,
.mobile-secondary-nav {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mobile-main-nav li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0;
	font-size: 18px;
	border-bottom: 1px solid #fafafa;
	color: #000;
	text-decoration: none;
}

.mobile-secondary-nav {
	margin-top: auto;
	padding-top: 40px;
}

.mobile-secondary-nav li a {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	font-size: 14px;
	color: #000;
}

.close-menu {
	border: none;
	background: transparent;

}




.mobile-submenu {
	max-height: 0;
	overflow: hidden;
	list-style: none;
	padding-left: 15px;

	transition: max-height 0.3s ease-out;
	background: #fcfcfc;
}

.mobile-nav-item.active .mobile-submenu {
	max-height: 1000px;
	
	border-bottom: 1px solid #f0f0f0;
}

.mobile-nav-item.active .submenu-toggle svg {
	transform: rotate(90deg);
	
}

.mobile-submenu li a {
	font-size: 15px !important;
	padding: 10px 0 !important;
	color: #666 !important;
}

.submenu-toggle {
	cursor: pointer;
	transition: background 0.2s;
}




.success-clean-layout {
	max-width: 800px;
	margin: 0 auto;
	padding: 60px 20px;
	text-align: center;
	min-height: 60vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 0px;
}

.success-icon {
	margin-bottom: 30px;
	opacity: 0.8;
}

.success-title {
	font-family: 'Playfair Display', serif;
	
	font-size: 32px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 20px;
	color: #000;
}

.success-text {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #666;
	max-width: 500px;
	margin: 0 auto 40px;
}

.success-footer .btn-lotus-black {
	display: inline-block;
	padding: 15px 45px;
	background: #e2ded7;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	letter-spacing: 1px;
	transition: 0.3s;
}

.success-footer .btn-lotus-black:hover {
	background: #fff;
	color: #000;
}


@media (max-width: 767px) {
	.success-title {
		font-size: 24px;
	}

	.success-clean-layout {
		padding: 40px 15px;
	}
}




.simple-content {
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 20px;
}


.simple-content h1,
.checkout-heading {
	font-family: 'Playfair Display', serif !important;
	font-size: 32px !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	margin-bottom: 40px;
	border: none !important;
	background: none !important;
}


@media only screen and (min-width: 1024px) {
	.simplecheckout-left-column {
		padding-right: 40px;
	}

	.simplecheckout-right-column {
		background: #f9f9f9;
		
		padding: 30px;
		position: sticky;
		top: 20px;
	}
}




.simplecheckout-block {
	margin-bottom: 30px !important;
	border: none !important;
}

.simplecheckout-block-content {
	padding: 15px 0 !important;
}


.checkout-heading {
	font-size: 16px !important;
	text-align: left !important;
	margin-bottom: 20px !important;
	padding-bottom: 10px;
	border-bottom: 1px solid #000 !important;
}


.simplecheckout-customer-input input[type="text"],
.simplecheckout-customer-input input[type="email"],
.simplecheckout-customer-input input[type="tel"],
.simplecheckout-customer-input select {
	width: 100% !important;
	border: none !important;
	border-bottom: 1px solid #e0e0e0 !important;
	padding: 12px 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	transition: 0.3s;
}

.simplecheckout-customer-input input:focus {
	border-bottom-color: #000 !important;
}


.simplecheckout-customer-label {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #999;
	margin-bottom: 5px;
}




.simplecheckout-cart {
	font-family: 'Montserrat', sans-serif;
}

.simplecheckout-cart col.image,
.simplecheckout-cart td.image {
	width: 80px;
}

.simplecheckout-cart td.name a {
	color: #000;
	text-decoration: none;
	font-weight: 500;
}


.simplecheckout-cart-total {
	font-size: 18px;
	font-weight: 500;
	padding-top: 20px;
}


#simplecheckout_button_confirm {
	background: #000 !important;
	color: #fff !important;
	border: none !important;
	padding: 20px !important;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	letter-spacing: 2px;
	text-transform: uppercase;
	transition: 0.3s;
	border-radius: 0;
	display: block;
	text-align: center;
}

#simplecheckout_button_confirm:hover {
	background: #333 !important;
}


.button_oc.btn-primary span {
	padding: 0;
}



.simplecheckout .content {
	font-family: 'Playfair Display', serif;
	font-size: 24px;
	text-align: center;
	padding: 100px 0;
	text-transform: uppercase;
}







.lotus-register-container {
	padding-bottom: 100px;
}

.lotus-register-card {
	max-width: 480px;
	margin: 60px auto 0;
}


.lotus-reg-title {
	font-family: 'Playfair Display', serif;
	font-size: 36px;
	font-weight: 400;
	text-align: center;
	letter-spacing: 1.5px;
	margin-bottom: 15px;
}

.lotus-reg-subtitle {
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #777;
	margin-bottom: 50px;
}

.lotus-reg-subtitle a {
	color: #000;
	text-decoration: underline;
	font-weight: 500;
}


.lotus-form-grid {
	display: flex;
	flex-direction: column;
	gap: 25px;
}


.simpleregister-block-content input[type="text"],
.simpleregister-block-content input[type="email"],
.simpleregister-block-content input[type="tel"],
.simpleregister-block-content input[type="password"] {
	width: 100% !important;
	border: none !important;
	border-bottom: 1px solid #ddd !important;
	padding: 12px 0 !important;
	font-size: 15px !important;
	font-family: 'Montserrat', sans-serif;
	background: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transition: 0.3s;
}

.simpleregister-block-content input:focus {
	border-bottom-color: #000 !important;
	outline: none;
}


.lotus-error-alert {
	background: #fff0f0;
	color: #c53030;
	padding: 15px;
	text-align: center;
	font-size: 13px;
	margin-bottom: 30px;
	border: 1px solid #ffebeb;
}

.lotus-error-small {
	color: #c53030;
	font-size: 11px;
	margin-bottom: 10px;
	text-transform: uppercase;
}


.lotus-agreement-section {
	margin-top: 35px;
}

.lotus-checkbox-label {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	font-size: 13px;
	color: #666;
	cursor: pointer;
	line-height: 1.4;
}

.lotus-checkbox-label input {
	margin-top: 3px;
	accent-color: #000;
}


.lotus-reg-actions {
	margin-top: 40px;
}

.btn-lotus-black:hover {
	background: #333;
}


@media (max-width: 500px) {
	.lotus-reg-title {
		font-size: 28px;
	}

	.lotus-register-card {
		padding: 0 15px;
	}
}









#simplecheckout_cart {
	border: none !important;
	background: #ffffff;
	font-family: 'Montserrat', sans-serif;
}


#simplecheckout_cart .checkout-heading {
	font-family: 'Playfair Display', serif !important;
	font-size: 20px !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 15px;
	border-bottom: 1px solid #000 !important;
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.checkout-heading-button a {
	font-size: 11px;
	text-transform: uppercase;
	color: #999 !important;
	text-decoration: none;
	letter-spacing: 1px;
}

.simplecheckout-cart {
	width: 100%;
	border-collapse: collapse;
}

.simplecheckout-cart thead th {
	font-size: 11px;
	text-transform: uppercase;
	color: #888;
	font-weight: 500;
	padding: 10px 5px;
	border-bottom: 1px solid #eee;
	text-align: left;
}

.simplecheckout-cart tbody td {
	padding: 20px 5px;
	border-bottom: 1px solid #eee;
	vertical-align: middle;
}


.simplecheckout-cart td.image img {
	width: 70px;
	height: auto;
	object-fit: cover;
}


.simplecheckout-cart td.name a {
	color: #000;
	font-weight: 500;
	text-decoration: none;
	font-size: 14px;
	display: block;
	margin-bottom: 5px;
}

.simplecheckout-cart td.name .options small {
	color: #888;
	font-size: 12px;
}


.simplecheckout-cart td.quantity .input-group {
	display: flex !important;
	align-items: center;
	border: 1px solid #e0e0e0;
	width: fit-content;
	background: #fff;
}

.simplecheckout-cart td.quantity input {
	border: none !important;
	text-align: center;
	width: 40px !important;
	font-size: 13px;
	padding: 0;
	height: 35px;
}

.simplecheckout-cart td.quantity .btn-primary {
	background: none !important;
	border: none !important;
	color: #000 !important;
	font-size: 10px;
	height: 35px;
	padding: 0 10px;
	box-shadow: none !important;
}

.simplecheckout-cart td.quantity .btn-primary:hover {
	background: #f9f9f9 !important;
}


.simplecheckout-cart td.quantity .btn-danger {
	background: none !important;
	border: none !important;
	color: #ccc !important;
	font-size: 14px;
	padding: 0 10px;
	transition: 0.3s;
}

.simplecheckout-cart td.quantity .btn-danger:hover {
	color: #ff0000 !important;
}


.simplecheckout-cart td.price,
.simplecheckout-cart td.total {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #000;
}


.simplecheckout-cart-total {
	display: flex;
	justify-content: flex-end;
	gap: 30px;
	padding: 10px 0;
	font-size: 14px;
	border-bottom: 1px solid #f9f9f9;
}

.simplecheckout-cart-total b {
	font-weight: 400;
	color: #888;
	text-transform: uppercase;
	font-size: 12px;
}

#total_total {


	font-size: 18px;
	color: #000;
}

#total_total .simplecheckout-cart-total-value {
	font-weight: 600;
}


.simplecheckout-cart-total .form-control {
	border: none !important;
	border-bottom: 1px solid #e0e0e0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	height: 30px;
	padding: 0;
	width: 150px;
	display: inline-block;
	margin-left: 10px;
}


@media (max-width: 768px) {
	.simplecheckout-cart thead {
		display: none;
	}

	.simplecheckout-cart col.model,
	.simplecheckout-cart td.model {
		display: none !important;
	}

	.simplecheckout-cart tbody td {
		display: block;
		width: 100%;
		text-align: right;
		padding: 10px 0;
		border: none;
	}

	.simplecheckout-cart td.image {
		text-align: center;
	}

	.simplecheckout-cart td.name {
		text-align: center;
		border-bottom: none;
	}

	.simplecheckout-cart td.quantity {
		display: flex;
		justify-content: center;
	}

	.slideshow-wrapper {
		max-height: 700px;
	}

	.cart-link {
		padding-top: 5px;
	}
}



/* Modal Styles */
.lotus-modal {
	display: none;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.lotus-modal-content {
	background-color: #fff;
	margin: 10% auto;
	padding: 40px;
	width: 90%;
	max-width: 500px;
	position: relative;
	text-align: center;
	border-radius: 2px;
}

.close-modal {
	position: absolute;
	right: 20px;
	top: 15px;
	font-size: 28px;
	cursor: pointer;
	color: #333;
}

.modal-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
}

.modal-subtitle {
	font-size: 13px;
	color: #666;
	line-height: 1.6;
	margin-bottom: 25px;
}

.modal-form-inputs {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-bottom: 25px;
}

.lotus-input {
	width: 100%;
	padding: 12px 15px;
	border: 1px solid #e0e0e0;
	font-size: 14px;
	outline: none;
}

.btn-lotus-confirm {
	width: 100%;
	background-color: #e2ded7;
	color: #fff;
	border: none;
	padding: 15px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1px;
	cursor: pointer;
	transition: 0.3s;
}

.btn-lotus-confirm:hover {
	border: 1px solid #e2ded7;
	cursor: pointer;
	background-color: #fff;
	color: #000;
}












.wishlist-btn-image.in-wishlist svg path,
.wish-button.in-wishlist svg path {
	fill: #333 !important;
	
	stroke: #333 !important;
}


.wish-button svg path,
.wishlist-btn-image svg path {
	transition: all 0.3s ease;
}





.product-options-custom {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}


.option-group {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}


.option-tag {
	display: inline-block;
	padding: 0px 6px;
	background-color: #f5f5f5;
	
	color: #333;
	font-size: 8px;
	text-align: center;
	border-radius: 0;
	
	transition: all 0.2s ease;
	cursor: default;
}


.product-thumb-custom:hover .option-tag {
	background-color: #ededed;
}




header {
	transition: all 0.3s ease;
	width: 100%;
	z-index: 1000;
}


header.header-fixed {
	position: fixed;
	top: 0;
	left: 0;
	background: #ffffff;
	
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	
	padding: 10px 0;
	
}


header.header-fixed .logo img {
	max-height: 40px;
}


body.fixed-header-padding {
	padding-top: 140px;
	
}


.header-bottom.sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #ffffff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
	
	z-index: 9999;
	padding: 10px 0;
	
	animation: slideDown 0.4s ease-out;

}

@keyframes slideDown {
	from {
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0);
	}
}


.header-bottom.sticky .logo img {
	max-height: 35px;
	transition: all 0.3s ease;
}


.info-slider-wrapper {
	position: relative;
	background: #f9f9f9;

	padding: 10px 0;
	margin: 40px 260px;
}

.info-slide-inner {
	display: flex !important;
	align-items: center;
	justify-content: center;
	max-width: 1200px;
	margin: 0 auto;
}

.info-slide-left {
	flex: 1;
	text-align: center;
	padding-right: 50px;
}

.info-slide-left svg {
	max-width: 100%;
	height: auto;
}

.info-slide-right {
	flex: 1;
	padding-left: 50px;
}

.info-slide-title {
	font-family: 'Playfair Display', serif;
	
	font-size: 42px;
	letter-spacing: 2px;
	margin-bottom: 10px;
}

.info-slide-subtitle {
	font-size: 14px;
	font-style: italic;
	text-transform: uppercase;
	margin-bottom: 30px;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 10px;
	display: inline-block;
}

.info-slide-text {
	line-height: 1.8;
	color: #555;
	font-size: 15px;
}


.info-slider-controls {
	display: flex;
	gap: 15px;
	margin-top: 40px;
	justify-content: center;
}

.info-slider-controls button {
	background: none;
	border: 1px solid #ccc;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
	cursor: pointer;
}

.info-slider-controls button:hover {
	border-color: #000;
	background: #fff;
}








.morning-rituals {
	background-color: #f7f7f7;
	padding: 100px 0;
	overflow: hidden;
	margin: 0 250px;
}

.morning-slide {
	outline: none;
}

.morning-image .svg-container {
	text-align: center;
	padding: 0 40px;
}

.morning-image svg {
	max-width: 250px;
	height: auto;
	opacity: 0.8;
}

.morning-content {
	padding-left: 50px;
}

.morning-title {
	font-family: serif;
	font-size: 48px;
	font-weight: 300;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
}

.morning-subtitle {
	font-size: 14px;
	font-style: italic;
	text-transform: uppercase;
	color: #333;
	margin-bottom: 25px;
	border-bottom: 1px solid #e0e0e0;
	display: inline-block;
	padding-bottom: 5px;
	letter-spacing: 0.05em;
}

.morning-text {
	font-size: 16px;
	line-height: 1.7;
	color: #555;
	max-width: 400px;
}


.morning-controls {
	display: flex;
	gap: 15px;
	margin-top: 40px;
	justify-content: flex-start;
	padding-left: calc(50% + 50px);

}

.morning-controls button {
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 50%;
	width: 55px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
}

.morning-controls button:hover {
	border-color: #000;
	transform: scale(1.05);
}

@media (max-width: 768px) {
	.morning-content {
		padding-left: 15px;
		text-align: center;
	}

	.morning-controls {
		justify-content: center;
		padding-left: 0;
	}

	.morning-text {
		margin: 0 auto;
	}
}




.morning-rituals {
	padding: 80px 0;
	background-color: #f7f7f7;
	overflow: hidden;
}

.svg-container {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.svg-container svg {
	width: 100%;
	height: auto;
	transition: transform 0.5s ease;
}


.morning-content {
	padding: 20px 0 20px 60px;
}

.morning-title {
	font-size: clamp(32px, 5vw, 64px);
	font-family: serif;
	font-weight: 300;
	margin-bottom: 10px;
	line-height: 1.1;
}

.morning-subtitle {
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	display: inline-block;
	padding-bottom: 5px;
	margin-bottom: 30px;
}

.morning-text {
	font-size: 16px;
	line-height: 1.6;
	color: #444;
	max-width: 450px;
}


.morning-controls {
	display: flex;
	gap: 15px;
	margin-top: 40px;
	padding-left: 60px;
	
}

.morning-controls button {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid #d1d1d1;
	background: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

.morning-controls button:hover {
	background: #000;
}

.morning-controls button:hover svg {
	stroke: #fff;
}




@media (max-width: 991px) {
	.morning-content {
		padding-left: 30px;
	}

	.morning-controls {
		padding-left: 30px;
	}

	.morning-title {
		font-size: 40px;
	}

	.morning-rituals {
		margin: 0;
	}


}


@media (max-width: 767px) {
	.morning-rituals {
		padding: 50px 0;
	}

	
	.morning-slide .row {
		flex-direction: column;
		text-align: center;
	}

	.morning-image {
		margin-bottom: 30px;
	}

	.morning-content {
		padding-left: 15px;
		padding-right: 15px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.morning-text {
		margin: 0 auto;
	}

	.morning-controls {
		padding-left: 0;
		justify-content: center;
		margin-top: 30px;
	}

	.svg-container {
		max-width: 300px;
		
	}

	.morning-rituals {
		margin: 0;
	}
}


@media (max-width: 479px) {
	.morning-title {
		font-size: 32px;
	}

	.morning-controls button {
		width: 45px;
		height: 45px;
	}

	.morning-rituals {
		margin: 0;
	}
}





.related-products-section {
    padding: 60px 0;
    max-width: 1400px;
    margin: 0 auto;
}

.related-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 24px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
    color: #1a1a1a;
}


.related-grid {
    display: flex;
    
    margin: 0 -10px;
}


.product-layout-custom {
    padding: 0 10px;
    margin-bottom: 30px;
    transition: transform 0.3s ease;
}

.product-thumb-custom {
    position: relative;
    background: #fff;
    border-radius: 4px; 
    overflow: hidden;
}


.image-wrapper {
    
    background-color: #f9f9f9; 
    
}








@media (max-width: 991px) {
    .related-title {
        font-size: 20px;

    }

	.related-grid {

		flex-wrap: wrap;
    }
}


@media (max-width: 767px) {
    .related-grid {
        margin: 0 -5px;
		flex-wrap: wrap;
    }
    
    .product-layout-custom {
        padding: 0 5px;
        width: 50%; 
    }

    .product-name a {
        font-size: 13px;
    }

    .price-custom {
        font-size: 14px;
    }
    
    .promo-badge {
        font-size: 10px;
        padding: 2px 6px;
    }
	.related-grid{
		display: inline;
	}

	.btn-one-click{
		margin: 0;
		width: 100%;
	}
	.action-buttons-wrapper{
		flex-direction: column;
	}

	.btn-add-cart-large{
		width: 100%;
	}

	.product-info-lotus{
		padding-left: 15
		px;
	}
}


@media (max-width: 400px) {
    .option-group {
        display: none; 
    }

	.related-grid {
		flex-wrap: wrap;
    }
}


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	border: none;
}