/*!
Theme Name: Brataliv-cheese
Author: Enot
Author URI: https://brataliv-cheese.com/
Description: Description
Version: 1.0.0
Text Domain: brataliv-cheese
Tags: custom-logo, custom-menu, featured-images, translation-ready
*/


:root {
	--yellow: #fc0;
	--black: #1d1d1b;
	--white: #ffffff;
	--grey: #faf9f5;
	--font-family: "Roboto", sans-serif;
	--second-family: "Museo Cyrl", sans-serif;
}

@font-face {
	font-family: "Museo Cyrl";
	src: local("Museo Cyrl 700"), local("MuseoCyrl-700"),
		url("./assets/fonts/museo-cyrl-700.woff2") format("woff2");
	font-weight: 700;
	font-display: fallback;
}

@font-face {
	font-family: "Museo Cyrl";
	src: local("Museo Cyrl 900"), local("MuseoCyrl-900"),
		url("./assets/fonts/museo-cyrl-900.woff2") format("woff2");
	font-weight: 900;
	font-display: fallback;
}

@font-face {
	font-family: "Roboto";
	src: local("Roboto Regular"), local("Roboto-Regular"),
		url("./assets/fonts/roboto-regular.woff2") format("woff2");
	font-weight: 400;
	font-display: fallback;
}

@font-face {
	font-family: "Roboto";
	src: local("Roboto Bold"), local("Roboto-Bold"),
		url("./assets/fonts/roboto-bold.woff2") format("woff2");
	font-weight: 700;
	font-display: fallback;
}


@layer {
	* {
		padding: 0;
		margin: 0;
		box-sizing: border-box;
		scroll-margin-top: 110px;
	}

	html {
		box-sizing: border-box;
		scroll-behavior: smooth;
		touch-action: manipulation;
		-webkit-text-size-adjust: 100%;
		-webkit-tap-highlight-color: transparent;
	}

	body,
	input,
	button,
	select,
	textarea {
		font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
		font-size: 14px;
		line-height: 1.5;
		color: var(--black);
	}

	a {
		text-decoration: underline;
		color: var(--blue);
	}

	a:hover,
	a:focus-visible {
		text-decoration: none;
	}

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

	iframe {
		max-width: 100%;
		vertical-align: middle;
		border: none;
	}

	fieldset {
		border: none;
		margin: 0;
		padding: 0;
	}

	ol:not([class]) li:not([class]):last-child {
		margin-bottom: 0;
	}

	ol:not([class]) li:not([class]):before {
		content: "";
		display: inline-block;
		width: 8px;
		height: 8px;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background-color: var(--main-color);
		margin-right: 10px;
		margin-bottom: 5px;
	}

	ul:not([class]),
	ul.wp-block-list {
		list-style: none;
		padding-left: 45px;
		margin: 0.5em 0 1em;
	}

	ul:not([class]) li,
	ul.wp-block-list li {
		font-family: var(--font-family);
		position: relative;
		color: var(--black);
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		margin: 5px 0;
	}

	ul:not([class]) li:last-child,
	ul.wp-block-list li:last-child {
		margin-bottom: 0;
	}

	ul:not([class]) li:before,
	ul.wp-block-list li:before {
		content: "";
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: -20px;
		width: 8px;
		height: 8px;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background-color: #ffcc00;
	}

	ul.diamond-list,
	ul.check-list {
		padding-left: 0px;
	}

	ul.diamond-list li,
	ul.check-list li {
		text-indent: 1em;
	}

	ul.diamond-list li:before,
	ul.check-list li:before {
		position: relative;
		left: -5px;
		background-color: transparent;
	}

	ul.diamond-list li:before {
		content: "🔸";
	}

	ul.check-list li:before {
		content: "✔️";
	}

	ol:not([class]),
	ol.wp-block-list {
		padding-left: 45px;
		margin: 0.5em 0 1em;
	}

	ol:not([class]) li,
	ol.wp-block-list li {
		font-family: var(--font-family);
		position: relative;
		color: var(--black);
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		margin: 5px 0;
	}

	.wp-block-image {
		text-align: center;
	}

	@media screen and (min-width: 1024px) {
		* {
			scroll-margin-top: 135px;
		}
	}
}


/**********************************Main Container*************************************/
.container {
	max-width: 1180px;
	padding: 0 20px;
	margin-inline: auto;
}

.page-content {
	padding: 40px 0;
}

.page-wrap a {
	font-weight: 700;
	text-decoration: none;
	color: var(--yellow);
}

/**********************************Titles*************************************/
.main__title {
	text-align: center;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	font-family: var(--second-family);
	font-weight: 600;
	color: #000;
	line-height: 1;
}

h1,
.h1 {
	font-size: 40px;
	margin: 30px 0;
}

h2,
.h2 {
	font-size: 30px;
	margin: 20px 0;
}

h3,
.h3 {
	font-size: 24px;
	margin: 20px 0;
}

h4,
.h4 {
	font-size: 20px;
	margin: 20px 0;
}

h5,
.h5 {
	font-size: 20px;
	margin: 20px 0;
}

h6,
.h6 {
	font-size: 18px;
	margin: 20px 0;
}

@media screen and (min-width: 1024px) {

	h1,
	.h1 {
		font-size: 50px;
		margin: 50px 0;
	}

	h2,
	.h2 {
		font-size: 40px;
		margin: 40px 0;
	}

	h3,
	.h3 {
		font-size: 30px;
		margin: 40px 0;
	}

	h4,
	.h4 {
		font-size: 24px;
		margin: 40px 0;
	}

	h5,
	.h5 {
		margin: 40px 0;
	}

	h6,
	.h6 {
		margin: 40px 0;
	}
}

/**********************************Paragraph*************************************/
p {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	color: var(--black);
}

p+p {
	margin-top: 1em;
}

/**********************************Default Buttons*************************************/
.main__button {
	display: block;
	background: var(--black);
	padding: 10px 30px;
	border: none;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	transition: all 0.2s, transform 0.064s;
	cursor: pointer;
	text-decoration: none;
}

.main__button:hover {
	background: var(--yellow);
	color: var(--black);
}

/**********************************Header*************************************/
.header__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 20px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
	/* background: rgba(255, 255, 255, 0.5); */
	padding: 15px 20px;
}

.header__logo,
.header__logo a {
	display: flex;
	align-items: center;
	text-decoration: none;
}

.main-title {
	display: none;
	position: relative;
	font-family: var(--second-family);
	font-size: 20px;
	color: var(--black);
	text-decoration: none;
	text-align: center;
	width: 50%;
	line-height: 1;
}

.main-title:after {
	content: "";
	position: absolute;
	top: 5px;
	right: -15px;
	background: transparent;
	border-radius: 50%;
	box-shadow: 0 0 0 3px var(--yellow);
	transform: translateY(-50%);
	display: block;
	width: 10px;
	height: 10px;
}

.header__contacts {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin-left: auto;
}

.contact__social {
	display: flex;
	align-items: center;
	gap: 10px;
}

.phone__item {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	color: var(--black);
	text-decoration: none;
}

.phone__item:hover {
	color: var(--yellow);
}

.hamburger {
	contain: strict;
	z-index: 1;
	width: 30px;
	height: 23px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	transition: opacity 0.15s;
}

.hamburger:hover,
.hamburger:focus-visible {
	opacity: 0.85;
}

.hamburger__inner,
.hamburger__inner::before,
.hamburger__inner::after {
	position: absolute;
	display: block;
	width: 30px;
	height: 3px;
	border-radius: 3px;
	background-color: var(--black);
}

.hamburger__inner {
	top: 50%;
	margin-top: -1.5px;
	transition: transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0.24s;
}

.hamburger__inner::before {
	content: "";
	top: -10px;
	transition: top 0.1s 0.14s ease, opacity 0.1s ease, background-color 0.24s;
}

.hamburger__inner::after {
	content: "";
	bottom: -10px;
	transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0.24s;
}

.hamburger--active .hamburger__inner {
	transform: rotateZ(45deg);
	transition: transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.24s;
}

.hamburger--active .hamburger__inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.1s ease, opacity 0.1s 0.14s ease, background-color 0.24s;
}

.hamburger--active .hamburger__inner::after {
	bottom: 0;
	transform: rotateZ(-90deg);
	transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.24s;
}

.hamburger-menu {
	contain: strict;
	inset: 0;
	display: none;
	height: 100vh;
	opacity: 0;
	transition: opacity 0.256s 0.256s;
}

.hamburger-menu--open {
	opacity: 1;
	transition-duration: 0.512s;
	transition-delay: 0.016s;
}

.hamburger-menu__container {
	display: grid;
	align-content: start;
	row-gap: 45px;
	max-width: 400px;
	padding-top: 33px;
	padding-bottom: 25px;
	overflow-y: auto;
}

.menu-header {
	display: none;
	flex-direction: column;
	row-gap: 5px;
	list-style: none;
	text-align: center;
}

.menu-header li {
	background: var(--grey);
	padding: 20px 0px;
}

.menu-header li a {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 20px;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--black);
}

.menu-header li a:hover {
	color: var(--yellow);
}

.hamburger-menu__container .header__contacts {
	align-items: center;
}

.hamburger-menu__container.hamburger-menu__container--open .menu-header {
	display: flex;
}

.header__button--desktop {
	display: none;
}

@media screen and (min-width: 768px) {
	.header__contacts {
		display: flex;
	}
}

@media screen and (min-width: 1024px) {
	.header.header_home {
		border-bottom: 1px solid rgba(0, 0, 0, 0.25);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
	}

	.header__container {
		box-shadow: none;
	}

	.header__logo {
		max-width: 200px;
	}

	.header__logo img {
		width: 100%;
		height: 100%;
	}

	.main-title {
		display: block;
		width: 100%;
	}

	.header__contacts {
		flex-direction: row;
		gap: 25px;
		margin-left: 0px;
		margin-right: 0px;
	}

	.phone__item {
		white-space: nowrap;
	}

	.menu-header {
		display: flex;
		flex-direction: row;
		gap: 15px;
	}

	.menu-header li {
		background: none;
		padding: 0px;
	}

	.menu-header li a {
		font-size: 16px;
	}

	.mini-cart__wrap {
		margin-left: 0px;
		margin-right: 0px;
	}

	.hamburger {
		display: none;
	}

}

@media screen and (min-width: 1200px) {
	.header__button--desktop {
		display: block;
		padding: 10px 15px;
	}
}

/**********************************footer*************************************/
.footer {
	position: relative;
}

.footer__wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 25px;
	margin-bottom: 25px;
}

.footer__logo {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
	width: 100%;
}

.footer-logo {
	min-width: 90px;
	position: relative;
	background-color: #ffffff;
	z-index: 1;
	outline: 15px solid #ffffff;
}

.footer__logo--separator {
	position: relative;
	width: 100%;
}

.logo__separator--first {
	text-align: right;
}

.footer__logo::before {
	content: "";
	position: absolute;
	top: 39px;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #ffcc32;
	z-index: 0;
}

.footer__separator--img {
	position: relative;
	background-color: #ffffff;
	z-index: 1;
}

.footer__column {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.footer__item {
	display: flex;
	justify-content: center;
}

.footer-title.main-title {
	display: block;
}

.footer-title.main-title:after {
	right: 5px;
}

.footer__text {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	color: #000;
}

.footer__copyright {
	font-family: var(--font-family);
	font-weight: 400;
	text-align: center;
	color: #777;
}

.footer-subtitle {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	color: #000;
}

.menu-footer-product,
.menu-footer-customers {
	display: flex;
	flex-direction: column;
	row-gap: 5px;
	list-style: none;
	text-align: center;
}

.menu-footer-product li a,
.menu-footer-customers li a {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	color: #777;
	text-decoration: none;
}

.menu-footer-product li a:hover,
.menu-footer-customers li a:hover {
	color: var(--yellow);
}

.footer__contacts {
	display: flex;
	gap: 25px;
}

.footer__contact-text {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	color: var(--black);
}

.footer__column--bottom {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

@media screen and (min-width: 1024px) {
	.footer__wrap {
		display: grid;
		grid-template-columns: 270px 1fr 1fr 270px;
		align-items: flex-start;
	}

	.footer-separator {
		display: none;
	}

	.footer__column {
		align-items: flex-start;
		margin-top: 112px;
	}

	.footer__column:first-child {
		align-items: center;
		margin-top: 0;
	}

	.footer__column--second {
		margin-left: 25%;
	}

	.footer-title.main-title {
		width: 50%;
	}

	.footer-title.main-title:after {
		right: -25px;
	}

	.menu-footer-product,
	.menu-footer-customers,
	.footer__contact-text {
		text-align: start;
	}
}

@media screen and (min-width: 1200px) {
	.footer__logo {
		display: grid;
		grid-template-columns: 1fr 90px 1fr;
	}
}

/**********************************breadcrumb*************************************/
.breadcrumb__list {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	overflow: hidden;
}

.breadcrumb__list span {
	display: flex;
	align-items: center;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	color: #777;
}

.breadcrumb__list span a {
	white-space: nowrap;
	text-decoration: none;
}

.breadcrumb__list span:after {
	content: '';
	background: url("data:image/svg+xml,%3Csvg width='3' height='7' viewBox='0 0 3 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6.5V0.5L3 3.5L0 6.5Z' fill='%23777777'/%3E%3C/svg%3E") no-repeat center/contain;
	display: inline-block;
	margin: 0 20px 0 20px;
	width: 3px;
	height: 7px;
}

.breadcrumb__list .breadcrumb_last {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 200px;
	display: block;
}

.breadcrumb__list .breadcrumb_last:after {
	content: none;
}

@media screen and (min-width: 768px) {
	.breadcrumb__list .breadcrumb_last {
		max-width: 400px;
	}
}

@media screen and (min-width: 1024px) {
	.breadcrumb__list .breadcrumb_last {
		max-width: 100%;
	}
}

/**********************************Contact form*************************************/
.contacts__form {
	-webkit-border-radius: 25px;
	border-radius: 25px;
}

.contact-form___title {
	font-family: var(--font-family);
	font-weight: 700;
	font-size: 20px;
	color: #000;
	text-align: center;
	margin-bottom: 30px;
}

.form-field {
	margin-bottom: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
}

.form-field input[type=text],
.form-field input[type=email] {
	height: 40px;
	border: 1px solid #777;
	padding: 0px 25px;
	width: 100%;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	color: #777;
}

.form-field textarea {
	border: 1px solid #777;
	padding: 0px 25px;
	width: 100%;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	color: #777;
}

.contact__button {
	width: 100%;
	margin-top: 30px;
}

.form-send-status img {
	display: block;
	margin: 0 auto;
	margin-bottom: 25px;
	width: 50px;
	height: 50px;
}

.form-send-status p {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 20px;
	text-align: center;
	color: #000;
}

.form-send-status .form-send-status__title {
	font-weight: 700;
}

/**********************************Contact page*************************************/
.contacts__list {
	display: flex;
	flex-direction: column;
	gap: 40px;
	align-items: flex-start;
	margin-bottom: 30px;
}

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

.contacts__item--icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 39px;
	height: 39px;
	background: var(--yellow);
	transform: rotate(45deg);
}

.contacts__icon {
	transform: rotate(315deg);
}

.contacts__map {
	height: 345px;
	width: calc(100vw - 0px);
	margin-left: calc(-1*(50vw - 50%));
	margin-bottom: 30px;
}

@media screen and (min-width: 1024px) {
	.contacts__list {
		flex-direction: row;
		justify-content: space-around;
	}

	.contacts__map-form {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}

	.contacts__map {
		width: 560px;
		height: 560px;
		margin-left: 0;
		margin-bottom: 0;
	}

	.contacts__form {
		width: 100%;
		max-width: 100%;
		align-self: center;
		justify-items: center;
	}

	.contacts__form form {
		width: 75%;
	}
}

/**********************************Article*************************************/
.article__header {
	margin-bottom: 30px;
}

.article__title {
	text-align: left;
}

.article .strong-color strong {
	font-weight: 700;
	text-decoration: none;
	background: linear-gradient(to top, var(--yellow) 50%, transparent 50%);
}

.article p a {
	font-weight: 700;
	text-decoration: none;
	color: var(--yellow);
}

@media screen and (min-width: 1024px) {
	.article__grid {
		display: grid;
		grid-template-columns: 1fr 270px;
		gap: 40px;
	}

	.products-slider .swiper-wrapper {
		flex-direction: column;
		gap: 25px;
	}

	.products-slide {
		width: 100% !important;
		margin-right: 0 !important;
	}
}


/**********************************Article-test*************************************/
.products-slider-wrap {
	margin-top: 40px;
}

.article__image {
	text-align: center;
}

.products-slide__item,
.products-slide__content,
.products-item,
.products-item__content {
	display: flex;
	flex-direction: column;
	gap: 15px;
	height: 100%;
}

.products-slide__content,
.products-item__content {
	align-items: stretch;
	flex: 1;
}

.products-slide__img,
.products-item__img {
	position: relative;
	overflow: hidden;
}

.products-slide__item a,
.products-item a {
	text-decoration: none;
}

.products-slide__item img,
.products-item__img img {
	width: 100%;
	height: 350px;
	object-fit: cover;
}

.products-slide__title,
.products-item__title {
	font-weight: 400;
	font-size: 20px;
	margin: 0;
}

.products-slide__price,
.products-item__price {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 20px;
	color: #777;
}

.products-slide__price strong,
.products-item__price strong {
	color: var(--black);
}

.products-slide__price .sale__price,
.products-item__price .sale__price {
	font-size: 20px;
}

.products-item__price .sale__price strong {
	color: #fb2626;
}


.default-control {
	display: none;
}

.products-item__out-of-stock {
	filter: grayscale(1);
	opacity: 0.5;
}

.products-item__out-of-stock .products-slide__buttons {
	pointer-events: none;
}

/**********************************Blog*************************************/
.categories-tags {
	display: flex;
	gap: 40px;
}

.categories-tag {
	display: flex;
	gap: 10px;
	align-items: center;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

a.categories-tag:hover:before,
.categories-tag.active:before {
	background: var(--yellow);
}

.categories-tag__title {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	color: #777;
}

.categories-tag:before {
	content: "";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	background: #f1efe8;
	transform: rotate(45deg);
}

.articles-grid {
	display: grid;
	gap: 45px;
	margin: 40px 0;
}

.articles-item__title {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 24px;
	color: #000;
	margin: 20px 0 15px 0;
}

.articles-item__title a {
	text-decoration: none;
}

.articles-item__content blockquote {
	contain: content;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.product-articles .main__button {
	width: fit-content;
	margin: 25px auto 0 auto;
}

@media screen and (min-width: 1024px) {
	.articles-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

/*****pagination*****/
.pagination {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	list-style: none;
	user-select: none;
	margin-top: 25px;
}

.pagination li {
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.pagination li span,
.pagination li a {
	width: 15px;
	height: 18px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin: 0 8px;
	font-family: var(--font-family);
	color: #777;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	background-position: center;
	background-repeat: no-repeat;
	text-decoration: none;
	position: relative;
	z-index: 9;
}

.pagination li:first-child:has(.prev),
.pagination li:last-child:has(.next) {
	display: flex;
	align-items: center;
	justify-content: center;
	transform: rotate(45deg);
	width: 40px;
	height: 40px;
	margin: 0 16px;
}

.pagination li:first-child a,
.pagination li:last-child a {
	width: 40px;
	height: 40px;
	transform: rotate(315deg);
}

.pagination li:first-child a {
	background-image: url(/wp-content/themes/brataliv-cheese/assets/images/pagination-left.svg);
}

.pagination li:last-child a {
	background-image: url(/wp-content/themes/brataliv-cheese/assets/images/pagination-right.svg);
}

.pagination li:first-child:has(.prev):hover,
.pagination li:last-child:has(.next):hover {
	background: var(--yellow);
	cursor: pointer;
}

.pagination span.current,
.pagination a:hover {
	color: #000;
}

@media screen and (min-width: 1024px) {
	.pagination {
		margin-top: 45px;
	}
}

/**********************************About*************************************/
.about-header {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.about__page h2 {
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.about-header {
		flex-direction: row;
		gap: 80px;
	}

	.about-header figure {
		min-width: 450px;
	}

	.about-header figure img {
		object-fit: cover;
	}

	.about__page h2 {
		margin: 40px;
	}
}

/**********************************404*************************************/
.page-404__title {
	text-align: center;
	font-size: 140px;
	color: #ffcc32;
}

.page-404__subtitle-wrap span {
	display: block;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	color: var(--black);
	text-align: center;
}

.page-404_links {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.page-404_links a {
	font-weight: 700;
	text-decoration: none;
	font-size: 30px;
}

.page-404_links a:hover {
	color: var(--yellow);
}

.page-404__wrap .contacts__form {
	margin: 0 auto;
}

@media screen and (min-width: 1024px) {
	.page-404__wrap .contacts__form {
		max-width: 660px;
	}
}

/**********************************Sliders*************************************/
.product__header--slider {
	position: relative;
}

.main-slider-wrap {
	position: relative;
	margin: 50px 0;
}

.main-slider video {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	object-fit: contain;
}

.swiper-pagination.main-slider__pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	align-items: center;
	margin-top: 35px;
	height: 25px;
	gap: 10px;

}

.main-slider__pagination .swiper-pagination-bullet {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 11px;
	height: 11px;
	transform: rotate(45deg) !important;
	border-radius: 0;
}

.swiper-pagination-bullets::-webkit-scrollbar {
	display: none;
}

.swiper-pagination-bullets {
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.main-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--yellow)
}

.swiper-button-next.main-slider__button-next,
.swiper-button-prev.main-slider__button-prev {
	display: none;
}

.swiper-button-prev.main-slider__button-prev,
.swiper-button-next.main-slider__button-next {
	display: none;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: none;
	width: 50px;
	height: 50px;
	top: 45%;
	align-items: center;
	justify-content: center;
	background: var(--grey);
	transform: rotate(45deg);
}

.swiper-button-prev.main-slider__button-prev:after,
.swiper-button-next.main-slider__button-next:after {
	content: none;
}

.swiper-button-prev.main-slider__button-prev svg,
.swiper-button-next.main-slider__button-next svg {
	width: 14px;
	transform: rotate(315deg);
}

.swiper-button-prev.main-slider__button-prev:hover,
.swiper-button-next.main-slider__button-next:hover {
	background: var(--yellow);
}


@media screen and (min-width: 1024px) {
	.main-slider {
		max-width: 827px;
		margin: 0 auto;
		overflow: hidden;
	}

	.swiper-button-next.main-slider__button-next,
	.swiper-button-prev.main-slider__button-prev {
		display: flex;
	}

	.main-slider__slide {
		text-align: center;
	}

	.swiper-pagination.main-slider__pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
		margin-top: 70px;
	}
}

@media screen and (min-width: 1200px) {
	.main-slider {
		max-width: 1000px;
	}

	.swiper-button-next.main-slider__button-next,
	.swiper-button-prev.main-slider__button-prev {
		display: flex;
	}

	.main-slider__slide {
		text-align: center;
	}
}

@media screen and (min-width: 1400px) {
	.main-slider {
		max-width: 100%;
	}

	.swiper-button-prev.main-slider__button-prev {
		left: -70px;
	}

	.swiper-button-next.main-slider__button-next {
		right: -70px;
	}
}




/**********************************Product*************************************/
article.product {
	padding: 40px 0;
}

.product__header--wrap {
	margin-top: 40px;
}

.product__header--content {
	align-self: baseline;
}

.product__header--content,
.product__header--block {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}

.product__main-slide img {
	width: 100%;
	/*height: 325px;*/
	object-fit: cover;
}

.product__main-slide {
	overflow: hidden;
}

.product-label__sale {
	display: block;
	position: absolute;
	font-family: var(--font-family);
	font-weight: 700;
	font-size: 16px;
	color: var(--white);
	line-height: 1;
	z-index: 9;
	background: url(/wp-content/themes/brataliv-cheese/assets/images/label-sale.svg);
	background-repeat: no-repeat;
	text-align: center;
	width: 62px;
	height: 62px;
	top: 0px;
	left: 0px;
}

.product-label__sale-value {
	display: block;
	transform: rotate(315deg);
	width: 100%;
	position: absolute;
	top: 15px;
	left: -10px;
}

.product-label__top_sales {
	display: block;
	position: absolute;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	color: var(--black);
	line-height: 1;
	z-index: 9;
	background: url(/wp-content/themes/brataliv-cheese/assets/images/label-novelty.svg);
	width: 84px;
	height: 84px;
	top: 0px;
	left: 0px;
}

.product-label__new,
.product-label__sellout,
.product-label__promotion {
	display: block;
	position: absolute;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	color: var(--black);
	line-height: 1;
	z-index: 9;
	background: url(/wp-content/themes/brataliv-cheese/assets/images/label-novelty.svg);
	width: 84px;
	height: 84px;
	top: 0px;
	left: 0px;
}

.product-label__new-value {
	display: block;
	transform: rotate(315deg);
	width: 100%;
	position: absolute;
	top: 21px;
	left: 2px;
}

.product-label__sellout-value {
	display: block;
	transform: rotate(315deg);
	width: 100%;
	position: absolute;
	top: 28px;
	left: -5px;
}

.product-label__promotion-value {
	display: block;
	transform: rotate(315deg);
	width: 100%;
	position: absolute;
	top: 14px;
	left: 9px;
}

.product-label__top_sales-value {
	display: block;
	transform: rotate(315deg);
	width: 100%;
	position: absolute;
	top: 30px;
	left: -6px;
	font-size: 14px;
	white-space: nowrap;
}

.product__header--price {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 1;
	color: #000;
	display: flex;
	align-items: flex-end;
	gap: 10px;
}

.product__header--price span {
	white-space: nowrap;
}

.old__price {
	text-decoration: line-through;
}

.sale__price {
	font-weight: 700;
	font-size: 24px;
	color: #fb2626;
}

.regular__price {
	font-weight: 700;
	font-size: 24px;
}

.weight__price {
	font-size: 24px;
	color: #777;
}

.product__header--stock {
	display: flex;
	align-items: center;
	gap: 15px;
}

.product__header--stock.in-stock:before {
	content: url(/wp-content/themes/brataliv-cheese/assets/images/stock-icon.svg);
	height: 22px;
	width: 22px;
}

.product__header--stock.out-of-stock:before {
	content: url(/wp-content/themes/brataliv-cheese/assets/images/stock-out-icon.svg);
	height: 22px;
	width: 22px;
}

.product__header--stock span {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	color: #777;
}

.product__header--quantity {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	background: var(--grey);
	padding: 11px 30px;
}

.product__header--quantity button {
	background-color: transparent;
	padding: 0 !important;
	width: 24px;
	min-width: 24px;
	height: 24px;
	border: none;
}

.quantity-value {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	color: var(--black);
}

.quantity-value input {
	border: none;
	padding: 0;
	text-align: center !important;
	background: transparent;
	width: 30px;
}

.quantity-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
	background: var(--grey);
	padding: 11px 15px;
}

button.q_dec,
button.q_inc {
	background-color: transparent;
	padding: 0;
	width: 24px;
	min-width: 24px;
	height: 24px;
	z-index: 1;
	border: none;
	cursor: pointer;
}

input.input-text.qty.text {
	min-width: 25px;
	height: 100%;
	pointer-events: none;
	border: none;
	background-color: transparent;
}


.woocommerce .add_to_cart_button,
.top-sales__section .add_to_cart_button {
	width: 100%;
	padding: 10px 20px;
}

.add_to_cart_button.loading {
	position: relative;
	pointer-events: none;
	color: transparent;
}

.add_to_cart_button.loading::after {
	content: '...';
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 3em;
	color: #fff;
	letter-spacing: 2px;
	animation: dots 1.5s steps(3, end) infinite;
}

@keyframes dots {
	0% {
		content: '';
	}

	33% {
		content: '.';
	}

	66% {
		content: '..';
	}

	100% {
		content: '...';
	}
}

.woocommerce a.added_to_cart {
	background: var(--black);
	padding: 15px 30px;
	width: 100%;
	font-family: var(--font-family);
	font-weight: 400;
	line-height: 1;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	padding: 15px 10px;
	font-size: 12px;
	color: #fff;
	transition: all 0.2s, transform 0.064s;
}

.woocommerce .add_to_cart_button.added,
.top-sales__section .add_to_cart_button.added {
	pointer-events: none;
	opacity: 0.5;
}

.woocommerce a.add_to_cart_button:hover,
.woocommerce a.added_to_cart:hover {
	background: var(--yellow);
	color: var(--black);
}

.product__variation-price,
.variations {
	margin-bottom: 20px;
}

.woo-selected-variation-item-name {
	display: none !important;
}

.product__description {
	margin-top: 20px;
}

.product__description a {
	font-style: italic;
}

.product h2 {
	font-size: 48px;
	text-align: center;
}

.product .products-slider-wrap {
	padding: 40px 0;
	margin-top: 0;
}

.products-slide__buttons {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin-top: auto;
}

.products-slide__button,
.product__header--add-to-cart {
	width: 100%;
}

.products-slide__buttons .quantity-container {
	min-width: 160px;
}

.product-articles {
	width: calc(100vw - 0px);
	margin-left: calc(-1*(50vw - 50%));
	background: var(--grey);
	padding: 60px 0px;
}

.product__navigation-wrap {
	display: none;
}

.products-slide__buttons .product__header--quantity {
	padding: 10px 20px;
}

.articles-product {
	background: var(--grey);
	padding: 40px 0px;
}

.articles__button {
	width: fit-content;
	margin: 0 auto;
}

@media screen and (min-width: 1024px) {
	.product .products-slider-wrap {
		padding: 80px 0;
	}

	.product-articles {
		padding: 10px 0 60px 0;
	}

	.product__header--wrap {
		display: grid;
		grid-template-columns: 500px 1fr;
		gap: 30px;
	}

	.product__header--content h1 {
		margin-top: 0;
	}

	.related-products .swiper-wrapper {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 30px;
	}

	.product__main-slider .main-slider__pagination {
		display: none;
	}

	.product__main-slide img {
		/*	height: 500px;*/
	}

	.product__header--block {
		grid-template-columns: 2fr 1fr;
		align-items: center;
	}

	.product__header--block-quantity {
		grid-template-columns: 1fr 1fr;
	}

	.product__header--stock {
		justify-self: flex-end;
	}

	.product__navigation-wrap {
		display: flex;
		align-items: center;
		gap: 40px;
		margin-top: 15px;
		position: relative;
	}

	.product__navigation-wrap.no-slider {
		display: none;
	}

	.swiper-slide-thumb-active {
		border: 4px solid #ffcc00;
	}

	.product__navigation-wrap .main-slider__button-prev,
	.product__navigation-wrap .main-slider__button-next {
		position: relative;
		top: auto;
		min-width: 50px;
		margin-top: 0;
	}

	.product__navigation .product__navigation-slide {
		object-fit: cover;
		cursor: pointer;
	}

	.woocommerce a.added_to_cart {
		font-size: 14px;
	}
}

@media screen and (min-width: 1200px) {
	.product__header--wrap {
		grid-template-columns: 560px 1fr;
		gap: 60px;
	}

	.product__header--block {
		grid-template-columns: 1fr 1fr;
	}

	.related-products .swiper-wrapper {
		gap: 60px;
	}

}

@media screen and (min-width: 1400px) {
	.main-slider {
		max-width: 100%;
	}

	.product__navigation-wrap .main-slider__button-prev {
		left: 0;
	}

	.product__navigation-wrap .main-slider__button-next {
		right: 0;
	}
}

/**********************************Archive product*************************************/
.archive-products__section {
	padding: 40px 0;
}

.product-taxonomy {
	display: grid;
	grid-template-columns: 1fr;
	gap: 25px;
}

.taxonomy__filter {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.product-sort {
	position: relative;
}

.product-sort__header {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 30px;
}

.product-sort__wrap {
	position: relative;
}

.product-sort__title {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	color: #777;
}

.product-sort__toggler {
	display: flex;
	align-items: center;
	gap: 10px;
	border: 1px solid var(--grey);
	padding: 15px 10px;
	cursor: pointer;
}

.product-sort__toggler:after {
	content: url(/wp-content/themes/brataliv-cheese/assets/images/arrow-sort.svg);
	bottom: 2px;
	position: relative;
}

.product-sort__toggler span {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 12px;
	text-align: center;
	color: var(--black);
}

.product-sort__content {
	background: var(--grey);
	padding: 15px;
	max-height: 0;
}

.products__sort-form {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.categories-tag {
	display: flex;
	gap: 10px;
	align-items: center;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

a.categories-tag:hover:before,
.categories-tag.active:before {
	background: var(--yellow);
}

.sort-form__label {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	display: flex;
	align-items: center;
	gap: 15px;
	text-align: center;
	color: var(--black);
	cursor: pointer;
}

.sort-form__label:before {
	content: "";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 15px;
	min-width: 15px;
	height: 15px;
	background: #f1efe8;
	transform: rotate(45deg);
}

.sort-form__label:hover,
.sort-form__item input:checked+label {
	font-weight: 700;
}

.sort-form__label:hover:before,
.sort-form__item input:checked+label:before {
	background: var(--yellow);
}


.products__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 50px;
	margin-top: 10px;
}

@media screen and (min-width: 500px) {
	.product-sort__toggler {
		padding: 15px 25px;
	}

	.product-sort__toggler span {
		font-size: 16px;
	}
}

@media screen and (min-width: 768px) {
	.products__grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (min-width: 1024px) {
	.taxonomy__filter {
		flex-direction: row;
		justify-content: space-between;
	}

	.product-taxonomy {
		display: flex;
		padding: 0;
	}

	.product-sort__content {
		position: absolute;
		z-index: 9999;
		width: 100%;
	}

	.toggle__content.product-sort__content.active {
		margin: 0 0 10px 0;
	}

	.products__grid {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

/**********************************FAQ*************************************/
.taxonomy-faq,
.taxonomy-seo {
	padding: 40px 0;
}

.faq__content-wrap {
	display: grid;
	grid-template-columns: 1fr;
	gap: 25px;
	grid-auto-rows: auto;
	align-items: start;
}

.faq__list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}

.faq__item {
	padding: 10px 20px;
	background: var(--grey);
	cursor: pointer;
}

.faq__title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	font-family: var(--font-family);
	font-weight: 700;
	font-size: 20px;
	color: #000;
}

.faq__arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	min-width: 24px;
	overflow: hidden;
}

.faq__arrow:before {
	content: url(/wp-content/themes/brataliv-cheese/assets/images/faq-icon-vertical.svg);
	display: block;
	position: absolute;
	top: 4px;
	height: 24px;
	-webkit-transition: opacity 0.2s ease-in 0.3s, -webkit-transform 0.3s ease-in;
	transition: opacity 0.2s ease-in 0.3s, transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
	-o-transition: opacity 0.2s ease-in 0.3s, transform 0.3s ease-in;
}

.faq__title.active .faq__arrow:before {
	transform: translateY(30px);

}

.faq__arrow:after {
	content: url(/wp-content/themes/brataliv-cheese/assets/images/faq-icon-horizontal.svg);
	display: block;
}

@media screen and (min-width: 1024px) {
	.faq__content-wrap {
		grid-template-columns: 1fr 1fr;
	}
}

/**********************************Custom block*************************************/
.taxonomy-seo h2 {
	text-align: center;
}

.taxonomy-seo h3 {
	font-family: var(--font-family);
	text-align: left;
}

.taxonomy-seo p {
	color: #777;
}

.toggle__content {
	display: flex;
	flex-direction: column;
	gap: 10px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	overflow: hidden;
	margin-top: 0;
	height: 0;
	opacity: 0;
	pointer-events: none;
}

.toggle__content.active {
	margin: 15px 0 10px 0;
	opacity: 1;
	pointer-events: all;
}

.custom-list {
	padding: 20px 30px;
	background: var(--grey);
	background-repeat: no-repeat;
	background-position: top right;
	margin: 1em 0;
}


.mini-cart__wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 39px;
	height: 39px;
	background: var(--grey);
	transform: rotate(45deg);
	cursor: pointer;
	margin-left: auto;
}

.mini-cart__wrap:hover,
.mini-cart__wrap.active {
	background: var(--yellow);
}

.mini-cart__button {
	margin-top: 5px;
	transform: rotate(315deg);
}

.count-top {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 12px;
	text-align: center;
	color: var(--black);
	width: 16px;
	height: 16px;
	display: inline-block;
	position: absolute;
	top: -8px;
	left: 10px;
}

.added_to_cart.wc-forward {
	display: none !important;
}

.mini-cart {
	-webkit-transition: .35s opacity ease, .35s -webkit-transform cubic-bezier(.165, .84, .44, 1);
	transition: .35s opacity ease, .35s -webkit-transform cubic-bezier(.165, .84, .44, 1);
	-o-transition: .35s transform cubic-bezier(.165, .84, .44, 1), .35s opacity ease;
	top: 10%;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	box-shadow: 0 10px 25px rgb(0 0 0 / 10%);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	margin: 10px;
	z-index: 99;
	right: 0%;

}

.mini-cart-container.open .mini-cart {
	opacity: 1;
	visibility: visible;
	-webkit-backface-visibility: visible;
}

.mini-cart {
	padding: 30px 20px;
}

.mini-cart__header-title {
	display: block;
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 36px;
	text-align: center;
	color: #000;
	margin-bottom: 25px;
}

.mini-cart-close {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.mini-cart-close::before,
.mini-cart-close::after {
	content: '';
	position: absolute;
	top: 10px;
	display: block;
	width: 24px;
	height: 2px;
	background: #777;
}

.mini-cart-close::before {
	transform: rotate(45deg);
}

.mini-cart-close::after {
	transform: rotate(-45deg);
}

.mini-cart__list-item {
	display: flex;
	gap: 15px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dashed var(--black);
}

.mini-cart__list-item:last-child {
	border-bottom: 1px solid var(--black);
}

.cart-item__img img {
	width: 110px;
	min-width: 110px;
	height: 110px;
}

.cart-item__content {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.cart-item__content a {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	color: #000;
	text-decoration: none;
}

.cart-item__content input.input-hide {
	display: none;
}

.cart-item__content span {
	font-size: 18px;
	font-weight: 700;
}

.cart-item__content span.cart__q_value {
	font-size: 14px;
	font-weight: 400;
}

.cart-item__remove {
	align-self: center;
	margin-left: auto;
}

.woocommerce .cart-item__remove a:hover {
	background: none;
}

.mini-cart__total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}

.mini-cart__buttons {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

#mini-cart .button.wc-forward,
#mini-cart .checkout.wc-forward {
	display: block;
	background: var(--black);
	padding: 15px 30px;
	border: none;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	transition: all 0.2s, transform 0.064s;
	cursor: pointer;
	text-decoration: none;
}

#mini-cart .button.wc-forward:hover,
#mini-cart .checkout.wc-forward:hover {
	background: var(--yellow);
	color: var(--black);
}

@media screen and (min-width: 1024px) {
	.mini-cart {
		top: 100px;
	}

	.cart-item__content a {
		font-size: 18px;
	}
}

.test_1 {
	margin: 0 auto;
	display: block;
	position: relative;
	text-align: center;
	font-size: 16px;
	padding: 300px 0;
}


/**********************************Home block*************************************/

.home-articles {
	padding: 40px 0px;
}

.partner-form__section {
	padding: 40px 0px;
	background: var(--grey);
	margin-bottom: 15px;
}

.partner-form__title {
	display: block;
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 30px;
	margin-bottom: 30px;
	color: #000;
}

.partner-form__description {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 17px;
	color: #000;
}

.form-partner {
	margin-top: 50px;
}

.form-partner .form-field input[type=text],
.form-partner .form-field input[type=email] {
	background: transparent;
	border: none;
	border-bottom: 1px solid #777;
	padding: 15px 30px;
}

.form-partner .form-field input[type=text]:focus,
.form-partner .form-field input[type=email]:focus,
.form-partner .form-field input[type=text]:focus-visible,
.form-partner .form-field input[type=email]:focus-visible {
	outline: none;
	box-shadow: none;
}

.form-partner .contact__button {
	width: fit-content;
	margin: 30px auto auto;
}

.partner-form__images--wrap {
	display: block;
	position: relative;
	width: calc(100vw - 0px);
	margin-left: calc(-1*(50vw - 50%));
	margin-bottom: 30px;
	margin-top: 30px;
	overflow: hidden;
}

.partner-form__images {
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: center;
	transform: rotate(45deg);
	padding: 100px 0;
}

.partner-form__img {
	margin: -25px;
	width: 300px;
	height: 300px;
}

.partner-form__images img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
	transition: 0.3s;
	transform: rotate(315deg);
}

.partner-form__img:nth-of-type(odd) {
	justify-self: end;
}

@media screen and (min-width: 1024px) {
	.partner-form__section .container {
		display: grid;
		grid-template-columns: 1fr 1.5fr;
		align-items: center;
		gap: 50px;
		height: 600px;
		overflow: hidden;
	}

	.partner-form__images--wrap {
		width: 100%;
		margin-left: auto;
	}
}

.front__page .main-slider-wrap {
	max-width: 1180px;
	padding: 0 20px;
	margin-inline: auto;
}

.front__page .main-slider-wrap {
	max-width: 1180px;
	padding: 0 20px;
	margin-inline: auto;
}



.statistics__section {
	background: var(--yellow);
	padding: 40px 0px;
}

.statistics__items {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 40px;
}

.statistics__item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.statistics__item--value {
	font-family: var(--second-family);
	font-weight: 700;
	font-size: 96px;
	line-height: 1;
	text-align: center;
	color: #000;
}

.statistics__item--name {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	color: #000;
}

@media screen and (min-width: 1024px) {
	.statistics__section {
		padding: 80px 0px;
	}

	.statistics__section>.container {
		display: flex;
		justify-content: space-between;
	}

	.statistics__items {
		flex-direction: row;
		gap: 80px;
	}
}

.top-sales__section {
	padding: 40px 0px;
}

@media screen and (min-width: 1024px) {
	.top-sales__section {
		padding: 80px 0px;
	}
}


.home-slider__slide .container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 50px;
	position: absolute;
	top: 200px;
	left: 50%;
	transform: translate(-50%, -50%);
}

.home-slider img {
	width: 100%;
	object-fit: cover;
	height: 700px;
}

.home-slider__title {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 48px;
	line-height: 1;
	text-align: center;
	color: #000;
}

.home-slider__button {
	background: var(--white);
	padding: 10px 35px;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color: var(--black);
}

.home-slider__button:hover {
	background: var(--yellow);
	color: var(--black);
}

@media screen and (min-width: 550px) {
	.home-slider__button {
		font-size: 20px;
	}
}

@media screen and (min-width: 768px) {
	.home-slider__slide .container {
		top: 300px;
	}

	.home-slider img {
		height: 800px;
	}

	.home-slider__title {
		font-size: 52px;
	}
}

@media screen and (min-width: 1024px) {
	.home-slider__title {
		width: 80%;
	}
}

@media screen and (min-width: 1990px) {
	.home-slider img {
		object-fit: contain;
	}
}

@media screen and (min-width: 1200px) {

	.home-slider__slide::before,
	.home-slider__slide::after {
		content: "";
		position: absolute;
		top: 0;
		width: 30%;
		height: 100%;
		z-index: 2;
		pointer-events: none;
		background: linear-gradient(to right, #f4f4f4 30%, transparent 100%);
	}

	.home-slider__slide::after {
		right: 0;
		background: linear-gradient(to left, #f4f4f4 30%, transparent 100%);
	}

	.home-slider__slide::before {
		left: 0;
	}
}

@media screen and (min-width: 2200px) {
	.home-slider__slide::before {
		background: linear-gradient(to right, #f4f4f4 50%, transparent 100%);
	}

	.home-slider__slide::after {
		background: linear-gradient(to left, #f4f4f4 50%, transparent 100%);
	}
}

.home-category__section {
	position: relative;
	z-index: 9;
	padding: 0 0 40px 0;
}

.home_category__items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	justify-content: center;
	padding: 0px 50px;
	margin-top: -50px;
}

.home_category__item {
	height: 100%;
	transition: 0.3s;
	background: var(--grey);
	margin: -10px;
	width: 100px;
	height: 100px;
	outline: 10px solid #ffffff;
	text-decoration: none;
	transform: rotate(45deg);
}

.home_category__item:hover {
	background: var(--yellow);

}

.home_category__item-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	padding-top: 0px;
	transform: rotate(315deg);
	height: 100%;
}

.home_category__image {
	object-fit: cover;
}

.home_category__name {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	color: #000;
}

@media screen and (max-width: 480px) {
	.home_category__item:nth-child(1) {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}

	.home_category__item:nth-child(3) {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
	}

	.home_category__item:nth-child(2) {
		grid-column: 3 / 4;
		grid-row: 2 / 3;
	}

	.home_category__item:nth-child(4) {
		grid-column: 2 / 3;
		grid-row: 3 / 4;
	}
}

@media screen and (min-width: 380px) {
	.home_category__item {
		width: 105px;
		height: 105px;
	}
}

@media screen and (min-width: 400px) {
	.home_category__item {
		width: 110px;
		height: 110px;
	}
}

@media screen and (min-width: 440px) {
	.home_category__item {
		width: 120px;
		height: 120px;
	}
}

@media screen and (min-width: 470px) {
	.home_category__item {
		width: 125px;
		height: 125px;
	}
}



@media screen and (min-width: 481px) {

	.home_category__items {
		display: grid;
		grid-template-columns: 1fr 1fr;
		justify-content: center;
		transform: rotate(45deg);
		padding: 0px 50px;
		margin-top: -35px;
	}

	.home_category__item {
		height: 100%;
		transition: 0.3s;
		background: var(--grey);
		margin: 10px;
		width: 90px;
		height: 90px;
		outline: 15px solid #ffffff;
		text-decoration: none;
		transform: rotate(0deg);
	}

	.home_category__item:nth-of-type(odd) {
		justify-self: end;
	}

	.home_category__item-wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 5px;
		padding-top: 0px;
		padding-right: 0px;
		transform: rotate(315deg);
	}

	.home_category__name {
		font-size: 14px;
	}
}

@media screen and (min-width: 550px) {
	.home_category__item {
		margin: 10px;
		width: 110px;
		height: 110px;
	}
}

@media screen and (min-width: 768px) {
	.home_category__item {
		margin: 15px;
		width: 140px;
		height: 140px;
	}

	.home_category__name {
		font-size: 16px;
	}
}

@media screen and (min-width: 1024px) {
	.home_category__items {
		margin-top: -80px;
	}

	.home_category__item {
		width: 180px;
		height: 180px;
	}
}

@media screen and (min-width: 1200px) {
	.home_category__items {
		margin-top: -25px;
	}

	.home_category__item {
		width: 200px;
		height: 200px;
	}
}

@media screen and (min-width: 1400px) {
	.home_category__items {
		margin-top: 0px;
	}
}


/**********Pop-up***********/

.popup-block,
.popup-cart,
.popup-form {
	contain: strict;
	position: fixed;
	z-index: 10150;
	inset: 0;
	display: none;
	place-items: center;
	padding: 20px;
	background-color: rgb(48 48 48 / 15%);
	overflow-y: auto;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	opacity: 0;
	transition: opacity 0.2s 0.064s;
}

.popup-block.active,
.popup-cart.active,
.popup-form.active {
	opacity: 1;
}

.popup__close-win {
	position: absolute;
	inset: 0;
}

.popup__close-btn {
	box-sizing: content-box;
	position: absolute;
	top: 15px;
	right: 15px;
	width: 20px;
	height: 20px;
	border: 5px solid transparent;
	background-color: transparent;
	cursor: pointer;
}

.popup__close-btn::before,
.popup__close-btn::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: var(--white);
	transform: rotateZ(45deg);
}

.popup-cart .popup__close-btn::before,
.popup-cart .popup__close-btn::after,
.popup-form .popup__close-btn::before,
.popup-form .popup__close-btn::after {
	background-color: #777;
}

.popup__close-btn::after {
	transform: rotateZ(-45deg);
}

.popup-form__container {
	contain: content;
	position: relative;
	transform: translateY(50%) scale(0.5);
	transition: transform 0.4s 0.016s;
}

.form-popup__container {
	contain: content;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 50px;
	background: var(--white);
	padding: 15px;
	width: 100%;

}

.popup-block.active .popup-form__container,
.popup-form.active .popup-form__container {
	transform: none;
}

.popup__content {
	position: absolute;
	top: 40px;
	padding: 0 25px;
}

.popup__content-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
}

.popup__title {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 40px;
	line-height: 1.2;
	text-align: center;
	color: #fff;
}

.popup__svg {
	position: absolute;
	z-index: 1;
	overflow: visible;
}

.popup__diamond--content {
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: center;
	position: relative;
	z-index: 2;
	margin-top: 35px;
	width: 155px;
	height: 155px;
}

.popup__sale {
	font-family: var(--second-family);
	font-weight: 700;
	font-size: 36px;
	line-height: 1;
	text-align: center;
	color: #f00;
}

.popup__button {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	padding: 5px 25px;
	background: var(--black);
	text-decoration: none;
}

.popup-cart__container {
	contain: content;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 50px;
	background: var(--white);
	padding: 15px;
}

.popup-cart__title {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 36px;
	text-align: center;
	color: #000;
	width: 80%;
}

.popup-cart__buttons {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.popup-form__fieldset {
	margin-top: 40px;
}

.popup-form__title.title-1 {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 28px;
	text-align: center;
	color: #000;
	margin-bottom: 25px;
}

@media screen and (min-width: 768px) {
	.popup__content {
		top: 15px;
		width: 50%;
	}

	.popup__title {
		font-size: 48px;
	}

	.popup__sale {
		font-size: 64px;
	}

	.popup__button {
		font-size: 16px;
		padding: 10px 30px;
	}

	.popup__svg {
		width: 299px;
		height: 299px;
	}

	.popup__diamond--content {
		margin-top: 75px;
		width: 299px;
		height: 299px;
	}

	.form-popup__container {
		width: fit-content;
		padding: 15px 100px 50px;
	}
}

@media screen and (min-width: 1024px) {
	.popup__content {
		top: 70px;
	}
}



/*Корзина*/
.cart__wrap {
	display: grid;
	gap: 15px;
}

.update_cart {
	display: none !important;
}

.cart-table {
	border-collapse: collapse;
	margin-top: 0;
	background-color: transparent !important;
	border-collapse: collapse;
	border: none;
	margin: 12px 0 0;
	border-radius: 0;
	counter-reset: my-counter;
	width: 100%;
}

.cart-table__item {
	display: grid;
	grid-template-columns: 1fr;
	position: relative;
}

.cart-table__item td {
	padding: 9px 0;
}

.cart-table__item .product-header {
	display: flex;
	justify-content: space-between;
	padding: 9px 0;
	border-top: 0;
}

.product-header__title {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	opacity: 0.5;
	padding-right: 30px;
	position: relative;
}

.product-header__title:after {
	counter-increment: my-counter;
	content: "0." counter(my-counter);
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

.product-header__remove:after {
	content: url(/wp-content/themes/child-komanda/assets/img/delete.svg);
	height: 21px;
	width: 21px;
}

.product-thumbnail {
	display: block;
	padding: 0;
	border-top: none;
}

.product-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-info {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	border-top: none;
	text-align: center;
}

.product-before-item {
	text-align: right;
	border-top: 1px solid rgba(0, 0, 0, .1);
	padding: 0px 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.product-before-item::before {
	content: attr(data-title) ": ";
	font-weight: 700;
	float: left;
	text-transform: uppercase;
	opacity: 0.5;
}

.cart-table__item a {
	color: #000;
	text-decoration: none;
}

.cart-table__item .product-subtotal {
	font-weight: 700;
}

.cart-table__item .product-subtotal:before {
	opacity: 1;
}

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

.cart_totals h2 {
	margin-top: 0;
}

.woocommerce-cart .cart-collaterals .cart_totals__table {
	margin-top: 25px;
	text-align: left;
	width: 100%;
}

.cart_totals__table div div {
	padding: 9px 0;
	display: block;
	text-align: right;
}

.cart_totals__table div div::before {
	content: attr(data-title) ": ";
	font-weight: 700;
	float: left;
	text-transform: uppercase;
}

.cart-subtotal,
.shipping {
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, .4);
}

.order-total {
	font-size: 22px;
}

.cart_totals__table .order-total div::before {
	opacity: 1;
}

.wc-proceed-to-checkout {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.cart-form .quantity-container {
	width: 150px;
}

.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button {
	display: block;
	background: var(--black);
	padding: 15px 30px;
	border: none;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	transition: all 0.2s, transform 0.064s;
	cursor: pointer;
	text-decoration: none;

}

.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button:hover {
	background: var(--yellow);
	color: var(--black);
}


.checkout__title {
	position: relative;
	padding-bottom: 25px;
}

.checkout__title:after {
	content: "";
	display: block;
	position: absolute;
	width: 100vw;
	left: -15px;
	bottom: 0;
	border-top: 1px solid rgba(0, 0, 0, .4);
}

.checkout__customer-details {
	width: 100%;
}

.checkout-billing__fields h3,
#order_review_heading {
	font-size: 22px;
}

.checkout-billing__fields-wrapper {
	margin-top: 20px;
}

.woocommerce-table--order-details tfoot {
	text-align: left;
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last {
	width: 100%;
}

.woocommerce form .form-row label {
	font-size: 18px;
	font-weight: 700;
}

.woocommerce-notice--success {
	padding-bottom: 10px;
}

.form-row input {
	border-radius: 25px;
	background: #FFF;
	-moz-appearance: textfield;
	appearance: textfield;
	min-height: 45px;
	padding: 0 20px;
	color: #979696;
}


@media screen and (min-width: 768px) {
	.cart-form .quantity-container {
		width: 200px;
	}

	.cart__wrap {
		gap: 100px;
		grid-template-columns: 1fr 1fr;
	}

	.mini-cart__list-item:last-child {
		border-bottom: 1px dashed var(--black);
	}
}


.checkout-billing__fields h3,
.custom-shipping-row h3,
.woocommerce-checkout-payment h3 {
	font-family: var(--font-family);
	font-weight: 700;
	font-size: 20px;
	color: #000;
	margin: 20px 0;
}

.message-input {
	display: block;
	margin-top: 15px;
}

#shipping_method,
.payment_methods,
.prepayment_inputs {
	display: grid;
	grid-template-columns: 1fr;
	gap: 5px;
}

.prepayment_inputs p+p {
	margin: 0;
}

.woocommerce ul#shipping_method li label,
.payment_methods label,
#prepayment_choice label {
	display: inline;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	color: #777;
}

.shipping_method,
.payment_methods input,
#prepayment_choice input {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.shipping_method+label,
.payment_methods label,
#prepayment_choice label {
	position: relative;
	padding-left: 24px;
	cursor: pointer;
	user-select: none;
}

.shipping_method+label::before,
.payment_methods label::before,
#prepayment_choice label::before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border: 2px solid #f1efe8;
	background-color: #f1efe8;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	transition: background-color .2s, border-color .2s;
}

.shipping_method:checked+label::before,
.payment_methods input:checked+label::before,
#prepayment_choice label:has(input:checked)::before {
	background-color: var(--yellow);
	border-color: var(--yellow);
	;
}

.shipping_method:checked+label,
.payment_methods input:checked+label,
#prepayment_choice label:has(input:checked) {
	color: var(--black) !important;
	font-weight: 700 !important;
}

#order_review_heading {
	margin: 20px 0;
}

.woocommerce .zen-ui-select__value {
	font-family: inherit;
	font-weight: 400;
	letter-spacing: normal;
	padding: .5em;
	display: block;
	background-color: var(--wc-form-color-background, #fff);
	border: var(--wc-form-border-width) solid var(--wc-form-border-color);
	border-radius: var(--wc-form-border-radius);
	color: var(--wc-form-color-text, #000);
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	line-height: normal;
	height: auto;
}

.checkout-review__order-table tbody {
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	color: #000;
}

tr.cart_item {
	display: flex;
	gap: 25px;
	align-items: center;
}

td.product-total {
	font-weight: 700;
	font-size: 18px;
}

.checkout-review__order-table .order-total {
	display: flex;
	font-size: 22px;
	gap: 25px;
}

.woocommerce .woocommerce-checkout #payment {
	background: transparent;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
	display: block;
	background: var(--black);
	padding: 15px 30px;
	border: none;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	transition: all 0.2s, transform 0.064s;
	cursor: pointer;
	text-decoration: none;
	margin-top: 25px;
}

button.button.alt.disabled.disabled-loan {
	display: block;
	background: var(--black) !important;
	padding: 15px 30px;
	border: none;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	transition: all 0.2s, transform 0.064s;
	cursor: pointer;
	text-decoration: none;
	margin-top: 25px;
	float: right;
}



.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
	background: var(--yellow);
	color: var(--black);
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
	padding: 0;
	border: none;
}

.woocommerce-checkout #payment div.form-row {
	padding: 10px 0 0 0;
	border: none;
}

.payment_method_liqpay-webplus label {
	font-family: var(--font-family);
	margin: 20px 0;
}

.woocommerce-checkout #payment ul.payment_methods::before {
	content: none;
}

.woocommerce-error li {
	font-weight: 700;
	text-decoration: none;
	color: var(--yellow);
}

@media screen and (min-width: 768px) {
	.checkout-billing__fields-wrapper {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0 25px;
	}

	#shipping_method,
	.payment_methods,
	.prepayment_inputs {
		grid-template-columns: 250px 1fr;
	}
}


.wd-shipping-progress-bar.wd-style-bordered {
	margin-bottom: 15px;
}

.progress-area {
	width: 100%;
	background-color: #f1f1f1;
	height: 7px;
	border-radius: 8px;
}

.progress-bar {
	background-color: #ffcc32;
	height: 7px;
	border-radius: 8px;
	margin-top: 10px;
	background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	background-size: 15px 15px;
}

.progress-msg-min .amount {

	color: #ffcc32;
	font-weight: 700;
}

.cross__sells {
	display: flex;
	flex-direction: column;
	gap: 0px;
	margin-bottom: 50px;
}

.cart-collaterals__title {
	font-family: var(--second-family);
	font-weight: 600;
	color: #000;
	display: block;
	line-height: 1.5;
	font-size: 24px;
	margin-bottom: 20px;
}

.cart-item__content .main__button {
	color: #fff;
	width: fit-content;
	font-size: 16px;
}

.cart-item__content .main__button:hover {
	color: #000;
}

.woocommerce-message {
	display: none;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.order-button {
	display: block;
	background: var(--black);
	padding: 10px 30px;
	border: none;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	transition: all 0.2s, transform 0.064s;
	cursor: pointer;
	text-decoration: none;
	width: fit-content;
}

.popup-cros__title {
	font-size: 20px;
}

.popup-cros__items {
	display: flex;
	gap: 15px;
}

.popup-cros__items .products-item__img img {
	height: 150px;
	width: 140px;
}

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

.no-popup:disabled {
	pointer-events: none;
	opacity: 0.5;
}

.variant-select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 2px solid #000;
	border-radius: 12px;
	padding: 10px;
	font-size: 16px;
	line-height: 1.5;
	width: 100%;
	max-width: 100%;
	cursor: pointer;
	transition: all 0.3s ease;
}

.variant-select:focus {
	outline: none;
	border-color: #000;
}

.variant-select:hover {
	border-color: #000;
	background-color: #fff;
}

.variant-select {
	background-image: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
	background-repeat: no-repeat;
	background-position: right 1rem center;
	background-size: 1rem;
	padding-right: 3rem;
}

.full_overpayment__wrapper {
	margin-top: 25px;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	color: var(--black);
	padding: 15px;
	background: #ffcc3263;
}

.full_overpayment__title {
	display: block;
	font-weight: 700;
	font-size: 22px;
	margin-bottom: 10px;
}

#load-more {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 50px auto 25px;
	position: relative;
	font-size: 18px;
	line-height: 1em;
	border: none;
	text-decoration: none;
	cursor: pointer;
	padding: 10px 50px;
	font-family: var(--font-family);
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	background: var(--yellow);
	color: var(--black);
}

.warning-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	min-height: 50px;
	padding: 15px 15px;
	background: #fc0;
}

.warning-info__title {
	display: block;
	font-weight: 700;
	line-height: 16px;
	color: #1d1d1b;
	font-size: 16px;
	text-transform: uppercase;
}

.warning-info p {
	display: block;
	color: #1d1d1b;
	line-height: 16px;
	font-size: 14px;
}


.page-text .post-thumbnail img {
	object-fit: cover;
	width: 100%;
	height: 350px;
	border-radius: 25px;
	margin: 0 auto 20px auto;
}

.page-text .list-no-style {
	list-style: none;
	padding-left: 25px;
}

#popup-form-wholesale-trigger {
	margin: 20px auto;
}

.wholesale-wrap {
	margin-bottom: 25px;
}

.wholesale-wrap img {
	border-radius: 10px;
}

.wholesale-form__section {
	padding: 40px 0px;
	background: var(--grey);
	margin-bottom: 15px;
}

.wholesale-form {
	margin: 0 auto;
}

.wholesale-form__title {
	display: block;
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 30px;
	margin-bottom: 30px;
	color: #000;
}

.wholesale-form__description {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 17px;
	color: #000;
	margin-bottom: 15px;
}

.wholesale-form .form-field input[type=text] {
	background: transparent;
	border: none;
	border-bottom: 1px solid #777;
	padding: 15px 30px;
}

.wholesale-form .form-field input[type=text]:focus,
.wholesale-form .form-field input[type=text]:focus-visible {
	outline: none;
	box-shadow: none;
}

.grid-images {
	display: grid;
	grid-template-columns: 1fr;
	gap: 25px;
	margin: 50px 0;
}

.grid-images img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

@media screen and (min-width: 768px) {
	.grid-images {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (min-width: 992px) {
	.wholesale-form {
		width: 50%;
		margin: 0 auto;
	}

	.page-text .post-thumbnail img {
		height: 700px;
	}

	.grid-images {
		grid-template-columns: 1fr 1fr 1fr;
	}
}