/* 
------------------------------------------------------------
Template Name    : Mint Leaf OpenCart Theme
OpenCart Version : 3.0.3.2
Author Name      : Santosh Setty
Author URL       : http://www.santoshsetty.com
Description		 : Theme Stylesheet file for Desktop
------------------------------------------------------------ 
*/

body {
	color: #1c1c1c;
	font: 14px/24px 'Quicksand', sans-serif;
	background: #fff;
}

/* Heading Styles Starts */

h1 {
	font-size: 36px;
}
h2 {
	font-size: 34px;
}
h3 {
	font-size: 30px;
}
h4 {
	font-size: 24px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Quicksand', sans-serif;
}

/* Typography Styles Starts */

a {
	color: #3bac44;
}
a:hover, 
a:focus {
	color: #1b7f23;
	text-decoration: none;
}
.fa {
	font-size: 14px;
}

/* Form Styles Starts */

legend {
	padding: 7px 0;
	color: #1c1c1c;
	font-size: 18px;
	border-color: #ccc;
}
legend, 
label {
	font-weight: 500;
}
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;
}

/* Buttons Styles Starts */

.buttons {
	margin-top: 30px;
	margin-bottom: 10px;
	padding: 10px 15px;
	background: #fff;
	border: 1px solid #e9e9e9;
}
.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 {
	background-color: #222;
	border: none;
}
.btn-primary, 
.btn-main:hover, 
.btn-main:focus, 
.btn-main:active, 
.btn-main.active, 
.btn-main.disabled, 
.btn-main[disabled], 
.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.btn-default.active, 
.btn-default.disabled, 
.btn-default[disabled] {
	background: linear-gradient(90deg, #d6b08c, #b8895c);
	border: none;
}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.btn-primary.disabled, 
.btn-primary[disabled], 
.btn-main {
	background: #1c1c1c;
	border: none;
}
.btn-main.danger {
	background: #f12525;
	border-color: #d81c1c;
}
.btn-main.alt:hover, 
.btn-main.alt:focus {
	background: linear-gradient(90deg, #d6b08c, #b8895c);
    border: none;
    color: #fff;
}
.btn-outline-1 {
	color: #1c1c1c;
	background: none;
	border: 1px solid #797979;
}
.btn-outline-1:hover, 
.btn-outline-1:focus {
	color: #3bac45;
	border-color: #3bac45;
}
.btn-main.danger:hover, 
.btn-main.danger:focus {
	background: #da0f0f;
	border-color: #da0f0f;
}
.btn-default, 
.btn-primary, 
.btn-main, 
.btn-outline-1 {
	font-weight: 500;
}
.btn-default, 
.btn-primary, 
.btn-main:hover, 
.btn-main:focus, 
.btn-main:active, 
.btn-main.active, 
.btn-main.disabled, 
.btn-main[disabled], 
.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.btn-default.active, 
.btn-default.disabled, 
.btn-default[disabled], 
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.btn-primary.disabled, 
.btn-primary[disabled], 
.btn-main {
	color: #ffffff;
}
.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);
}

/* Bootstrap Issues Fixes Styles Starts */

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;
}

/* Layout Styles Starts */

#content {
	min-height: 600px;
}
hr {
	border-color: #b0b0b0;
}

/* Main Header Styles Starts */

.main-header {
	margin-bottom: 15px;
	border-bottom: 1px solid #dbdbdb;
}

/* Top Bar Styles Starts */

.topbar {
	margin-bottom: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #c1c1c1;
}
	.top-links > li:not(:last-child) {
		margin-right: 6px;
	}
		.top-links > li, 
		.top-links > li > a, 
		.top-links .dropdown-menu > li > a {
			color: #1c1c1c;
		}
		.top-links > li > a:hover, 
		.top-links > li > a:focus {
			color: #3bac44;
		}
		.top-links .dropdown-menu > li > a {
			font-size: 14px;
			font-weight: 500;
		}
		.top-links .dropdown-menu > li > a:hover, 
		.top-links .dropdown-menu > li > a:focus {
			color: #fff;
			background: #3bac44;
			outline: none;
		}

/* Main Menu Styles Starts */

#menu {
	background: #fff;
}
	#menu .navbar-brand {
		margin-right: 20px;
		padding: 0;
		height: auto;
		line-height: normal;
	}
	#menu .menu-links {
		padding: 18px 20px 0;
	}
		#menu .nav.menu-links > li {
			margin-left: 30px;
		}
			#menu .nav.menu-links > li > a {
				padding: 0 0 10px 0;
				color: #1c1c1c;
				font-size: 16px;
				font-weight: 500;
			}
			#menu .nav.menu-links > li > a, 
			#menu .nav.menu-links > li > a:hover, 
			#menu .nav.menu-links > li > a:focus {
				background: none;
			}
			#menu .nav.menu-links > li:hover > a, 
			#menu .nav.menu-links > li > a:hover, 
			#menu .nav.menu-links > li.open > a {
				color: #3bac44;
			}
			#menu .dropdown-menu {
				padding-bottom: 0;
			}
				#menu .dropdown-inner {
					display: table;
				}
					#menu .dropdown-inner ul {
						display: table-cell;
					}
						#menu .dropdown-inner a {
							padding: 3px 20px 4px;
							min-width: 200px;
							display: block;
							clear: both;
						}
						#menu .dropdown-inner a, 
						#menu .see-all {
							color: #1c1c1c;
							font-size: 13px;
							font-weight: 500;
						}
							#menu .dropdown-inner li a:hover, 
							#menu .see-all:hover, 
							#menu .see-all:focus {
								color: #fff;
								background-color: #3bac44;
							}
						#menu .see-all {
							display: block;
							margin-top: 0.5em;
							padding: 3px 20px;
							border-top: 1px solid #c1c1c1;
						}
							#menu .see-all:hover, 
							#menu .see-all:focus {
								text-decoration: none;
							}
			#menu #category {
				float: left;
				padding-left: 15px;
				font-size: 16px;
				font-weight: 700;
				line-height: 40px;
				color: #1c1c1c;
			}
				#menu .btn-navbar {
					margin-left: 20px;
					padding: 6px 12px;
					float: right;
					color: #fff;
					font-size: 15px;
					font-stretch: expanded;
					background-color: #3bac44;
				}
				#menu .btn-navbar:hover, 
				#menu .btn-navbar:focus, 
				#menu .btn-navbar:active, 
				#menu .btn-navbar.disabled, 
				#menu .btn-navbar[disabled] {
					color: #fff;
					background-color: #222;
				}

/* Search Styles Starts */

.search-dropdown {
	margin-top: 5px;
	padding: 0;
}
	.search-dropdown > .dropdown-menu {
		padding: 0;
		border: none;
	}
		.search-dropdown-input {
			border-color: #c1c1c1;
		}
		.search-dropdown-input:focus {
			border-color: #3bac44;
		}
		.search-dropdown-btn {
			background: #3bac44;
			border: 1px solid #3bac44;
		}
		.search-dropdown-btn, 
		.search-dropdown-btn:hover {
			color: #fff;
		}

/* Cart Styles Starts */

	#cart {
		margin-bottom: 10px;
		z-index: 1001;
	}
		#cart > .btn {
			position: relative;
		}
		#cart > .btn, 
		#cart.open > .btn, 
		#cart.open > .btn:hover, 
		#cart.open > .btn:focus {
			background: none;
			border: none;
		}
			#cart #cart-total {
				position: absolute;
				top: 4px;
				right: 0;
				width: 20px;
				height: 20px;
				line-height: 20px;
				font-size: 15px;
				text-align: center;
				color: #fff;
				font-weight: bold;
				background: #3bac44;
			}
			#cart .dropdown-menu {
				padding: 0;
				background-color: #fff;
				border: 1px solid #c1c1c1;
				z-index: 1001;
				min-width: 100%;
			}
			#cart .dropdown-menu, 
			#cart .dropdown-menu a {
				color: #1c1c1c;
			}
				#cart .dropdown-menu .table {
					margin-bottom: 10px;
				}
					#cart .dropdown-menu li > div {
						min-width: 427px;
					}
					#cart .dropdown-menu .table .img-thumbnail {
						background: none;
						border: none;
					}
						#cart .dropdown-menu .table .cart-item-name:hover {
							text-decoration: underline;
						}
					#cart .dropdown-menu .table tr td {
						line-height: normal;
						vertical-align: middle;
						border: none;
						border-bottom: 1px solid #c1c1c1;
					}
					#cart .dropdown-menu .table tr td .btn-danger {
						margin-right: 5px;
						padding: 0;
						color: #a8a8a8;
						background: none;
						border: none;
						text-shadow: none;
						box-shadow: none;
					}
					#cart .dropdown-menu .table tr td .btn-danger:hover, 
					#cart .dropdown-menu .table tr td .btn-danger:focus {
						color: #ff0000;
						outline: none;
					}
				.cart-btn-wrap {
					padding: 5px 15px 15px;
				}
					#cart .cart-btn-wrap .btn {
						color: #fff;
						font-size: 12px;
					}
						.cart-btn-wrap .btn .fa {
							margin-right: 5px;
						}
		#cart .cart-empty {
			padding: 10px 10px 0;
		}	
	
/* Notification Styles Starts */

	.alert {
		padding: 8px 14px 8px 14px;
	}
		.alert .alert-dismissable .close, 
		.alert .alert-dismissible .close, 
		.alert .close {
			right: 0;
		}
	
/* Breadcrumb Styles Starts */

	.breadcrumb {
		margin-bottom: 30px;
		padding: 10px 25px;
		font-size: 13px;
		font-weight: 500;
		background: #3bac45;
		border: none;
	}
		.breadcrumb, 
		.breadcrumb li + li::before, 
		.breadcrumb a {
			color: #fff;
		}
		.breadcrumb li:last-of-type a, 
		.breadcrumb li a:hover, 
		.breadcrumb li a:focus {
			color: #fff;
		}
		.breadcrumb li + li::before {
			content: "\f101";
			margin-right: 8px;
			margin-left: 5px;
		}

/* Main Slider Styles Starts */		

.main-slider.swiper-viewport {
	margin-bottom: 40px;
	border: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}
	.main-slider.swiper-viewport:hover .swiper-button-prev {
		left: 25px;
	}
	.main-slider.swiper-viewport:hover .swiper-button-next {
		right: 25px;
	}
	.main-slider .swiper-button-prev::before, 
	.main-slider .swiper-button-next::before {
		color: #555;
		text-shadow: none;
	}		
		
/* Carousel Styles Starts */

.main-carousel.swiper-viewport {
	border: none !important;
	box-shadow: none !important;
}
	.carousel-caption {
		color: #FFFFFF;
	}
		.carousel-control .icon-prev:before {
			content: '\f053';
		}
		.carousel-control .icon-next:before {
			content: '\f054';
		}	

/* Page Heading Styles Starts */

.page-heading-1 {
	margin-bottom: 15px;
	color: #3bac45;
	font-weight: bold;
}
.page-sub-heading-1 {
	margin-top: 25px;
	color: #1c1c1c;
	font-weight: 500;
}	
.page-heading-1.alt, 
.page-sub-heading-1.alt {
	margin-bottom: 25px;
}	

/* Module Product Styles Starts */

	.module-product-wrap {
		margin-bottom: 40px;
		text-align: center;
	}
		.module-product-heading {
			margin-bottom: 20px;
			padding-bottom: 10px;
			font-weight: 500;
		}
			.module-product-heading::after {
				content: "";
				width: 90px;
				height: 3px;
				display: block;
				margin: 10px auto;
				background-color: #b8895c;
			}
		.module-product {
			margin-bottom: 35px;
			padding: 15px 20px;
			background: #fff;
			border: 1px solid #e9e9e9;
		}
		.module-product:hover {
			border-color: #d4d4d4;
			-webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
			   -moz-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
					box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
		}
		.product-grid {
			text-align: center;
		}
			.module-product-image {
				text-align: center;
			}
				.module-product-image a:hover {
					opacity: 0.8;
				}
			.product-list .product-thumb .module-product-image {
				margin-left: 10px;
				margin-right: 20px;
				float: left;
			}
			.product-grid .product-thumb .module-product-image {
				float: none;
			}
			.module-product-caption {
				padding-top: 0;
				padding-bottom: 10px;
				min-height: 110px;
			}
			.product-list .module-product-caption {
				margin-left: 270px;
			}
				.module-product-title {
					margin-bottom: 10px;
				}
				.product-list .module-product-title {
					margin-top: 15px;
				}
					.module-product-title, 
					.module-product-title a {
						color: #1c1c1c;
						font-weight: bold;
					}
					.module-product-title a:hover, 
					.module-product-title a:focus {
						color: #3bac45;
						text-decoration: underline;
						outline: none;
					}
				.module-product-description {
					color: #7e7e7e;
					font-size: 12px;
					line-height: 18px;
				}				
				.product-grid .module-product-description, 
				.product-grid .module-product-price .price-tax {
					display: none;
				}
				.product-list .module-product-description {
					margin-top: 15px;
					margin-bottom: 15px;
					color: #343434;
					font-size: 14px;
					line-height: 22px;
				}
				.module-product-ratings {
					margin-top: 10px;
				}
					.module-product-ratings .fa-stack {
						font-size: 8px;
					}
					.module-product-ratings .fa-star-o {
						color: #feb019;
					}
					.module-product-ratings .fa-star {
						color: #feb019;
					}
				.module-product-price {
					margin-top: 5px;
					color: #3bac44;
					font-size: 18px;
					font-weight: bold;
				}
					.module-product-price .price-new {
						color: #b8895c;
					}
					.module-product-price .price-old {
						color: #777;
						font-size: 14px;
						font-weight: normal;
						text-decoration: line-through;
					}
					.module-product-price .price-tax {
						margin-top: 3px;
						display: block;
						color: #767676;
						font-size: 12px;
						font-weight: normal;
					}	
				.module-product-btn-cart {
					margin-top: 14px;
					padding: 8px 16px;
					font-size: 14px;
					font-weight: 500;
					text-transform: capitalize;
					background: linear-gradient(90deg, #d6b08c, #b8895c);
					border: none;
				}	 
				.module-product-btn-cart .fa {
					margin-right: 5px;
					font-size: 16px;
				}
				.module-product-btn-cart:hover, 
				.module-product-btn-cart:focus {
					background: #a97a52;
				}
				.module-product-btn-cart, 
				.module-product-btn-cart:hover, 
				.module-product-btn-cart:focus {					
					color: #fff;
				}

/* Products Box Styles Starts */

	.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;
		}
		.product-thumb h4 {
			font-weight: bold;
		}
		.product-thumb .caption {
			padding: 0 20px;
			min-height: 180px;
		}
		.product-list .product-thumb .caption {
			margin-left: 230px;
		}
		.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;
			}
		.product-thumb .price {
			margin: 0;
			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;
		}
			.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;
				}
		
/* Category Module & List Group Item Styles Starts */

	a.list-group-item {
		padding: 6px 0;
		color: #1c1c1c;
		font-size: 15px;
		font-weight: 500;
	}
	a.list-group-item, 
	a.list-group-item:hover, 
	a.list-group-item:focus, 
	a.list-group-item.active, 
	a.list-group-item.active:hover, 
	a.list-group-item.active:focus {
		background: none;
		border: none;
		outline: none;
	}
	a.list-group-item:hover, 
	a.list-group-item:focus, 
	a.list-group-item.active, 
	a.list-group-item.active:hover, 
	a.list-group-item.active:focus {
		color: #3bac45;
	}
	a.list-group-item.child {
		margin-left: 10px;
		font-size: 13px;
	}
		a.list-group-item::before {
			content: "\f054";
			margin-right: 8px;
			font-size: 10px;
			vertical-align: middle;
		}
		a.list-group-item.child::before {
			display: none;
		}

/* Category Page Styles Starts */

.cat-desc-wrap {
	color: #343434;
	font-size: 13px;
}
.list-cat-1 {
	margin-bottom: 20px;
}
	.list-cat-1 li {
		margin: 8px 4px;
		padding: 5px 15px;
		border: 1px solid #d1d1d1;
		border-radius: 2px;
	}
	.list-cat-1 li:hover, 
	.list-cat-1 li:focus {
		border-color: #3bac45;
	}
		.list-cat-1 li a {
			color: #1c1c1c;
			font-size: 12px;
			font-weight: 500;
		}
		.list-cat-1 li:hover a, 
		.list-cat-1 li:focus a, 
		.list-cat-1 li a:hover, 
		.list-cat-1 li a:focus {
			color: #3bac45;
		}
.product-sort-wrap {
	margin-top: 10px;
	margin-bottom: 30px;
	padding: 10px 20px;
	background: #fff;
	border: 1px solid #e9e9e9;
}
	.product-sort-wrap .form-group {
		margin-bottom: 0;
	}
	.product-sort-wrap .btn-default {
		margin: 10px 20px 0;
		color: #222;
		box-shadow: none;
	}
		.product-sort-wrap .btn-default .fa {
			font-size: 18px;
		}
	.product-sort-wrap .btn-default.active, 
	.product-sort-wrap .btn-default:hover, 
	.product-sort-wrap .btn-default:focus, 
	.product-sort-wrap .btn-link:hover, 
	.product-sort-wrap .btn-link:focus {
		color: #3bac45;
	}
	.product-sort-wrap .btn-default, 
	.product-sort-wrap .btn-default:hover, 
	.product-sort-wrap .btn-default:focus {
		padding: 0;
		font-weight: 500;
		background: none;
		border: none;
		outline: none;
	}
	.product-sort-wrap .btn-link, 
	.product-sort-wrap .input-group .input-group-addon {
		font-size: 13px;
		font-weight: 500;
	}
	.product-sort-wrap .btn-link {
		color: #1c1c1c;
	}
	.product-sort-wrap .input-group .input-group-addon {
		color: #1c1c1c;
		background: none;
		border: none;
	}
	.product-sort-wrap .input-group .form-control {
		color: #1c1c1c;
		background: #fff;
		border: 1px solid #d1d1d1;
	}			
	
/* Product Page Image Styles Starts */

.product-image {
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #e9e9e9;
}
	.product-image-additional {
		margin-left: -10px;
		margin-bottom: 20px;
	}
		.product-image-additional > li {
			margin: 0 0 5px;
			padding: 0 0 0 10px;
		}
			.product-image-additional > li > a {
				outline: none;
			}
				.product-image-additional > li > a > img {
					padding: 4px;
					border: 1px solid #e9e9e9;
				}

/* Product Info Styles Starts */

	.product-info-title {
		margin-top: 0;
		margin-bottom: 10px;
		color: #3bac45;
	}	
	.product-info-rating {
		margin-bottom: 20px;
		padding-top: 15px;
		padding-bottom: 15px;
		font-weight: bold;
		border: solid #dbdbdb;
		border-width: 1px 0;
	}			
		.product-info-rating-list {
			margin-bottom: 0;
		}
			.product-info-rating-list li {
				padding-left: 0;
				padding-right: 0;	
			}
			.product-info-rating-list-star + .product-info-rating-list-review {
				margin-left: 15px;
			}
				.product-info-rating-list li .fa-stack {
					width: 18px;
					height: 18px;
					line-height: 18px;
				}
					.product-info-rating-list li .fa-star, 
					.product-info-rating-list li .fa-star-o {
						font-size: 15px;
					}
					.product-info-rating-list li .fa-star-o {
						color: #f4691e;
					}
					.product-info-rating-list li .fa-star, 
					.product-info-rating-list-review a:hover, 
					.product-info-rating-list-review a:focus {
						color: #f4691e;
					}
					.product-info-rating-list li .fa-star + .fa-star-o {
						color: #f4691e;
					}			
			.product-info-rating-list-review {
				margin-right: 15px;
			}
				.product-info-rating-list-review a {
					color: #1c1c1c;			
					font-size: 14px;
				}
				.product-info-rating-list-review a .fa {
					margin-right: 4px;
				}
				.product-info-rating-list-review a:hover, 
				.product-info-rating-list-review a:focus {
					color: #3bac45;
					text-decoration: underline;
				}
	.product-info-details {
		padding-top: 10px;
		padding-bottom: 15px;
		color: #1c1c1c;
		border: solid #dbdbdb;
		border-width: 1px 0;
	}
		.product-info-details li {
			margin-top: 7px;
			font-weight: 500;
		}
			.product-info-details li a {
				color: #3bac45;
			}
			.product-info-details li a:hover, 
			.product-info-details li a:focus {
				text-decoration: underline;
			}
	.product-info-price {
		margin-top: 15px;
		margin-bottom: 15px;
	}
		.product-info-price .price, 
		.product-info-price .price-new {
			color: #3bac44;
			font-size: 18px;
			font-weight: bold;
		}
		.product-info-price .price-old {
			margin-left: 5px;
			color: #777;
			font-size: 14px;
			font-weight: normal;
			text-decoration: line-through;
		}
		.product-info-price-tax {
			margin-top: 0;
			margin-bottom: 0;
		}
		.product-info-price-tax, 
		.product-info-price-rewards {
			color: #777;
			font-size: 12px;
		}
		.product-info-price-rewards {
			margin-top: 5px;
		}
		.product-info-price .table {
			margin-top: 5px;
			margin-bottom: 10px;
			font-size: 13px;
		}
		.product-info-price .table > tbody > tr > td {
			padding: 10px 15px;
		}
	.product-info-options-title {
		margin-top: 30px;
		margin-bottom: 20px;
	}
	.product-info-options .control-label, 
	.product-info-cart .control-label {
		font-size: 14px;
		font-weight: 500;
	}
	.product-info-options .radio, 
	.product-info-options .checkbox {
		margin-top: 2px;
		margin-bottom: 2px;
	}
	.product-info-options .radio label, 
	.product-info-options .checkbox label {
		font-size: 14px;
	}
	.product-info-options .form-control, 
	.product-info-cart .form-control {
		border: 1px solid #c8c8c8;
	}
	.product-info-options .btn-outline-1 {
		padding: 10px 15px;
	}
		.product-info-options .btn-outline-1 .fa {
			margin-right: 5px;
		}
	.product-info-cart .control-label {
		margin-right: 10px;
		color: #1c1c1c;
		font-size: 14px;
		font-weight: bold;
	}
	.product-info-cart .form-control {
		color: #1c1c1c;
		padding: 11px 15px;
		height: auto;
		line-height: normal;
		border: 1px solid #d1d1d1;
	}
	.product-info-cart-btns-wrap {
		margin-left: 15px;
		margin-bottom: 15px;
	}
		.product-info-cart-btns-wrap .btn-cart, 
		.product-info-cart-btns-wrap .btn-wishlist:hover, 
		.product-info-cart-btns-wrap .btn-wishlist:focus, 
		.product-info-cart-btns-wrap .btn-compare:hover, 
		.product-info-cart-btns-wrap .btn-compare:focus {
			background: #3bac45;
		}
		.product-info-cart-btns-wrap .btn-cart:hover, 
		.product-info-cart-btns-wrap .btn-cart:focus, 
		.product-info-cart-btns-wrap .btn-wishlist, 
		.product-info-cart-btns-wrap .btn-compare {
			background-color: #1c1c1c;
		}
		.product-info-cart-btns-wrap .btn-cart, 
		.product-info-cart-btns-wrap .btn-wishlist, 
		.product-info-cart-btns-wrap .btn-compare {
			margin-left: 10px;
			padding: 8px 12px;
			color: #fff;
			font-size: 14px;
			border: none;
			border-radius: 2px;
		}
		.product-info-cart-btns-wrap .btn-cart {
			padding: 9px 18px;
			font-weight: 500;
			text-transform: capitalize;
		}
			.product-info-cart-btns-wrap .btn-cart .fa {
				margin-right: 5px;
			}

/* Product Tabs Wrap Styles Starts */

.product-tabs-wrap {
	margin-top: 45px;
	margin-bottom: 25px;
}
	.product-tabs-wrap .nav-tabs {
		margin: 0 0 10px;
		border: none;
	} 
		.product-tabs-wrap .nav-tabs > li {
			margin-bottom: 0;
		}
		.product-tabs-wrap .nav-tabs > li:not(:first-child) {
			margin-left: 20px;
		}
			.product-tabs-wrap .nav-tabs > li > a {
				margin: 0;
				padding: 4px;
				color: #1c1c1c;
				font-size: 18px;
				font-weight: bold;
			}
			.product-tabs-wrap .nav-tabs > li > a:hover, 
			.product-tabs-wrap .nav-tabs > li.active > a {
				color: #3bac45;
			}
			.product-tabs-wrap .nav-tabs > li > a, 
			.product-tabs-wrap .nav-tabs > li.active > a {
				line-height: normal;
				background: none;
			}
			.product-tabs-wrap .nav-tabs > li > a, 
			.product-tabs-wrap .nav-tabs > li > a:hover, 
			.product-tabs-wrap .nav-tabs > li.active > a {
				border: none;
			}
	.tab-content {
		padding: 20px 0;
		font-weight: 500;
		background: #fff;
		border: solid #dbdbdb;
		border-width: 1px 0 0 0;
	}	
		#review .table-dark tr th,
		#review .table-dark tr td {
			padding-left: 20px;
			padding-right: 20px;
		}
		#review .table-dark tr th {
			font-weight: normal;
		}
		#review .table-dark tr td {
			padding-top: 20px;
			padding-bottom: 20px;
			font-size: 13px;
			line-height: 23px;
		}
		.tab-content .fa-stack {
			font-size: 8px;
		}
		.tab-content .fa-star-o {
			color: #999;
			font-size: 15px;
		}
		.tab-content .fa-star {
			color: #FC0;
			font-size: 15px;
		}
		.tab-content .fa-star + .fa-star-o {
			color: #E69500;
		}
		.tab-content .form-control {
			border: 1px solid #c4c4c4;
		}
		.tab-content .control-label {
			margin-bottom: 10px;
			font-size: 14px;
			font-weight: 500;
		}
		.tab-content .text-danger {
			color: #da0f0f;
		}
		.tab-content .help-block {
			color: #333;
		}
		.tab-content hr, 
		.tab-content .buttons {
			border-color: #c4c4c4;
		}
		
/* Fixes For Product Layouts For Left & Right Columns */

#column-left .product-layout,
#column-right .product-layout {
	width: 100%;
}

/* Sblock Styles Starts */

.sblock-1 {
	margin-bottom: 25px;
	border: 1px solid #e9e9e9;
}
	.sblock-1-heading {
		margin: 0;
		padding: 13px 25px;
		position: relative;
		color: #3bac45;
		font-size: 18px;
		font-weight: bold;
		border-bottom: 1px solid #e9e9e9;
	}
	.sblock-1-content {
		padding: 13px 25px;
	}
		.sblock-1-content .list-group {
			margin-bottom: 0;
		}
		.sblock-1-content input[type="checkbox"], 
		.sblock-1-content input[type="radio"] {
			margin-top: 6px;
			border-color: #d1d1d1;
		}
	.sblock-1.brands a {
		color: #1c1c1c;
		font-weight: bold;
	}
	.sblock-1.brands a:hover, 
	.sblock-1.brands a:focus {
		color: #495e4b;
		text-decoration: underline;
	}
	.sblock-1-footer {
		padding-top: 10px;
	}

/* Fixes For Mobile Cart Quantity Input Field */

.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;
}

/* Table Styles Starts */

.table-bordered th,
.table-bordered td, 
.table > tbody + tbody {
	font-weight: 500;
  border-color: #c4c4c4 !important;
}

.table > caption + thead > tr:first-child > td, 
.table > caption + thead > tr:first-child > th, 
.table > colgroup + thead > tr:first-child > td, 
.table > colgroup + thead > tr:first-child > th, 
.table > thead:first-child > tr:first-child > td, 
.table > thead:first-child > tr:first-child > th {
	border-top: 1px solid #c4c4c4;
}

/* Banner Grid Styles Starts */

.banner-grid-wrap {
	margin-bottom: 25px;
}
	.banner-grid {
		margin-bottom: 20px;
	}

/* Popular Categories Styles Starts */

.cat-grid {
	margin-bottom: 25px;
	padding: 15px;
	border: 1px solid #e9e9e9;
}
.cat-grid:hover {
	border-color: #3bac45;
}
	.cat-grid-title {
		margin-top: 0;
		margin-bottom: 10px;
		font-size: 14px;
		font-weight: bold;
	}
	.cat-grid-title, 
	.cat-grid-title a {
		color: #1c1c1c;
	}
	.cat-grid:hover a, 
	.cat-grid-title a:hover {
		color: #3bac45;
	}

/* List Styles Starts */

.list-style-1 {
	margin-top: 15px;
	margin-bottom: 30px;
}
.sblock-1 .list-style-1 {
	margin-bottom: 10px;
}
	.list-style-1 li + li {
		margin-top: 5px;
	}
	.list-style-1 li, 
	.list-style-1 li a {
		color: #1c1c1c;
		font-weight: 500;
	}
	.list-style-1 li:before {
		content: "\f101";
		margin-right: 8px;
	}
	.list-style-1 li:hover:before, 
	.list-style-1 li:focus:before, 
	.list-style-1 li a:hover, 
	.list-style-1 li a:focus {
		color: #3bac45;
	}
	.list-style-1 li a:hover, 
	.list-style-1 li a:focus {
		text-decoration: underline;
	}
	.list-style-1 ul {
		list-style: none;
	}

/* Form Styles Starts */

#content .form-control {
	border: 1px solid #c4c4c4;
}

/* Pagination Styles Starts */

.pagination-wrap {
	margin-top: 10px;
	margin-bottom: 30px;
	padding: 10px 25px;
	font-weight: 500;
	background: #fff;
	border: 1px solid #e9e9e9;
}
	.results {
		padding-top: 10px;
		padding-left: 15px;
		color: #1c1c1c;
	}
	.pagination {
		margin: 8px 0 0;
	}
		.pagination > li > a, 
		.pagination > li > span {	
			padding: 5px 8px;	
			color: #1c1c1c;
			font-size: 14px;
			background: none;
			border: none;
		}
		.pagination > li + li a, 
		.pagination > li + li span {
			margin-left: 8px;
		}
		.pagination > li:hover > a, 
		.pagination > li:hover > span, 
		.pagination > li:focus > a, 
		.pagination > li > a:focus, 
		.pagination > li > span:focus, 
		.pagination > li:focus > span, 
		.pagination > li.active > a, 
		.pagination > li.active > span, 
		.pagination > li.active:hover > a, 
		.pagination > li.active:hover > span, 
		.pagination > li.active:focus > a, 
		.pagination > li.active:focus > span {
			color: #3bac45;
		}	
		.pagination > li.active > a, 
		.pagination > li.active > span, 
		.pagination > li.active:hover > a, 
		.pagination > li.active:hover > span, 
		.pagination > li.active:focus > a, 
		.pagination > li.active:focus > span {
			border-color: #3bac45;
		}
		.pagination > li:hover > a, 
		.pagination > li:hover > span, 
		.pagination > li:focus > a, 
		.pagination > li:focus > span, 
		.pagination > li > a:focus, 
		.pagination > li > span:focus, 
		.pagination > li.active > a, 
		.pagination > li.active > span, 
		.pagination > li.active:hover > a, 
		.pagination > li.active:hover > span, 
		.pagination > li.active:focus > a, 
		.pagination > li.active:focus > span {
			background: none;
			outline: none;
		}
		
/* Footer Styles Starts */

.main-footer {
	margin-top: 15px;
	padding-top: 25px;
	padding-bottom: 35px;
	border-top: 1px solid #dbdbdb;
}
	.foot-col-head {
		margin-bottom: 20px;
		font-size: 20px;
	}
	.footer-links {
		margin-bottom: 20px;
	}
		.footer-links li {
			margin-top: 6px;
		} 
		.footer-contact-links li {
			margin-bottom: 12px;
		}
		.footer-links li, 
		.footer-links li a, 
		.footer-contact-links li {
			color: #484848;
		}
		.footer-links li::before {
			content: "\f0da";
		}
		.footer-links li::before, 
		.footer-contact-links .fa {
			margin-right: 6px;
		}
		.footer-links li a:hover, 
		.footer-links li a:focus, 
		.footer-contact-links li a:hover, 
		.footer-contact-links li a:focus {
			text-decoration: underline;
		}
		.footer-links li a:hover, 
		.footer-links li a:focus, 
		.footer-links li::before, 
		.footer-contact-links li .fa, 
		.footer-contact-links li .fa {
			color: #3bac44;
		}
		.footer-contact-links .fa-map-marker {
			font-size: 18px;
		}
		.footer-contact-links .fa-phone {
			font-size: 16px;
		}

/* Copyright Styles Starts */

.copyright {
	padding-top: 20px;
	padding-bottom: 20px;
	background: #2c2c2c;
}
	.copyright, 
	.copyright a {
		color: #fff;
	}
	.copyright-text br {
		display: none;
	}
	.copyright-text a:hover, 
	.copyright-text a:focus {
		text-decoration: underline;
	}
	.copyright ul > li:not(:last-child) {
		padding-right: 14px;
	}
		.copyright ul > li a:hover, 
		.copyright ul > li a:focus {
			color: #3bac44;
		}

/* Image Styles Starts */

.img-style-1 {
	padding: 5px;
	border: 1px solid #e9e9e9;
}
	
/* Generic Styles Starts */

.parallax {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}

.hr-1 {
	border-color: #dbdbdb;
}

.pt-0 { padding-top: 0;    }
.pb-0 { padding-bottom: 0; }
.pl-0 { padding-left: 0;   }
.pr-0 { padding-right: 0;  }
.mt-0 { margin-top: 0;	   }
.mb-0 { margin-bottom: 0;  }
.ml-0 { margin-left: 0;    }
.mr-0 { margin-right: 0;   }

.text-color-brand { color: #3bac44; }

.font-weight-light  { font-weight: 300; }
.font-weight-normal { font-weight: 400; }
.font-weight-medium { font-weight: 500; }
.font-weight-bold	{ font-weight: 700; }

.img-center {
	margin-left: auto;
	margin-right: auto;
}

.rounded-0 {
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
}

.rounded-3, 
.breadcrumb {
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
		    border-radius: 3px;
}

.rounded-circle {
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	        border-radius: 100%;
}

a:focus, 
.btn:focus, 
.form-control:focus, 
#menu .btn-navbar:hover, 
#menu .btn-navbar:focus {
	outline: none;
}

.no-boxshadow, 
.btn:focus, 
.form-control:focus, 
#cart > .btn, 
#cart.open > .btn, 
#cart.open > .btn:hover, 
#cart.open > .btn:focus, 
#menu .btn-navbar:hover, 
#menu .btn-navbar:focus, 
.main-carousel {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

.font-awesome, 
.breadcrumb li + li::before, 
.carousel-control .icon-prev:before, 
.carousel-control .icon-next:before, 
a.list-group-item::before, 
.list-style-1 li:before, 
.footer-links li::before, 
.foot-col-head::after {
	font-family: 'FontAwesome';
	src: url('../font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');
	src: url('../font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
}

.animation, 
.animation a {
	-webkit-transition: all 0.5s ease 0s;
	   -moz-transition: all 0.5s ease 0s;
		    transition: all 0.5s ease 0s;
}

.animation-1, 
.animation-1 a {
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
	   		transition: all 1s ease;
}
.owl-prev,
.owl-next {
    display: none !important;
}
	.common-home .owl-carousel {
    max-width: 1200px;
    margin: 0 auto;
    border-radius: 16px;
    overflow: hidden;
}

.common-home .owl-carousel .item img {
    border-radius: 16px;
}
.common-home .main-slider,
.common-home .home-slider,
.common-home .slideshow,
.common-home .owl-carousel,
.common-home .container .owl-carousel {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

.common-home .main-slider img,
.common-home .home-slider img,
.common-home .slideshow img,
.common-home .owl-carousel img {
    border-radius: 16px !important;
}		
.common-home .swiper-container,
.common-home .slideshow0,
.common-home .slideshow {
    max-width: 1200px !important;
    margin: 0 auto !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

.common-home .swiper-slide img {
    border-radius: 16px !important;
}
.common-home .slideshow0,
.common-home .swiper-container,
.common-home .swiper-wrapper {
    max-width: 1600px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

.common-home .swiper-slide img,
.common-home .swiper-slide a img {
    width: 100% !important;
    height: auto !important;
    border-radius: 16px !important;
    display: block !important;
}
/* Заголовок */
.common-home h2 {
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 40px;
    position: relative;
}

.common-home h2:after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background: #c9a16a;
    margin: 10px auto 0;
    border-radius: 2px;
}

/* Карточки */
.product-layout {
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    transition: all 0.3s ease;
    border: 1px solid #eee;
}

.product-layout:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}
/* Only Love - category and product premium style */
.common-home h2,
.common-home .box-heading {
    text-align: center !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    margin-bottom: 35px !important;
    position: relative !important;
}

.common-home h2:after,
.common-home .box-heading:after {
    content: "";
    display: block;
    width: 55px;
    height: 3px;
    background: #c9a16a;
    margin: 10px auto 0;
    border-radius: 2px;
}

.product-layout,
.category-item {
    border-radius: 16px !important;
    transition: all 0.3s ease !important;
}

.product-layout:hover,
.category-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
}
.ol-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 18px 0 20px;
}

.ol-logo img {
    max-width: 230px;
    height: auto;
    display: block;
}

.ol-menu {
    flex: 1;
}

.ol-menu .navbar,
.ol-menu nav,
.ol-menu #menu {
    margin: 0 !important;
}

.lang-switch {
    font-size: 13px;
}

@media (max-width: 768px) {
    .ol-header-row {
        flex-direction: column;
        align-items: center;
    }

    .ol-logo img {
        max-width: 200px;
    }

    .ol-menu {
        width: 100%;
    }
}
.ol-menu .navbar-header,
.ol-menu .navbar-brand,
.ol-menu .navbar-brand a {
    display: none !important;
}
.main-header .row {
    display: flex;
    align-items: center;
}

.main-header .col-md-3 {
    flex: 0 0 180px;
    max-width: 180px;
}

.main-header .col-md-9 {
    flex: 1;
}

.main-header ul.nav {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.main-header ul.nav li {
    white-space: nowrap;
    margin-right: 20px;
}
.ol-menu {
    display: flex;
    align-items: center;
    gap: 28px;
}

.catalog-btn {
    background: #171313;
    color: #fff;
    padding: 13px 28px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    white-space: nowrap;
    letter-spacing: .3px;
}

.ol-menu nav,
.ol-menu #menu,
.ol-menu .navbar {
    flex: 1;
}
.ol-menu {
    gap: 12px !important;
}

.catalog-btn {
    padding: 12px 22px !important;
    min-width: 210px;
    text-align: center;
}

.ol-menu ul.nav > li > a,
.ol-menu #menu .nav > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 15px !important;
    white-space: nowrap !important;
}
.ol-menu ul.nav > li > a,
.ol-menu #menu .nav > li > a {
    padding: 0 8px !important;
    font-size: 14px !important;
}
.main-header .row {
    display: flex;
    align-items: center;
    gap: 15px;
}
/* прибираємо розтягування меню */
.ol-menu {
    display: flex;
    align-items: center;
    gap: 10px !important;
}

/* ВАЖЛИВО: меню не займає всю ширину */
.ol-menu nav,
.ol-menu #menu,
.ol-menu .navbar {
    flex: 0 !important;
    width: auto !important;
}

/* сам список меню */
.ol-menu ul.nav {
    display: flex;
    gap: 14px;
}

/* посилання */
.ol-menu ul.nav > li > a {
    padding: 0 !important;
    font-size: 14px;
    white-space: nowrap;
}
.catalog-btn {
    margin-right: 10px;
}
/* FINAL HEADER FIX */
.ol-header-row {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 25px !important;
}

.ol-logo {
    flex: 0 0 150px !important;
    max-width: 150px !important;
}

.ol-logo img {
    max-width: 140px !important;
    width: 140px !important;
    height: auto !important;
}

.ol-menu {
    display: flex !important;
    align-items: center !important;
    flex: none !important;
    width: auto !important;
    gap: 14px !important;
}

.catalog-btn {
    flex: 0 0 auto !important;
    min-width: 200px !important;
    margin: 0 8px 0 0 !important;
}

.ol-menu #menu {
    flex: 0 0 auto !important;
    width: auto !important;
}

.ol-menu #menu .menu-links,
.ol-menu #menu ul.nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 18px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ol-menu #menu .menu-links > li {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.ol-menu #menu .menu-links > li > a {
    padding: 0 !important;
    font-size: 14px !important;
    white-space: nowrap !important;
}
/* FINAL HEADER COMPACT */
.ol-header-row {
    padding: 8px 0 12px !important;
    gap: 18px !important;
}

.ol-logo {
    flex: 0 0 120px !important;
    max-width: 120px !important;
}

.ol-logo img {
    width: 120px !important;
    max-width: 120px !important;
}

.catalog-btn {
    min-width: 180px !important;
    padding: 10px 18px !important;
    font-size: 13px !important;
}

.ol-menu #menu .menu-links,
.ol-menu #menu ul.nav {
    gap: 12px !important;
}

.ol-menu #menu .menu-links > li > a {
    font-size: 13px !important;
}

.main-header {
    margin-bottom: 8px !important;
}
.ol-logo img {
    background: transparent !important;
}
.catalog-btn {
    padding: 8px 16px !important;   /* було велике */
    font-size: 13px !important;     /* менший текст */
    border-radius: 6px;
    min-width: auto !important;     /* прибирає розтягування */
}

/* іконка ≡ */
.catalog-btn i,
.catalog-btn .fa {
    margin-right: 6px;
    font-size: 13px;
}
.catalog-btn {
    padding: 6px 14px !important;
    font-size: 12.5px !important;
}
/* вирівнюємо меню по кнопці */
.ol-menu ul.nav {
    display: flex;
    align-items: center; /* головне */
    height: 100%;
}

/* трохи опускаємо категорії */
.ol-menu ul.nav > li {
    position: relative;
    top: 2px; /* можеш змінити 2px → 3px якщо треба ще нижче */
}
.ol-menu {
    display: flex;
    align-items: center; /* вирівнює ВСЕ в одну лінію */
}
/* вирівнюємо кнопку + меню ІДЕАЛЬНО */
.ol-menu {
    display: flex;
    align-items: center !important;
}

/* підтягуємо саме меню трохи вниз */
.ol-menu ul.nav {
    display: flex;
    align-items: center;
    margin-top: 20px !important; /* головне тут */
}

/* прибираємо зайві відступи */
.ol-menu ul.nav > li > a {
    padding: 0 !important;
    line-height: normal !important;
}
/* опускаємо категорії в один ряд з кнопкою */
.ol-menu #menu {
    position: relative !important;
    top: 16px !important;
}
/* БАНЕР НА ВСЮ ШИРИНУ */
.common-home .swiper-container,
.common-home .slideshow0,
.common-home .slideshow,
.common-home .swiper-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    overflow: hidden;
}

/* сам слайд */
.common-home .swiper-slide {
    width: 100% !important;
}

/* картинка */
.common-home .swiper-slide img,
.common-home .swiper-slide a img {
    width: 100% !important;
    height: 420px !important;   /* головне — робить банер вужчим */
    object-fit: cover;          /* щоб не розтягувало */
    border-radius: 0 !important;
}
/* FINAL BANNER FULL WIDTH */
.common-home .main-slider.swiper-viewport {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}

.common-home .main-slider .swiper-slide,
.common-home .main-slider .swiper-wrapper {
    width: 100% !important;
}

.common-home .main-slider img {
    width: 100% !important;
    height: 420px !important;
    object-fit: cover !important;
    border-radius: 0 !important;
}
/* ВИТЯГУЄМО БАНЕР З КОНТЕЙНЕРА */
.common-home #content .container {
    width: 100% !important;
    max-width: 100% !important;
}

/* сам блок банера */
.common-home .main-slider {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

/* картинка банера */
.common-home .main-slider img {
    width: 100% !important;
    height: 420px !important;
    object-fit: cover !important;
    border-radius: 0 !important;
}
/* FORCE SLIDER FULL WIDTH */
.common-home #slideshow0,
.common-home #slideshow0 .swiper-wrapper,
.common-home #slideshow0 .swiper-slide {
    width: 100vw !important;
    max-width: 100vw !important;
}

.common-home #slideshow0 .swiper-slide {
    margin-right: 0 !important;
}

.common-home #slideshow0 img {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 390px !important;
    object-fit: cover !important;
}
/* РОЗТЯГУЄМО БАНЕР НА ВСЮ ШИРИНУ */
.common-home #content {
    width: 100% !important;
    padding: 0 !important;
}

.common-home #content > .row {
    margin: 0 !important;
}

.common-home #content > .row > div {
    padding: 0 !important;
}

/* сам слайдер */
.common-home #slideshow0,
.common-home .swiper-container {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
}
/* ЛОМАЄМО обмеження swiper */
.common-home .swiper-slide {
    width: 100% !important;
}

/* wrapper */
.common-home .swiper-wrapper {
    width: 100% !important;
}

/* контейнер */
.common-home #slideshow0,
.common-home .swiper-container {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
}

/* сам банер */
.common-home .swiper-slide img {
    width: 100% !important;
    height: 380px !important;
    object-fit: cover !important;
}
/* розтягуємо банер всередині контейнера */
.common-home #slideshow0 {
    margin-left: -15px;
    margin-right: -15px;
}

.common-home #slideshow0 .swiper-slide img {
    width: 100% !important;
    border-radius: 16px;
}
.onlylove-main-banner {
    max-width: 1200px;
    margin: 25px auto;
    border-radius: 16px;
    overflow: hidden;
}

.onlylove-main-banner img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    object-position: center 20%;
    display: block;
}
/* контейнер блоку */
.advantages {
    background: #f8f8f8;
    border-radius: 20px;
    padding: 30px 20px;
    margin-top: 20px;
}

/* кожен елемент */
.advantages .item {
    text-align: center;
    padding: 10px;
}

/* іконки */
.advantages .item img {
    width: 36px;
    height: 36px;
    margin-bottom: 12px;
    opacity: 0.9;
}

/* заголовок */
.advantages .item h4 {
    font-size: 16px;
    font-weight: 600;
    color: #1c1c1c;
    margin-bottom: 6px;
}

/* опис */
.advantages .item p {
    font-size: 13px;
    color: #888;
    margin: 0;
}
/* контейнер */
.advantages {
    display: flex;
    justify-content: space-between;
    gap: 20px;

    background: #f9f9f9;
    padding: 25px 20px;
    border-radius: 18px;

    margin-top: -40px;
    position: relative;
    z-index: 2;

    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* елемент */
.adv-item {
    flex: 1;
    text-align: center;
}

/* іконка */
.adv-icon {
    font-size: 26px;
    margin-bottom: 10px;
}

/* заголовок */
.adv-title {
    font-size: 15px;
    font-weight: 600;
    color: #222;
    margin-bottom: 5px;
}

/* текст */
.adv-text {
    font-size: 13px;
    color: #888;
}

/* hover ефект */
.adv-item:hover {
    transform: translateY(-3px);
    transition: 0.3s;
}
.onlylove-advantages {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  background: #fff;
  padding: 25px 30px;
  border-radius: 14px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.06);
  margin-top: -50px;
  position: relative;
  z-index: 2;
}

.adv-item {
  flex: 1;
  text-align: center;
}

.adv-item img {
  width: 32px;
  height: 32px;
  margin-bottom: 10px;
  opacity: 0.8;
}

.adv-title {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 5px;
}

.adv-text {
  font-size: 13px;
  color: #777;
}
.onlylove-advantages {
  display: flex;
  justify-content: space-between;
  gap: 40px;

  background: #f6f6f6;
  padding: 25px 30px;
  border-radius: 16px;

  margin-top: -40px;
  position: relative;
  z-index: 2;

  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

.adv-item {
  flex: 1;
  text-align: center;
}

/* ІКОНКИ */
.adv-item img {
  width: 26px;
  height: 26px;
  margin-bottom: 10px;
  opacity: 0.8;
}

/* ЗАГОЛОВОК */
.adv-title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 4px;
  color: #222;
}

/* ТЕКСТ */
.adv-text {
  font-size: 12px;
  color: #888;
}

/* HOVER (дорогий ефект) */
.adv-item:hover {
  transform: translateY(-3px);
  transition: 0.3s;
}
/* БЛОК ПОПУЛЯРНІ КАТЕГОРІЇ */
.common-home .category-grid {
  display: flex;
  justify-content: space-between;
  gap: 25px;
}

/* КАРТКА */
.common-home .category-grid .category-item {
  text-align: center !important;
  background: #f6f6f6;
  border-radius: 16px;
  padding: 25px 20px;
}

/* КАРТИНКА — робимо менше */
.common-home .category-grid .category-item img {
  width: 90px; /* 🔥 зменшили */
  height: auto;
  margin: 0 auto 15px;
  display: block;
}

/* ЗАГОЛОВОК */
.common-home .category-grid .category-item h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}

/* ОПИС */
.common-home .category-grid .category-item p {
  font-size: 13px;
  color: #888;
}
/* універсально */
.common-home .product-thumb,
.common-home .category-thumb {
  text-align: center !important;
}

.common-home .product-thumb img,
.common-home .category-thumb img {
    width: auto !important;
    max-width: 180px !important;
    height: auto !important;
    margin: 0 auto 15px;
    display: block;
    object-fit: contain;
}
.onlylove-categories {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
    margin: 35px 0 45px;
}

.onlylove-cat {
    display: block;
    text-align: center !important;
    background: #f7f7f7;
    border-radius: 18px;
    padding: 28px 18px;
    color: #111 !important;
}

.onlylove-cat img {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain;
    display: block;
    margin: 0 auto 18px;
}

.onlylove-cat .cat-title {
    text-align: center !important;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: 8px;
}

.onlylove-cat .cat-text {
    text-align: center !important;
    font-size: 15px;
    color: #777;
}
/* Only Love - fix green prices */
.module-product-price,
.module-product-price .price-new,
.product-info-price .price,
.product-info-price .price-new,
.product-thumb .price,
.product-thumb .price-new {
    color: #b8895c !important;
}
/* Only Love - footer fix */
.footer-links li a:hover,
.footer-links li a:focus,
.footer-links li::before,
.footer-contact-links li .fa,
.footer-contact-links li a,
.footer-contact-links li a:hover,
.top-links > li > a:hover,
.top-links > li > a:focus {
    color: #b8895c !important;
}

/* заголовки футера */
.foot-col-head,
.sblock-1-heading {
    color: #b8895c !important;
}
/* ховаємо старі пошук і кошик, залишаємо тільки наші */
.search-dropdown,
#search,
#cart {
    display: none !important;
}

.ol-search-form,
.ol-cart #cart {
    display: flex !important;
}
/* ONLY LOVE HEADER HARD FIX */
.ol-header-row {
    display: block !important;
}

.ol-top-main {
    display: grid !important;
    grid-template-columns: 260px 1fr 140px !important;
    align-items: center !important;
    gap: 30px !important;
    padding: 20px 0 25px !important;
}

.ol-logo {
    width: 260px !important;
    margin: 0 !important;
    position: static !important;
}

.ol-logo img {
    width: 240px !important;
    max-width: 240px !important;
}

.ol-search {
    display: flex !important;
    justify-content: center !important;
}

.ol-search-form {
    width: 100% !important;
    max-width: 600px !important;
    display: flex !important;
}

.ol-cart {
    display: block !important;
    text-align: right !important;
    margin: 0 !important;
}

.ol-menu {
    display: flex !important;
    align-items: center !important;
    gap: 28px !important;
    padding: 14px 0 !important;
    border-top: 1px solid #eee !important;
    position: static !important;
}

.ol-menu #search,
.ol-menu .search-dropdown,
.ol-menu #cart {
    display: none !important;
}
/* ONLY LOVE - reduce top header spacing */
.ol-top-main {
    padding: 8px 0 12px !important;
    min-height: 40px !important;
}

.ol-logo img {
    width: 220px !important;
    max-width: 220px !important;
}

.ol-menu {
    padding: 12px 0 !important;
}
/* FINAL FIX — прибираємо пустоту */
.ol-top-main {
    padding: 5px 0 !important;
    min-height: auto !important;
    align-items: center !important;
}

/* логотип не тягне висоту */
.ol-logo {
    display: flex;
    align-items: center;
}

.ol-logo img {
    height: 50px !important;
    width: auto !important;
}

/* пошук теж компактний */
.ol-search-form {
    height: 38px !important;
}

/* прибираємо вплив старих стилів */
.main-header .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* ===== ONLY LOVE UI IMPROVE ===== */

/* ЛОГО БІЛЬШЕ */
.ol-logo img {
    height: 65px !important;
    width: auto !important;
}

/* ПОШУК ШИРШИЙ */
.ol-search {
    flex: 1;
    display: flex;
    justify-content: center;
}

.ol-search-form {
    width: 100% !important;
    max-width: 700px !important; /* було менше */
    height: 46px !important;
    border-radius: 14px !important;
    border: 1px solid #e5e5e5 !important;
    overflow: hidden;
}

/* ІНПУТ */
.ol-search-form input {
    border: none !important;
    padding: 0 18px !important;
    font-size: 15px;
}

/* КНОПКА ПОШУКУ */
/* виправляємо кнопку пошуку */
.ol-search-form {
    max-width: 620px !important;
    height: 46px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

.ol-search-form button {
    width: 58px !important;
    height: 46px !important;
    border: none !important;
    border-left: 1px solid #eee !important;
    background: #fff !important;
    box-shadow: none !important;
}

.ol-search-form button:focus,
.ol-search-form button:active {
    outline: none !important;
    box-shadow: none !important;
}

.ol-logo img {
    height: 58px !important;
    width: auto !important;
}

/* ХОВЕР як у дорогих сайтів */
.ol-search-form:focus-within {
    border-color: #b8895c !important;
    box-shadow: 0 0 0 2px rgba(184,137,92,0.1);
}
/* прибираємо синю рамку */
.ol-search-form input:focus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* красивий фокус всього поля */
.ol-search-form:focus-within {
    border: 1px solid #b8895c !important;
    box-shadow: 0 0 0 3px rgba(184,137,92,0.12);
}

/* виправляємо підказки (autocomplete) */
.ui-autocomplete,
.autocomplete-suggestions {
    border-radius: 10px !important;
    border: 1px solid #eee !important;
    margin-top: 6px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
    overflow: hidden;
}

/* елемент підказки */
.ui-menu-item,
.autocomplete-suggestion {
    padding: 10px 14px !important;
    font-size: 14px;
}

/* hover */
.ui-menu-item:hover,
.autocomplete-suggestion:hover {
    background: #f5f5f5 !important;
}
/* НОРМАЛЬНИЙ ПОШУК */
.ol-search-form {
    width: 100% !important;
    max-width: 700px !important;
    display: flex !important;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 40px; /* красиве округлення */
    overflow: hidden;
    background: #fff;
}

/* інпут займає ВСЮ ширину */
.ol-search-form input {
    flex: 1 !important;
    width: 100% !important;
    border: none !important;
    padding: 0 20px !important;
    height: 48px !important;
    font-size: 15px;
    outline: none;
}

/* кнопка пошуку */
.ol-search-form button {
    width: 60px;
    height: 48px;
    border: none;
    background: transparent;
    cursor: pointer;
}

/* прибираємо рамку між input і кнопкою */
.ol-search-form button:focus {
    outline: none;
}
/* FINAL ONLY LOVE LOGO + SEARCH */
.ol-logo {
    width: 300px !important;
    flex: 0 0 300px !important;
    display: flex !important;
    align-items: center !important;
}

.ol-logo img {
    height: 90px !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
}

.ol-top-main {
    grid-template-columns: 300px 1fr 140px !important;
}

.ol-search-form {
    max-width: 760px !important;
    height: 52px !important;
    border-radius: 40px !important;
}

.ol-search-form input {
    height: 52px !important;
    font-size: 16px !important;
}

.ol-search-form button {
    height: 52px !important;
    width: 70px !important;
}
/* ЛОГО — збільшуємо саме видиму частину */
.ol-logo {
    width: 360px !important;
    flex: 0 0 360px !important;
    overflow: visible !important;
}

.ol-logo img {
    height: 140px !important;
    width: auto !important;
    max-width: none !important;
    transform: scale(1.8) !important;
    transform-origin: left center !important;
}
.ol-logo {
    max-width: 240px !important;
    overflow: hidden;
}

.ol-logo img {
    width: 100% !important;
    height: auto !important;
    max-height: 70px !important;
    object-fit: contain;
}
/* Only Love - breadcrumb color */
.breadcrumb {
    background: linear-gradient(90deg, #d6b08c, #b8895c) !important;
}

.breadcrumb,
.breadcrumb a,
.breadcrumb li + li::before {
    color: #fff !important;
}
/* Category title color */
.page-heading-1,
.product-info-title,
.sblock-1-heading {
    color: #b8895c !important;
}
/* Only Love - dropdown fix */

/* активний пункт (зелений зараз) */
#menu .dropdown-menu > li > a:hover,
#menu .dropdown-menu > li > a:focus,
#menu .dropdown-menu > .active > a {
    background: linear-gradient(90deg, #d6b08c, #b8895c) !important;
    color: #fff !important;
}

/* сам текст пунктів */
#menu .dropdown-menu > li > a {
    color: #222 !important;
}

/* hover мʼякий */
#menu .dropdown-menu > li > a:hover {
    background: #f5f5f5 !important;
    color: #222 !important;
}

/* прибираємо зелений у вкладених */
#menu .dropdown-inner li a:hover {
    background: linear-gradient(90deg, #d6b08c, #b8895c) !important;
    color: #fff !important;
}
/* ===== ONLY LOVE — REMOVE GREEN EVERYWHERE ===== */

/* нижня зелена кнопка "Показати всі..." */
#menu .see-all,
#menu .dropdown-menu .see-all {
    background: linear-gradient(90deg, #d6b08c, #b8895c) !important;
    color: #fff !important;
    border: none !important;
}

/* hover на ній */
#menu .see-all:hover {
    background: #b8895c !important;
    color: #fff !important;
}

/* зелений активний пункт (типу "Дженерик") */
#menu .dropdown-menu > li.active > a,
#menu .dropdown-menu > li > a.active {
    background: linear-gradient(90deg, #d6b08c, #b8895c) !important;
    color: #fff !important;
}

/* зелені тексти в меню */
#menu .nav > li > a:hover,
#menu .nav > li.open > a {
    color: #b8895c !important;
}

/* випадаюче меню тінь (дорогий ефект) */
#menu .dropdown-menu {
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
    border: 1px solid #eee !important;
}
/* ===== ONLY LOVE — BUTTONS & TABS FIX ===== */

/* КНОПКА КУПИТИ */
.btn-success,
#button-cart {
    background: linear-gradient(90deg, #d6b08c, #b8895c) !important;
    border: none !important;
    color: #fff !important;
}

/* hover */
.btn-success:hover,
#button-cart:hover {
    background: #b8895c !important;
}

/* ВКЛАДКИ (Опис / Відгуки) */
.product-tabs-wrap .nav-tabs > li.active > a,
.product-tabs-wrap .nav-tabs > li > a:hover {
    color: #b8895c !important;
}

/* знімаємо зелений */
.product-tabs-wrap .nav-tabs > li > a {
    color: #222 !important;
}
/* ===== ONLY LOVE — CATEGORY SIDEBAR FIX ===== */

/* всі категорії */
.list-group-item,
.list-group-item a {
    color: #222 !important;
}

/* активна категорія (зелена зараз) */
.list-group-item.active,
.list-group-item.active a {
    color: #b8895c !important;
}

/* hover */
.list-group-item:hover,
.list-group-item a:hover {
    color: #b8895c !important;
}

/* стрілочки (зараз зелені) */
.list-group-item::before {
    color: #b8895c !important;
}
/* ===== ONLY LOVE — SUBCATEGORY + ICON FIX ===== */

/* кнопки підкатегорій */
.btn-outline-1,
.btn-outline-1:focus,
.btn-outline-1:active {
    color: #222 !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
}

/* hover */
.btn-outline-1:hover {
    color: #b8895c !important;
    border-color: #b8895c !important;
}

/* АКТИВНА (зелена зараз) */
.btn-outline-1.active,
.btn-outline-1:active {
    color: #b8895c !important;
    border-color: #b8895c !important;
    background: rgba(184,137,92,0.05) !important;
}

/* іконки grid/list */
.product-sort-wrap .btn-default.active,
.product-sort-wrap .btn-default:hover {
    color: #b8895c !important;
}

/* самі іконки */
.product-sort-wrap .fa {
    color: inherit !important;
}
/* FIX HOVER для підкатегорій */
.btn-outline-1:hover,
.btn-outline-1:focus,
.btn-outline-1:active {
    color: #b8895c !important;
    border-color: #b8895c !important;
    background: rgba(184,137,92,0.06) !important;
}

/* якщо є клас active + hover */
.btn-outline-1.active:hover {
    color: #b8895c !important;
    border-color: #b8895c !important;
    background: rgba(184,137,92,0.08) !important;
}
.product-sort-wrap .btn-outline-1:hover {
    color: #b8895c !important;
    border-color: #b8895c !important;
    background: rgba(184,137,92,0.06) !important;
}
/* ONLY LOVE — CLEAN MOBILE BANNER FINAL */

.common-home .custom-banner-slider picture {
  display: block !important;
  width: 100% !important;
}

.common-home .custom-banner-slider .onlylove-slider-img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 16px !important;
}

@media (max-width: 768px) {

  .common-home .main-slider,
  .common-home .custom-banner-slider,
  .common-home #slideshow0,
  .common-home #slideshow0 .swiper-container,
  .common-home #slideshow0 .swiper-wrapper,
  .common-home #slideshow0 .swiper-slide,
  .common-home .custom-banner-slider .swiper-container,
  .common-home .custom-banner-slider .swiper-wrapper,
  .common-home .custom-banner-slider .swiper-slide {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    border-radius: 16px !important;
  }

  .common-home .custom-banner-slider picture {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  .common-home .custom-banner-slider img.onlylove-slider-img,
  .common-home #slideshow0 img.onlylove-slider-img,
  .common-home .main-slider img.onlylove-slider-img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 16px !important;
  }

  .common-home .swiper-slide {
    text-align: center !important;
  }
}
/* ONLY LOVE — MOBILE BANNER TOP FIX */
@media (max-width: 768px) {

  .common-home .custom-banner-slider img.onlylove-slider-img {
    object-fit: contain !important;
    object-position: top center !important; /* 🔥 головне */
  }

  /* даємо трохи повітря зверху */
  .common-home .custom-banner-slider {
    padding-top: 10px !important;
  }

}
@media (max-width: 768px) {
  .onlylove-main-banner img {
    content: url("/image/catalog/banner-mobile-ua.png") !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: top center !important;
  }
}
.onlylove-main-banner {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}
/* ONLY LOVE — CLEAN FINAL HEADER + BANNER */

/* БАНЕР ПК */
.onlylove-main-banner {
  max-width: 1200px !important;
  width: 100% !important;
  margin: 25px auto !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

.onlylove-main-banner img {
  width: 100% !important;
  height: 450px !important;
  object-fit: cover !important;
  object-position: center 20% !important;
  display: block !important;
  border-radius: 16px !important;
}

/* МЕНЮ ПК */
.ol-menu {
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
  padding: 14px 0 !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

.catalog-btn-wrap {
  position: relative !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  z-index: 99999 !important;
}

.catalog-btn {
  background: #1c1c1c !important;
  color: #fff !important;
  border: none !important;
  padding: 10px 18px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

.catalog-dropdown {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  margin-top: 4px !important;
  left: 0 !important;
  width: 280px !important;
  background: #fff !important;
  border: 1px solid #eee !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 30px rgba(0,0,0,0.12) !important;
  z-index: 999999 !important;
  overflow: hidden !important;
}

.catalog-btn-wrap:hover .catalog-dropdown {
  display: block !important;
}

.catalog-dropdown a {
  display: block !important;
  padding: 14px 16px !important;
  color: #222 !important;
  font-size: 14px !important;
  background: #fff !important;
  border-bottom: 1px solid #eee !important;
  text-decoration: none !important;
}

.catalog-dropdown a:hover {
  background: #f8f4f0 !important;
  color: #b8895c !important;
}

.ol-menu-links {
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
  flex: 1 !important;
}

.ol-menu-links a {
  color: #1c1c1c !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

.ol-menu-links a:hover {
  color: #b8895c !important;
}

/* МОБІЛКА */
@media (max-width: 768px) {

  .onlylove-main-banner {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    margin: 20px auto 35px !important;
    border-radius: 16px !important;
  }

  .onlylove-main-banner img {
    content: url("/image/catalog/banner-mobile-ua.png") !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: top center !important;
    border-radius: 16px !important;
  }

  .main-header {
    margin-bottom: 6px !important;
  }

  .topbar {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 6px 0 !important;
    margin-bottom: 0 !important;
    font-size: 12px !important;
  }

  .top-links,
  .topbar .pull-right-lg,
  .topbar .pull-right-md,
  .topbar .pull-right-sm {
    display: none !important;
  }

  .topbar:after {
    content: "";
    color: #555;
  }

  .ol-top-main {
    display: grid !important;
    grid-template-columns: 1fr 46px !important;
    grid-template-rows: auto auto !important;
    gap: 7px !important;
    padding: 4px 12px 6px !important;
    align-items: center !important;
    width: 100% !important;
  }

  .ol-logo {
    grid-column: 1 / 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    overflow: visible !important;
  }

  .ol-logo img {
    width: auto !important;
    height: 38px !important;
    max-width: 150px !important;
    object-fit: contain !important;
  }

  .ol-cart {
    grid-column: 2 / 3 !important;
    grid-row: 1 !important;
    position: relative !important;
    top: 3px !important;
    width: 46px !important;
    display: flex !important;
    justify-content: flex-end !important;
    overflow: visible !important;
  }

  .ol-search {
    grid-column: 1 / 3 !important;
    grid-row: 2 !important;
    width: 100% !important;
    padding: 0 !important;
  }

  .ol-search-form {
    width: 100% !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    border: 1px solid #eee !important;
    border-radius: 30px !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  .ol-search-form input {
    height: 42px !important;
    font-size: 13px !important;
    padding-left: 14px !important;
    min-width: 0 !important;
  }

  .ol-search-form button {
    width: 52px !important;
    height: 42px !important;
  }

  .ol-menu {
    display: flex !important;
    align-items: center !important;
    padding: 6px 14px 10px !important;
    border-top: 0 !important;
    overflow: visible !important;
    white-space: nowrap !important;
  }

  .ol-menu #menu {
    display: none !important;
  }

  .catalog-btn {
    padding: 9px 18px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }
}
/* DESKTOP */
.ol-menu #menu {
  display: block;
}

.mobile-category-list {
  display: none !important;
}

/* MOBILE MENU CLEAN FINAL */
@media (max-width: 768px) {

  /* контейнер */
  .ol-menu {
    position: relative !important;
    width: 100%;
    margin-top: 10px;
  }

  /* кнопка */
  .catalog-btn {
    display: block;
    width: fit-content;
    background: #1c1c1c;
    color: #fff;
    padding: 12px 18px;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 12px;
  }

  /* ховаємо стандартне меню */
  .ol-menu #menu {
    display: none !important;
  }

  /* випадаючий список */
  .mobile-category-list {
    display: none !important;
    position: absolute !important;
    top: 100% !important;      /* 🔥 головне — під кнопкою */
    left: 0 !important;
    right: 0 !important;
    margin-top: 8px !important;

    z-index: 9999;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(0,0,0,0.15);
  }

  /* відкритий стан */
  body.catalog-open .mobile-category-list {
    display: block !important;
  }

  /* пункти */
  .mobile-category-list a {
    display: block;
    padding: 15px 18px;
    color: #222;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid #eee;
  }

  .mobile-category-list a:last-child {
    border-bottom: none;
  }

  /* hover */
  .mobile-category-list a:hover {
    background: #f8f4f0;
    color: #b8895c;
  }
}
/* FIX TOPBAR */
.ol-custom-topbar {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ol-topbar-left {
  display: flex;
  align-items: center;
  gap: 15px;
}

.ol-topbar-center {
  text-align: center;
  flex: 1;
}

.ol-topbar-right {
  text-align: right;
}

.ol-topbar-left span,
.ol-topbar-center span {
  white-space: nowrap;
}

/* MOBILE */
@media (max-width: 768px) {
  .ol-custom-topbar {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }

  .ol-topbar-left,
  .ol-topbar-center,
  .ol-topbar-right {
    justify-content: center;
    text-align: center;
  }
}
.ol-custom-topbar {
  background: #f5efe9;
  border-bottom: 1px solid #eee;
}
/* MOBILE TOPBAR CLEAN */
@media (max-width: 768px) {

  .ol-topbar-left span:first-of-type {
    display: none !important;
  }

  .ol-topbar-right {
    display: none !important;
  }

  .ol-custom-topbar {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 6px;
    padding: 8px 10px;
    font-size: 12px;
  }

  .ol-topbar-left {
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
  }

  .ol-topbar-center {
    width: 100%;
    text-align: center;
  }
}
/* MOBILE TOPBAR COMPACT */
@media (max-width: 768px) {

  .ol-custom-topbar {
    padding: 4px 10px !important;
    gap: 2px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  .ol-topbar-left {
    gap: 6px !important;
    line-height: 1.2 !important;
  }

  .ol-topbar-center {
    line-height: 1.2 !important;
  }

  .ol-topbar-right {
    display: none !important;
  }

  .ol-topbar-left span:first-of-type {
    display: none !important;
  }

  .ol-custom-topbar i {
    margin-right: 2px !important;
  }
}

/* TOPBAR CENTERED BLOCK */
@media (min-width: 1200px) {

  .ol-custom-topbar {
    background: transparent; /* прибираємо фон з повної ширини */
  }

  .ol-custom-topbar > div {
    background: #f5efe9;
    max-width: 1100px;
    margin: 0 auto;
    border-radius: 6px;
    padding: 8px 20px;
  }

}

/* ===== TOPBAR FINAL CLEAN ===== */

/* десктоп */
@media (min-width: 1200px) {
  .ol-custom-topbar {
    max-width: 1000px;
    margin: 0 auto;
    background: transparent;
    border-bottom: 1px solid #eee;
    padding: 6px 10px;
  }
}

/* телефон стиль */
.ol-topbar-left span:last-of-type {
  font-weight: 600;
  color: #222;
}

.ol-topbar-left span:last-of-type:hover {
  color: #c49a6c;
  transition: 0.2s;
}

/* мобілка */
@media (max-width: 768px) {

  /* ховаємо тільки оформлення */
  .ol-custom-topbar .ol-topbar-right {
    display: none !important;
  }

  /* ховаємо "консультація" */
  .ol-topbar-left span:first-of-type {
    display: none !important;
  }

  /* компактний вигляд */
  .ol-custom-topbar {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 4px 10px;
    font-size: 11px;
    gap: 4px;
  }

  .ol-topbar-left {
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
  }

  .ol-topbar-center {
    text-align: center;
  }

}
/* REMOVE TOPBAR BACKGROUND EVERYWHERE */
.ol-custom-topbar {
  background: #fff !important;
  border-bottom: 1px solid #eee !important;
}

/* якщо раніше робили плашки — прибрати їх */
.ol-custom-topbar > div {
  background: transparent !important;
}
/* ===== FINAL MOBILE FIX ===== */
@media (max-width: 768px) {

  .ol-custom-topbar {
    background: #fff !important;
    border-bottom: 1px solid #eee !important;
  }

  .ol-custom-topbar,
  .ol-custom-topbar * {
    background-color: transparent !important;
  }

  .ol-custom-topbar .ol-topbar-right,
  .ol-custom-topbar .ol-topbar-right * {
    display: none !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }

}
/* CART ICON SIZE */
.ol-cart img {
  width: 28px;
  height: 28px;
}

/* MOBILE FIX */
@media (max-width: 768px) {
  .ol-cart img {
    width: 22px;
    height: 22px;
  }
}
@media (max-width: 768px) {

  .popular-categories-row {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    padding: 20px 12px !important;
  }

  .popular-categories-row a {
    max-width: none !important;
    width: 100% !important;
    flex: none !important;
  }

  .popular-categories-row a > div {
    min-height: 95px !important;
    padding: 12px !important;
  }

  .popular-categories-row img {
    width: 52px !important;
    height: 52px !important;
  }
}
@media (max-width: 768px) {

  .popular-categories-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 20px 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .popular-categories-row a {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: unset !important;
  }

  .popular-categories-row a > div {
    width: 100% !important;
    min-height: 92px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .popular-categories-row img {
    width: 50px !important;
    height: 50px !important;
    flex-shrink: 0 !important;
  }

  .popular-categories-row a > div > div {
    min-width: 0 !important;
  }
}
/* ONLY LOVE LOGO FINAL FIX */
.ol-logo {
  width: 170px !important;
  max-width: 170px !important;
  flex: 0 0 170px !important;
  overflow: visible !important;
}

.ol-logo img {
  width: 170px !important;
  max-width: 170px !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  transform: none !important;
}

.ol-top-main {
  grid-template-columns: 170px 1fr 80px !important;
}

@media (max-width: 768px) {
  .ol-logo {
    width: 170px !important;
    max-width: 170px !important;
    flex: none !important;
  }

  .ol-logo img {
    width: 170px !important;
    max-width: 170px !important;
    height: auto !important;
  }
}
/* MOBILE CART POSITION FIX */
@media (max-width: 768px) {

  .ol-top-main {
    grid-template-columns: 1fr 44px !important;
    align-items: center !important;
  }

  .ol-logo {
    grid-column: 1 / 2 !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: none !important;
  }

  .ol-cart {
    grid-column: 2 / 3 !important;
    justify-self: end !important;
    width: 44px !important;
    margin-left: auto !important;
    text-align: right !important;
  }

  .ol-cart img {
    width: 24px !important;
    height: 24px !important;
  }
}
/* MOBILE CATEGORY PRODUCTS FIX */
@media (max-width: 768px) {

  .product-sort-wrap .btn-group,
  #grid-view,
  #list-view {
    display: none !important;
  }

  .product-layout,
  .product-grid,
  .product-list {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
  }

  .product-thumb {
    width: 100% !important;
    margin: 0 0 18px 0 !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  .product-thumb .image,
  .product-thumb .module-product-image {
    float: none !important;
    width: 100% !important;
    margin: 0 auto 12px !important;
    text-align: center !important;
  }

  .product-thumb .image img,
  .product-thumb .module-product-image img {
    max-width: 230px !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
  }

  .product-thumb .caption,
  .module-product-caption,
  .product-list .product-thumb .caption,
  .product-list .module-product-caption {
    margin-left: 0 !important;
    padding: 0 !important;
    min-height: auto !important;
    text-align: center !important;
  }

  .product-thumb h4,
  .module-product-title {
    font-size: 16px !important;
    line-height: 1.25 !important;
    text-align: center !important;
  }

  .product-thumb .button-group {
    border-top: none !important;
    background: transparent !important;
    text-align: center !important;
  }

  .product-thumb .button-group button {
    float: none !important;
    width: auto !important;
    display: inline-block !important;
  }
}
html, body {
  overflow-x: hidden !important;
}
/* FIX related products grid */
.related-products-row {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.related-products-row .product-layout {
  float: none !important;
  width: 25% !important;
  max-width: 25% !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin-bottom: 25px !important;
  display: block !important;
}

.related-products-row .product-thumb {
  width: 100% !important;
  height: 100% !important;
}

.related-products-row .module-product-title {
  min-height: 42px !important;
}

/* планшет */
@media (max-width: 991px) {
  .related-products-row .product-layout {
    width: 50% !important;
    max-width: 50% !important;
  }
}

/* телефон */
@media (max-width: 575px) {
  .related-products-row .product-layout {
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* RELATED PRODUCTS FIX */
.related-products-row{
    display:flex;
    flex-wrap:wrap;
    margin:0 -15px;
}

.related-product-item{
    width:25%;
    padding:0 15px;
    margin-bottom:30px;
    box-sizing:border-box;
}

.related-product-item .product-thumb{
    height:100%;
}

@media(max-width:991px){
    .related-product-item{
        width:50%;
    }
}

@media(max-width:575px){
    .related-product-item{
        width:100%;
    }
}
.product-product .module-product-wrap .product-layout:nth-child(4n+1) {
  clear: left !important;
}
/* SMALLER SUBCATEGORY BUTTONS */
#content .list-inline {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
}

#content .list-inline li {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

#content .list-inline li a {
    display: inline-block;
    padding: 6px 12px;
    border: 1px solid #dcc3aa;
    border-radius: 9px;
    background: #f8f4ef;
    color: #b8895c !important;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.1;
    text-decoration: none;
    transition: all 0.25s ease;
    box-shadow: none !important;
}

#content .list-inline li a:hover {
    background: linear-gradient(90deg, #d6b08c, #b8895c);
    color: #fff !important;
    border-color: #c49a6c;
}
/* FIX ONLYLOVE ADVANTAGES MOBILE FINAL */
@media (max-width: 768px) {
  .onlylove-advantages {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: -25px auto 35px !important;
    padding: 22px 8px !important;
    gap: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .onlylove-advantages .adv-item {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    min-width: 0 !important;
    padding: 0 3px !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  .onlylove-advantages .adv-title {
    font-size: 12px !important;
    line-height: 1.18 !important;
    margin-bottom: 6px !important;
  }

  .onlylove-advantages .adv-text {
    font-size: 11px !important;
    line-height: 1.45 !important;
    word-break: normal !important;
  }

  .onlylove-advantages .adv-item img {
    width: 22px !important;
    height: 22px !important;
    margin-bottom: 8px !important;
  }
}
a.mobile-only-body {
    display: none !important;
}

@media (max-width: 768px) {

    .popular-categories-row {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
        padding: 20px 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .popular-categories-row > a {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: none !important;
        margin: 0 !important;
    }

    a.mobile-only-body {
        display: block !important;
        width: calc(50% - 22px) !important;
        max-width: calc(50% - 22px) !important;
        margin-top: -112px !important;
        margin-left: calc(50% + 7px) !important;
        margin-right: 15px !important;
        margin-bottom: 35px !important;
    }

    a.mobile-only-body > div {
        min-height: 92px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
}
/* Рекомендовані товари — рівна сітка ПК */
#content .row:has(.product-layout) {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

#content .product-layout {
    float: none !important;
    display: flex;
    margin-bottom: 25px;
}

#content .product-layout .product-thumb {
    width: 100%;
    min-height: 470px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#content .product-thumb .image {
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#content .product-thumb .image img {
    max-height: 200px;
    width: auto;
    object-fit: contain;
}

#content .product-thumb .caption {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

#content .product-thumb .caption h4 {
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#content .product-thumb .button-group {
    margin-top: auto;
}
/* Нормальна клікабельність меню категорій */
#menu .dropdown-inner a,
#menu .see-all {
    display: block;
    width: 100%;
    padding: 10px 15px;
}

/* Hover на весь рядок */
#menu .dropdown-inner a:hover,
#menu .see-all:hover {
    background: #c49a6c;
    color: #fff !important;
}
/* Щоб верхній пункт меню теж був клікабельний */
#menu .nav > li > a {
    pointer-events: auto !important;
    cursor: pointer;
}
@media (max-width: 768px) {

.ol-topbar-center {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 5px;
}

.ol-topbar-center span {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
}

.ol-topbar-center .fa {
    font-size: 18px !important;
}

#age-verification-overlay {
  position: fixed !important;
  z-index: 999999 !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(20, 16, 13, 0.82) !important;
  display: none;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}
}

.age-verification-box {
  max-width: 430px;
  width: 100%;
  background: #fffaf5;
  border-radius: 22px;
  padding: 35px 28px;
  text-align: center;
  box-shadow: 0 18px 50px rgba(0,0,0,0.28);
  border: 1px solid #d6b08c;
}

.age-verification-icon {
  width: 78px;
  height: 78px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: linear-gradient(90deg, #d6b08c, #b8895c);
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  line-height: 78px;
}

.age-verification-box h2 {
  font-size: 26px;
  margin: 0 0 14px;
  color: #1c1c1c;
  font-weight: 700;
}

.age-verification-box p {
  font-size: 15px;
  line-height: 1.6;
  color: #555;
  margin: 0 0 24px;
}

.age-verification-buttons {
  display: flex;
  gap: 12px;
  justify-content: center;
}

.age-verification-buttons button {
  border: none;
  border-radius: 30px;
  padding: 12px 20px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.25s ease;
}

#age-yes {
  background: linear-gradient(90deg, #d6b08c, #b8895c);
  color: #fff;
}

#age-no {
  background: #1c1c1c;
  color: #fff;
}

#age-yes:hover {
  opacity: 0.9;
}

#age-no:hover {
  background: #000;
}

@media (max-width: 480px) {
  .age-verification-box {
    padding: 28px 20px;
    border-radius: 18px;
  }

  .age-verification-box h2 {
    font-size: 22px;
  }

  .age-verification-buttons {
    flex-direction: column;
  }

  .age-verification-buttons button {
    width: 100%;
  }
}
@media (max-width: 767px) {

#product input[name="quantity"] {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    height: 40px !important;
    text-align: center !important;
    margin: 0 !important;
}

#button-cart {
    margin: 0 !important;
}

}
@media (max-width: 767px) {

#product .form-group {
    display: inline-block !important;
    vertical-align: bottom !important;
}

#product .form-group:has(input[name="quantity"]) {
    width: 80px !important;
    margin-right: 8px !important;
}

#product input[name="quantity"] {
    width: 70px !important;
    max-width: 70px !important;
    height: 40px !important;
    text-align: center !important;
}

#button-cart {
    display: inline-block !important;
    vertical-align: bottom !important;
    margin-left: 0 !important;
}

}

/* Мобільна сторінка товару — кількість і кнопки в один рядок */
@media (max-width: 767px) {

.product-info-cart .clearfix {
    display: flex !important;
    align-items: flex-end !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
}

.product-info-cart .form-inline {
    display: flex !important;
    align-items: flex-end !important;
    margin: 0 !important;
}

.product-info-cart .form-group {
    margin: 0 !important;
}

#product .control-label[for="input-quantity"] {
    display: block !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}

#input-quantity {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    height: 42px !important;
    text-align: center !important;
    margin: 0 !important;
}

.product-info-cart-btns-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    float: none !important;
    margin: 0 !important;
}

#button-cart,
.product-info-cart-btns-wrap .btn {
    height: 42px !important;
    margin: 0 !important;
}
}
#cart.open > .dropdown-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
/* Мобільна корзина — компактний вигляд з фото */
@media (max-width: 767px) {

body[class*="checkout-cart"] .table-responsive,
#checkout-cart .table-responsive {
    overflow-x: visible !important;
}

body[class*="checkout-cart"] table.table th,
body[class*="checkout-cart"] table.table td,
#checkout-cart table.table th,
#checkout-cart table.table td {
    padding: 5px 3px !important;
    font-size: 12px !important;
    vertical-align: middle !important;
}

/* Ховаємо тільки модель */
body[class*="checkout-cart"] table.table th:nth-child(3),
body[class*="checkout-cart"] table.table td:nth-child(3),
#checkout-cart table.table th:nth-child(3),
#checkout-cart table.table td:nth-child(3) {
    display: none !important;
}

/* Фото */
body[class*="checkout-cart"] table.table td:nth-child(1),
#checkout-cart table.table td:nth-child(1) {
    width: 55px !important;
}

body[class*="checkout-cart"] table.table td:nth-child(1) img,
#checkout-cart table.table td:nth-child(1) img {
    max-width: 45px !important;
    height: auto !important;
}

/* Назва */
body[class*="checkout-cart"] table.table td:nth-child(2),
#checkout-cart table.table td:nth-child(2) {
    max-width: 130px !important;
    white-space: normal !important;
    line-height: 1.2 !important;
}

/* Кількість */
body[class*="checkout-cart"] .input-group,
#checkout-cart .input-group {
    display: flex !important;
    width: 95px !important;
}

body[class*="checkout-cart"] .input-group input,
#checkout-cart .input-group input {
    width: 38px !important;
    height: 32px !important;
    padding: 3px !important;
    text-align: center !important;
}

body[class*="checkout-cart"] .input-group .btn,
#checkout-cart .input-group .btn {
    width: 28px !important;
    height: 32px !important;
    padding: 3px !important;
}

}
/* Міні-кошик після додавання товару — мобільна версія */
@media (max-width: 767px) {

#cart.open > .dropdown-menu {
    right: 0 !important;
    left: auto !important;
    width: 300px !important;
    max-width: calc(100vw - 30px) !important;
    padding: 8px !important;
}

#cart.open > .dropdown-menu table {
    font-size: 12px !important;
}

#cart.open > .dropdown-menu td {
    padding: 5px 3px !important;
    vertical-align: middle !important;
}

#cart.open > .dropdown-menu td.text-left {
    max-width: 120px !important;
    white-space: normal !important;
    line-height: 1.2 !important;
}

#cart.open > .dropdown-menu img {
    max-width: 35px !important;
    height: auto !important;
}

#cart.open .cart-btn-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

#cart.open .cart-btn-wrap .btn {
    width: 100% !important;
    text-align: center !important;
    float: none !important;
}

}
.np-wrap {
    position: relative;
}

.np-autocomplete {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-top: 4px;
    max-height: 250px;
    overflow-y: auto;
    z-index: 99999;
    box-shadow: 0 8px 20px rgba(0,0,0,.12);
}

.np-city-item {
    padding: 10px 15px;
    cursor: pointer;
}

.np-city-item:hover {
    background: #f6eee7;
}

@media screen and (max-width: 767px) {

input[type="text"].form-control,
input[type="tel"].form-control,
input[type="search"].form-control,
textarea.form-control,
select.form-control {
    font-size: 16px !important;
}

}
@media screen and (max-width: 767px) {
    input[type="text"].form-control,
    input[type="tel"].form-control,
    input[type="search"].form-control,
    input[type="number"].form-control,
    textarea.form-control,
    select.form-control {
        font-size: 16px !important;
    }
}
@media screen and (max-width: 767px) {
    #cart .dropdown-menu,
    #cart .dropdown-menu.pull-right {
        right: 0 !important;
        left: auto !important;
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        min-width: 0 !important;
        transform: none !important;
    }

    #cart {
        position: relative;
    }

    #cart .dropdown-menu table {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    #cart .dropdown-menu {
        background: #fffaf5 !important;
        border: 1px solid #d6b08c !important;
        border-radius: 14px !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.18) !important;
        padding: 12px !important;
        margin-top: 8px !important;
    }

    #cart .dropdown-menu .table {
        background: #ffffff !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        margin-bottom: 10px !important;
    }

    #cart .dropdown-menu .table td {
        border-top: 1px solid #ead8c7 !important;
        padding: 8px 6px !important;
        vertical-align: middle !important;
        font-size: 13px !important;
    }

    #cart .dropdown-menu .cart-btn-wrap .btn {
        background: #2e9b4f !important;
        border-color: #2e9b4f !important;
        color: #ffffff !important;
        font-weight: 700 !important;
        border-radius: 10px !important;
        height: 44px !important;
        line-height: 30px !important;
    }

    #cart .dropdown-menu .cart-btn-wrap .btn:hover {
        background: #238542 !important;
        border-color: #238542 !important;
    }
}
@media screen and (max-width: 767px) {

    #cart .dropdown-menu .table .text-left a {
        font-size: 15px !important;
        line-height: 1.4 !important;
        font-weight: 500 !important;
    }

    #cart .dropdown-menu .table td {
        font-size: 18px !important;
    }

}
@media screen and (max-width: 767px) {

    #cart .dropdown-menu .img-thumbnail {
        width: 65px !important;
        height: 65px !important;
        max-width: 65px !important;
        padding: 2px !important;
        border-radius: 6px !important;
    }

    #cart .dropdown-menu td.text-center {
        width: 75px !important;
    }

}