@charset "UTF-8";

@font-face {
	font-family: "Inter";
	src: url("../fonts/inter-v20-latin-700.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Inter";
	src: url("../fonts/inter-v20-latin-600.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Inter";
	src: url("../fonts/inter-v20-latin-500.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Inter";
	src: url("../fonts/inter-v20-latin-regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Agdasima";
	src: url("../fonts/Agdasima-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Agdasima";
	src: url("../fonts/Agdasima-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

:root {
	--primary-color: teal;
	--secondary-color: #f5f5f5;
	--text-color: tomato;
	--main-black-292d32: #292d32;
	--main-light-grey-f9f9f9: #f9f9f9;
	--main-light-green-c3ff03: #c3ff03;
	--main-blue-0069dc: #0069dc;
	--main-green-00d4d8: #00d4d8;
	--second-pink-fd9bff-management: #fd9bff;
	--main-white-ffffff: #fff;
}

[data-theme=dark] {
	--primary-color: #000000;
	--secondary-color: #333333;
	--text-color: #ffffff;
}

/*Обнуление*/
* {
	margin: 0;
	padding: 0;
	border: 0;
}

*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

:focus,
:active {
	outline: none;
}

a:focus,
a:active {
	outline: none;
}

nav,
footer,
header,
aside {
	display: block;
}

html,
body {
	height: 100%;
	width: 100%;
	font-size: 100%;
	line-height: 1;
	font-size: 18px;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
	font-family: inherit;
}

input::-ms-clear {
	display: none;
}

button {
	cursor: pointer;
	color: inherit;
}

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

a,
a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: 0;
}

ul li {
	list-style: none;
}

ol li {
	list-style: none;
}

img {
	vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: 400;
}

button {
	background-color: transparent;
	cursor: pointer;
}

span {
	display: inline-block;
}

a {
	display: inline-block;
	color: inherit;
	font-family: inherit;
}

body.lock {
	overflow: hidden;
}

.wrapper {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	min-height: 100%;
	font-family: "Inter";
}

html {
	scroll-behavior: smooth;
}

.main {
	flex: 1 1 auto;
}

.main-custom {
	padding-top: clamp(140px, 9.896vw, 190px);
}

.container {
	max-width: 100vw;
	margin: 0 auto;
	padding: clamp(10px, 1.042vw, 30px);
	width: 100%;
}

@media (min-width: 768px) {
	.container {
		max-width: 100vw;
	}
}

@media (min-width: 1024px) {
	.container {
		max-width: 90.417vw;
	}
}

.pp,
.cp,
.tc {
	padding-top: clamp(40px, 4.167vw, 80px);
	padding-bottom: clamp(60px, 5.729vw, 110px);
}

.btn {
	opacity: 0.9;
	border-radius: 10px;
}

.btn {
	max-width: clamp(216px, 13.646vw, 262px);
	width: 100%;
	opacity: 0.9;
	border-radius: 10px;
	font-weight: 700;
	font-size: clamp(20px, 1.25vw, 24px);
	line-height: 250%;
	text-transform: capitalize;
	text-align: center;
	padding: clamp(8px, 0.521vw, 10px) clamp(12px, 0.781vw, 15px);
	transition: all 0.1s ease-in-out;
}

.btn:hover {
	transform: translateY(-3.5%);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
}

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

.btn--trans {
	border: 1px solid #fff;
	color: #fff;
}

.btn--green {
	background: #438531;
	color: #fff;
}

.btn--white {
	color: #438531;
	border: 1px solid #438531;
}

.btn--trans:hover {
	transform: translateY(-3.5%);
	box-shadow: 0 0 15px rgba(255, 255, 255, 0.6);
}

.default-title {
	font-weight: 700;
	font-size: clamp(25px, 2.865vw, 55px);
	text-transform: capitalize;
	text-align: center;
	margin-bottom: clamp(22px, 1.667vw, 32px);
	font-family: "Agdasima";
}

.default-title--w {
	color: #fff;
}

.default-title--b {
	color: #000;
}

.sub-text {
	font-weight: 500;
	font-size: clamp(18px, 1.458vw, 28px);
	line-height: 160%;
	max-width: clamp(382px, 76.042vw, 1460px);
	margin-bottom: clamp(30px, 2.604vw, 50px);
	text-align: justify;
}

@media (min-width: 1024px) {
	.sub-text {
		text-align: center;
	}
}

.sub-text--w {
	color: #fff;
}

.sub-text--b {
	color: #000;
}

.breadcrumb-wrapper {
	margin-top: clamp(20px, 1.302vw, 25px);
	margin-left: 3px;
}

.breadcrumbs {
	font-weight: 400;
	font-size: clamp(14px, 0.729vw, 14px);
	line-height: 144%;
	text-transform: capitalize;
	color: #fff;
}

.breadcrumbs a {
	text-decoration: none;
}

.breadcrumbs a:hover {
	text-decoration: underline;
}

body .main .wc-block-cart-item__remove-link {
	background: #000 !important;
	text-decoration: none !important;
	color: #fff !important;
	border-radius: 10px !important;
	padding: 0 !important;
	width: 34px !important;
	height: 34px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
	vertical-align: middle !important;
	transition: all 0.1s ease-in-out !important;
}

body .main .wc-block-cart-item__quantity {
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
}

body .main .wc-block-cart-item__remove-link svg {
	display: block !important;
	width: 20px !important;
	height: 20px !important;
}

body .main .wc-block-cart-item__remove-link:hover {
	transform: translateY(-3.5%) !important;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3) !important;
}

.wc-block-components-button {
	background: #000 !important;
	text-decoration: none !important;
	color: #fff !important;
	border-radius: 10px !important;
	padding: 10px !important;
	transition: all 0.1s ease-in-out !important;
}

.wc-block-components-button:hover {
	transform: translateY(-3.5%) !important;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3) !important;
}

.wp-block-woocommerce-cart {
	margin-top: 50px;
}

.woocommerce-EditAccountForm {
	display: flex;
	flex-direction: column;
	gap: 15px;
	max-width: 565px;
}

.woocommerce-EditAccountForm .required {
	color: #d00 !important;
	text-decoration: none;
}

.woocommerce-form-row {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.woocommerce-Input {
	width: 100%;
	display: block;
	background: transparent;
	color: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	font-weight: 400;
	font-size: 16px;
	color: #000;
	padding: 14px 16px;
	line-height: 1.4;
	outline: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.woocommerce-Button {
	margin-top: -10px;
	background: #000 !important;
	text-decoration: none !important;
	color: #fff !important;
	border-radius: 10px !important;
	padding: 15px !important;
	transition: all 0.1s ease-in-out !important;
}

.woocommerce-Button:hover {
	transform: translateY(-3.5%) !important;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3) !important;
}

.woocommerce-MyAccount-navigation {
	margin: clamp(40px, 2.604vw, 50px) 0;
}

.woocommerce-MyAccount-navigation ul {
	display: flex;
	gap: clamp(15px, 1.042vw, 20px);
	overflow-x: scroll;
	padding-bottom: 8px;
}

@media (min-width: 768px) {
	.woocommerce-MyAccount-navigation ul {
		overflow-x: hidden;
	}
}

.woocommerce-MyAccount-navigation ul li a {
	white-space: nowrap;
	font-weight: 600;
	font-size: clamp(15px, 1.042vw, 20px);
	color: #000;
	position: relative;
}

.woocommerce-MyAccount-navigation ul li a:hover {
	opacity: 0.6;
}

.wc-forward {
	max-width: 190px;
}

.woocommerce-MyAccount-content {
	margin-bottom: clamp(60px, 6.25vw, 120px);
}

.woocommerce-MyAccount-content>p {
	margin-bottom: clamp(20px, 1.302vw, 30px);
	line-height: 1.6;
}

.woocommerce-MyAccount-content h3,
.woocommerce-MyAccount-content h2 {
	margin-bottom: clamp(15px, 0.938vw, 20px);
	margin-top: clamp(25px, 1.563vw, 35px);
}

.woocommerce-MyAccount-content h3:first-child,
.woocommerce-MyAccount-content h2:first-child {
	margin-top: 0;
}

.woocommerce-MyAccount-content .woocommerce-Address {
	margin-bottom: clamp(25px, 1.563vw, 35px);
	padding: clamp(15px, 1.042vw, 25px);
	background: #f9f9f9;
	border-radius: 8px;
}

.woocommerce-MyAccount-content .woocommerce-Address-title {
	margin-bottom: clamp(12px, 0.781vw, 18px);
}

.woocommerce-MyAccount-content .woocommerce-Address address {
	line-height: 1.8;
	margin-bottom: clamp(12px, 0.781vw, 18px);
}

.woocommerce-MyAccount-content a {
	color: #438531;
	text-decoration: underline;
	transition: opacity 0.2s ease;
	font-weight: 500;
}

.woocommerce-MyAccount-content a:hover {
	opacity: 0.7;
}

.woocommerce-MyAccount-content .u-columns {
	margin-top: 15px;
	display: flex;
	flex-direction: column;
	gap: clamp(20px, 1.302vw, 30px);
}

.woocommerce-MyAccount-content .woocommerce-address-fields {
	max-width: 565px;
}

.woocommerce-MyAccount-content form h2 {
	margin-top: 0;
	margin-bottom: clamp(20px, 1.302vw, 30px);
	font-size: clamp(24px, 1.458vw, 32px);
	font-weight: 600;
}

.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row {
	margin-bottom: clamp(18px, 1.146vw, 25px);
}

.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row label {
	margin-bottom: 8px;
	display: block;
	font-weight: 500;
}

.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row label .required {
	color: #d00;
	text-decoration: none;
}

.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row .optional {
	color: #999;
	font-weight: 400;
}

.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row .woocommerce-input-wrapper {
	display: block;
	width: 100%;
}

.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row input[type=text],
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row input[type=email],
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row input[type=tel],
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row select,
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row textarea {
	width: 100%;
	padding: 12px 16px;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	font-size: 16px;
	line-height: 1.4;
	color: #000;
	background: #fff;
	transition: border-color 0.2s ease;
}

@media (min-width: 768px) {

	.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row input[type=text],
	.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row input[type=email],
	.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row input[type=tel],
	.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row select,
	.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row textarea {
		min-width: 565px;
	}
}

.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row input[type=text]:focus,
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row input[type=email]:focus,
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row input[type=tel]:focus,
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row select:focus,
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row textarea:focus {
	outline: none;
	border-color: #438531;
}

.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row .select2-container,
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row .select2-container--default {
	width: 100% !important;
	max-width: 100% !important;
	display: block !important;
}

@media (min-width: 768px) {

	.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row .select2-container,
	.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row .select2-container--default {
		min-width: 565px !important;
		max-width: none !important;
	}
}

.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row .select2-container .selection,
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row .select2-container--default .selection {
	display: block !important;
	width: 100% !important;
}

.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row .select2-container .select2-selection,
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row .select2-container .select2-selection--single,
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row .select2-container--default .select2-selection,
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row .select2-container--default .select2-selection--single {
	width: 100% !important;
	max-width: 100% !important;
	min-height: 48px !important;
	padding: 12px 16px !important;
	display: flex !important;
	align-items: center !important;
	border: 1px solid #d9d9d9 !important;
	border-radius: 5px !important;
	box-sizing: border-box !important;
}

@media (min-width: 768px) {

	.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row .select2-container .select2-selection,
	.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row .select2-container .select2-selection--single,
	.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row .select2-container--default .select2-selection,
	.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row .select2-container--default .select2-selection--single {
		min-width: 565px !important;
		max-width: none !important;
	}
}

.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row .select2-container .select2-selection__rendered,
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row .select2-container--default .select2-selection__rendered {
	padding: 0 !important;
	line-height: 1.4 !important;
}

.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row .select2-container .select2-selection__arrow,
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row .select2-container--default .select2-selection__arrow {
	height: 100% !important;
	top: 0 !important;
}

.woocommerce-MyAccount-content form button[type=submit],
.woocommerce-MyAccount-content form .button {
	margin-top: clamp(15px, 1.042vw, 25px);
	background: #000 !important;
	color: #fff !important;
	border: none;
	border-radius: 10px;
	padding: 15px 30px !important;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.1s ease-in-out;
}

.woocommerce-MyAccount-content form button[type=submit]:hover,
.woocommerce-MyAccount-content form .button:hover {
	transform: translateY(-3.5%);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.wp-block-woocommerce-checkout {
	padding-top: 35px !important;
	padding-bottom: 35px;
}

.wc-block-checkout__actions.wp-block-woocommerce-checkout-actions-block {
	margin-bottom: 30px;
}

#customer_login {
	margin: clamp(40px, 4.427vw, 85px) 0 clamp(70px, 7.292vw, 140px) 0;
	display: grid;
	grid-template-columns: 1fr;
	column-gap: 20px;
	row-gap: 40px;
	justify-content: center;
}

@media (min-width: 768px) {
	#customer_login {
		grid-template-columns: repeat(2, 1fr);
	}
}

#customer_login .u-column1.col-1 h2,
#customer_login .u-column2.col-2 h2 {
	font-weight: 600;
	font-size: clamp(18px, 1.042vw, 20px);
	color: #000;
	position: relative;
}

#customer_login .woocommerce-form-row {
	display: flex;
	flex-direction: column;
}

#customer_login .woocommerce-form-row label {
	margin-bottom: clamp(8px, 0.417vw, 8px);
	margin-top: clamp(10px, 0.521vw, 10px);
}

#customer_login .woocommerce-Input {
	width: 100%;
	display: block;
	background: transparent;
	color: #000;
	border: 1px solid #000;
	border-radius: 5px;
	font-weight: 400;
	font-size: clamp(14px, 0.833vw, 16px);
	padding: clamp(8px, 0.417vw, 8px);
	line-height: 1.4;
	outline: none;
}

#customer_login button {
	display: block;
	padding: 0;
	margin-top: clamp(10px, 0.521vw, 10px);
}

#customer_login .woocommerce-LostPassword {
	margin-top: clamp(10px, 0.521vw, 10px);
}

#customer_login .woocommerce-LostPassword:hover a {
	text-decoration: underline;
}

#customer_login .woocommerce-privacy-policy-text {
	margin-top: clamp(6px, 0.417vw, 8px);
}

#customer_login .woocommerce-privacy-policy-text p a {
	text-decoration: underline;
}

#customer_login .woocommerce-privacy-policy-text p a:hover {
	text-decoration: none;
}

#customer_login .woocommerce-form-register .woocommerce-form-row {
	margin-bottom: clamp(10px, 0.521vw, 10px);
}

#customer_login .trium-register-terms {
	margin-top: clamp(10px, 0.521vw, 10px);
	margin-bottom: clamp(10px, 0.521vw, 10px);
}

#customer_login .trium-register-terms label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	cursor: pointer;
	line-height: 1.4;
}

#customer_login .trium-register-terms label input[type="checkbox"] {
	margin-top: 3px;
	flex-shrink: 0;
}

#customer_login .trium-register-terms label a {
	text-decoration: underline;
}

#customer_login .trium-register-terms label a:hover {
	text-decoration: none;
}

.woocommerce-account .woocommerce form.woocommerce-ResetPassword.lost_reset_password {
	margin-top: clamp(24px, 2.917vw, 56px);
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
}

.woocommerce-account .woocommerce form.woocommerce-ResetPassword.lost_reset_password p {
	margin-bottom: 16px;
}

.wpcf7-form-control-wrap {
	width: 100%;
}

.wpcf7 form.invalid .wpcf7-response-output {
	text-align: center;
	color: #fff;
}

.contacts__wrapper .wpcf7 form.invalid .wpcf7-response-output {
	color: #000;
}

.wpcf7-spinner {
	display: none;
}

.wpcf7-not-valid-tip {
	margin-top: 6px;
	font-size: 12px;
	font-weight: 400;
	color: #dc3232;
	line-height: 1.3;
}

.pp h1,
.cp h1,
.tc h1 {
	font-weight: 600;
	font-size: clamp(32px, 2.083vw, 40px);
	color: #000;
	margin-bottom: clamp(20px, 1.302vw, 30px);
	margin-top: 0;
}

.pp h2,
.cp h2,
.tc h2 {
	font-weight: 600;
	font-size: clamp(26px, 1.667vw, 34px);
	color: #000;
	margin-bottom: clamp(15px, 1.042vw, 25px);
	margin-top: clamp(30px, 1.823vw, 40px);
}

.pp h3,
.cp h3,
.tc h3 {
	font-weight: 600;
	font-size: clamp(22px, 1.458vw, 30px);
	color: #000;
	margin-bottom: clamp(12px, 0.781vw, 20px);
	margin-top: clamp(25px, 1.563vw, 35px);
}

.pp h4,
.pp h5,
.cp h4,
.cp h5,
.tc h4,
.tc h5 {
	font-weight: 600;
	font-size: clamp(18px, 1.25vw, 26px);
	color: #000;
	margin-bottom: clamp(10px, 0.781vw, 18px);
	margin-top: clamp(20px, 1.302vw, 30px);
}

.pp p,
.tc p,
.cp p {
	font-weight: 400;
	font-size: clamp(18px, 1.042vw, 22px);
	line-height: 1.7;
	color: #000;
	margin-bottom: clamp(18px, 1.146vw, 25px);
	text-align: left;
}

.pp ul,
.tc ul,
.cp ul,
.pp ol,
.tc ol,
.cp ol {
	font-weight: 400;
	font-size: clamp(18px, 1.042vw, 22px);
	line-height: 1.7;
	color: #000;
	margin-bottom: clamp(18px, 1.146vw, 25px);
	padding-left: clamp(30px, 1.823vw, 40px);
}

.pp ul li,
.tc ul li,
.cp ul li {
	list-style-type: disc;
	margin-bottom: clamp(8px, 0.521vw, 12px);
}

.pp ol li,
.tc ol li,
.cp ol li {
	list-style-type: decimal;
	margin-bottom: clamp(8px, 0.521vw, 12px);
}

.pp em,
.tc em,
.cp em {
	font-style: italic;
	opacity: 0.9;
}

.pp strong,
.tc strong,
.cp strong {
	font-weight: 700;
}

.pp a,
.tc a,
.cp a {
	color: #438531;
	text-decoration: underline;
	transition: opacity 0.2s ease;
}

.pp a:hover,
.tc a:hover,
.cp a:hover {
	opacity: 0.7;
}

.wc-block-grid__products .wc-block-grid__product-image img {
	border-radius: 20px;
	object-fit: cover;
	width: 100%;
	height: 100% !important;
	max-width: 535px;
}

.wc-block-cart__empty-cart__title {
	text-align: center;
}

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

.wc-block-grid {
	margin-top: 35px;
}

.course-form__price-input {
	background: transparent;
	font-size: 18px;
	font-weight: 600;
	width: clamp(80px, 6.25vw, 120px);
}

#customer_login .woocommerce-form-register__submit {
	padding: 0 !important;
	background: #438531 !important;
}

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

@media (min-width: 1024px) {
	.woocommerce-info {
		flex-direction: row;
		align-items: center;
	}
}

.header__menu-list>.current_page_item {
	color: #4caf50 !important;
}

.wc-block-cart-items__header-total {
	display: none;
}

.wc-block-cart-item__total {
	display: none;
}

.wc-block-cart-item__image img {
	height: 100%;
	object-fit: cover;
	border-radius: 15px;
	min-width: clamp(105px, 7.813vw, 150px);
}

.is-medium table.wc-block-cart-items .wc-block-cart-items__row,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row,
.is-small table.wc-block-cart-items .wc-block-cart-items__row {
	grid-template-columns: 1fr 2fr !important;
	column-gap: clamp(10px, 0.781vw, 15px);
}

.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image,
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image {
	padding-right: 0 !important;
}

.wc-block-components-totals-fees {
	display: flex;
	flex-direction: column;
	align-items: flex-end !important;
	gap: 10px;
}

.wc-block-components-totals-fees .wc-block-components-totals-item__label {
	font-size: 80%;
	align-self: flex-start;
}

.woocommerce-notices-wrapper {
	display: none;
}

.wc-block-components-product-details__extra {
	margin-bottom: 8px;
}

.wc-block-components-product-details__extra:last-child {
	margin-bottom: 0;
}

#additional_info {
	display: none;
}

.header {
	position: absolute;
	top: 0;
	width: 100%;
	padding-top: clamp(20px, 1.563vw, 30px);
}

.header__body {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.header__logo {
	max-width: clamp(174px, 13.906vw, 267px);
}

.header__inner {
	display: none;
	flex-direction: column;
	gap: clamp(20px, 2.344vw, 45px);
	align-items: center;
}

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

.header__inner.active {
	display: flex;
	position: absolute;
	width: 100%;
	height: 100vh;
	left: 0;
	top: 0;
	background: #000;
	padding-top: clamp(140px, 7.813vw, 150px);
	z-index: 6;
}

.header__email {
	font-weight: 600;
	font-size: clamp(19px, 1.042vw, 20px);
	color: #fff;
	order: 3;
}

@media (min-width: 1024px) and (max-width: 1320px) {
	.header__email {
		font-size: 13px;
	}
}

@media (min-width: 1024px) {
	.header__email {
		order: 1;
	}
}

.header__email:hover {
	opacity: 0.6;
}

.header__menu {
	order: 2;
}

.header__menu ul {
	display: flex;
	gap: clamp(15px, 1.563vw, 30px);
	flex-direction: column;
	align-items: center;
}

@media (min-width: 1024px) and (max-width: 1320px) {
	.header__menu ul {
		gap: 15px;
	}
}

@media (min-width: 1024px) {
	.header__menu ul {
		flex-direction: row;
		align-items: flex-start;
	}
}

.header__menu ul li {
	font-weight: 600;
	font-size: clamp(19px, 1.042vw, 20px);
	color: #fff;
	position: relative;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}

@media (min-width: 1024px) and (max-width: 1320px) {
	.header__menu ul li {
		font-size: 13px;
	}
}

@media (min-width: 1024px) {
	.header__menu ul li {
		text-align: left;
	}
}

.header__menu ul>li:hover>a {
	opacity: 0.6;
}

.header {
	/* Базовое состояние: скрыто */
}

.header .header__menu .sub-menu {
	width: clamp(235px, 17.448vw, 335px);
	position: absolute;
	top: 100%;
	left: -65px;
	z-index: 5;
	margin: 0;
	padding: clamp(10px, 0.781vw, 15px) clamp(10px, 1.042vw, 20px);
	list-style: none;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
	display: none;
	flex-direction: column;
	gap: 10px;
}

@media (min-width: 1024px) {
	.header .header__menu .sub-menu {
		background: #000;
		left: 0;
	}
}

@media (min-width: 1024px) {
	.header .header__menu ul>li:hover>.sub-menu {
		display: flex;
	}
}

@media (hover: hover) and (pointer: fine) {
	.header .header__menu>li:hover>.sub-menu {
		display: flex;
	}
}

.header .header__menu>li.is-open>.sub-menu,
.header .header__menu-list>li:focus-within>.sub-menu {
	display: flex;
}

@media (hover: none) and (pointer: coarse) {
	.header .header__menu>li:hover>.sub-menu {
		display: none;
	}
}

.header {
	/* 1) ФИКС ПОКАЗА ПОДМЕНЮ: селектор под реальную разметку */
}

.header .header__menu-list>li.is-open>.sub-menu,
.header .header__menu ul>li.is-open>.sub-menu {
	display: flex;
	align-items: flex-start;
}

.header {
	/* 2) АНИМАЦИЯ ПОВОРОТА СТРЕЛКИ:
       - по классу на кнопке (мобилка)
       - по :hover / :focus-within на десктопе */
}

.header .submenu-toggle__icon {
	transition: transform 200ms ease;
}

.header .submenu-toggle.is-active .submenu-toggle__icon {
	transform: rotate(180deg);
}

.header {
	/* На всякий: стрелка не перекрашивается темой */
}

.header .submenu-toggle {
	all: unset;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin-left: 7px;
	line-height: 1;
	color: currentColor;
}

.header .submenu-toggle:focus {
	outline: none;
}

.header .submenu-toggle:focus-visible {
	outline: 2px solid rgba(255, 255, 255, 0.6);
	outline-offset: 2px;
}

.header .submenu-toggle:hover,
.header .submenu-toggle:active {
	color: currentColor;
	background: transparent;
}

.header__menu ul .sub-menu li {
	font-size: clamp(15px, 1.042vw, 20px);
	color: #000;
	font-weight: 400;
	text-align: left;
}

@media (min-width: 1024px) and (max-width: 1320px) {
	.header__menu ul .sub-menu li {
		font-size: 11px;
	}
}

@media (min-width: 1024px) {
	.header__menu ul .sub-menu li {
		color: #fff;
	}
}

.header__menu ul li a svg {
	transition: transform 0.5s ease;
	display: none;
}

@media (min-width: 992px) {
	.header__menu ul li a svg {
		display: inline;
	}
}

.header__menu ul li:hover a svg {
	transform: rotate(180deg);
	transition: transform 0.5s ease;
}

.header__wrapper {
	display: flex;
	gap: clamp(25px, 1.563vw, 30px);
	order: 1;
}

@media (min-width: 1024px) {
	.header__wrapper {
		order: 3;
	}
}

.header__auth:hover,
.header__cart:hover {
	opacity: 0.6;
}

.header__cart {
	position: relative;
}

.header__badge {
	background: #438531;
	border-radius: 50%;
	color: #fff;
	font-size: 0.5rem;
	font-weight: 700;
	height: 2em;
	line-height: 2em;
	position: absolute;
	right: -1.1em;
	text-align: center;
	top: -0.5em;
	width: 2em;
}

.header__burger {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 24px;
	height: 24px;
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
}

@media (min-width: 1024px) {
	.header__burger {
		display: none;
	}
}

.header__burger span {
	display: block;
	height: 2px;
	width: 20px;
	background-color: #fff;
	border-radius: 2px;
	transition: all 0.3s ease;
}

.header__burger.open {
	border-radius: 100%;
	border: 1px solid var(--color);
	align-items: center;
	background: #44ab28;
}

.header__burger.open span {
	background-color: #000;
}

.header__burger.open {
	z-index: 7;
}

@media (min-width: 1024px) {
	.header__burger.open {
		z-index: 0;
	}
}

.header {
	/* Анимация превращения в крестик */
}

.header__burger.open span:nth-child(1) {
	transform: translateY(8px) rotate(45deg);
}

.header__burger.open span:nth-child(2) {
	opacity: 0;
}

.header__burger.open span:nth-child(3) {
	transform: translateY(-6px) rotate(-45deg);
}

.header__logo-wrapper {
	z-index: 7;
}

@media (min-width: 1024px) {
	.header__logo-wrapper {
		z-index: 0;
	}
}

.header__cart-wrapper {
	border-left: 2px solid #000;
	position: fixed;
	overflow-x: scroll;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #000;
	transform: translateX(100%);
	transition: transform 0.5s;
	z-index: 7;
}

@media (min-width: 1024px) {
	.header__cart-wrapper {
		width: 23%;
	}
}

.header__cart-wrapper.active {
	transform: translateX(0%);
}

.header__cart-inner {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/*height: 718px;*/

	height: 100dvh;
}

/*@media (min-width: 768px) {*/
/*  .header__cart-inner {*/
/*    height: 730px;*/
/*  }*/
/*}*/
/*@media (min-width: 1024px) {*/
/*  .header__cart-inner {*/
/*    height: 765px;*/
/*  }*/
/*}*/
.header .close-button {
	position: absolute;
	top: 3.5px;
	right: 15px;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	cursor: pointer;
	transition: color 0.2s;
}

.header .close-button:hover {
	color: #888;
}

.header__cart-top {
	padding-top: 30px;
	background-color: #fff;
	width: 100%;
	border-bottom: 2px solid #eee;
}

.header__cart-body {
	margin: clamp(5px, 0.521vw, 10px) clamp(5px, 0.26vw, 5px);
	background-color: #f8f9fa;
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: clamp(8px, 0.521vw, 10px);
}

.header__cart-item {
	box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.1019607843);
	background-color: #fff;
	border-radius: 8px;
	display: flex;
	gap: clamp(7px, 0.521vw, 10px);
	padding: clamp(5px, 0.26vw, 5px);
}

.header__cart-item img {
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
	max-width: clamp(100px, 6.25vw, 120px);
}

.header__cart-item-name {
	font-weight: 600;
	font-size: clamp(14px, 0.833vw, 16px);
	line-height: 130%;
	text-transform: uppercase;
	color: #000;
}

.header__cart-item-inner {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: clamp(195px, 14.583vw, 280px);
}

.header__cart-right {
	align-self: flex-end;
	display: flex;
	align-items: center;
	margin-left: auto;
	max-width: 30px;
}

.header__cart-right-del {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	color: #333;
	transition: color 0.2s;
}

.header__cart-right-del:hover {
	opacity: 0.8;
}

.header__cart-right-del svg {
	display: block;
}

.header__cart-bottom {
	background-color: #fff;
	box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1019607843);
	padding: 10px;
	margin-top: auto;
}

.header__cart-bottom-btns {
	display: flex;
	flex-direction: row;
	gap: 10px;
}

.header__cart-bottom .total {
	margin-bottom: 10px;
}

.header__cart-bottom-btns a {
	background: #000;
	width: 100%;
	text-align: center;
	color: #fff;
	border-radius: 10px;
	padding: 10px;
	transition: all 0.1s ease-in-out;
}

.header__cart-bottom-btns a:hover {
	transform: translateY(-3.5%);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.header-custom {
	padding-bottom: clamp(15px, 1.563vw, 30px);
}

.footer {
	background: #000;
}

.footer__body {
	display: flex;
	flex-direction: column;
	gap: clamp(40px, 6.771vw, 130px);
	padding: clamp(50px, 4.688vw, 90px) 0 clamp(25px, 2.344vw, 45px) 0;
}

.footer__contact-title {
	font-family: "Agdasima";
	font-weight: 700;
	font-size: clamp(30px, 1.875vw, 36px);
	text-transform: capitalize;
	color: #fff;
	margin-bottom: 20px;
	text-align: center;
}

@media (min-width: 1024px) {
	.footer__contact-title {
		text-align: left;
	}
}

.footer__top {
	display: flex;
	flex-direction: column;
	gap: clamp(50px, 8.594vw, 165px);
}

@media (min-width: 1024px) {
	.footer__top {
		flex-direction: row;
		align-items: center;
	}
}

.footer__left {
	flex: 1;
	display: inherit;
	gap: clamp(40px, 4.427vw, 85px);
	flex-direction: column;
	order: 2;
}

@media (min-width: 768px) {
	.footer__left {
		flex-direction: row;
	}
}

@media (min-width: 1024px) {
	.footer__left {
		flex-direction: column;
		order: 1;
	}
}

.footer__info {
	display: flex;
	flex-direction: column;
	font-weight: 600;
	font-size: clamp(20px, 1.042vw, 20px);
	line-height: 200%;
	color: #fff;
	text-align: center;
}

@media (min-width: 768px) {
	.footer__info {
		text-align: left;
	}
}

.footer__info a:hover {
	opacity: 0.6;
}

.footer__info-text {
	color: #fff;
}

.footer .footer__menu {
	color: #438531;
}

.footer .footer__menu-list {
	display: flex;
	flex-direction: column;
	gap: clamp(10px, 1.042vw, 20px);
}

.footer .footer__menu .menu-item:hover {
	color: #4CAF50;
}

.footer__contact {
	flex: 3;
	order: 1;
}

@media (min-width: 1024px) {
	.footer__contact {
		order: 2;
	}
}

.footer__bottom {
	display: grid;
	grid-template-columns: 1fr;
	justify-items: center;
	gap: clamp(15px, 1.042vw, 20px);
}

@media (min-width: 1024px) {
	.footer__bottom {
		justify-items: flex-start;
		grid-template-columns: repeat(3, 1fr);
	}
}

.footer__text {
	font-weight: 400;
	font-size: clamp(14px, 0.833vw, 16px);
	color: #fff;
}

.footer__text:hover {
	opacity: 0.6;
}

.footer__text span {
	color: #438531;
}

@media (min-width: 1024px) {
	.footer__link {
		margin-left: auto;
	}
}

.footer__bottom-inner {
	display: flex;
	gap: clamp(10px, 1.042vw, 20px);
}

@media (max-width: 768px) {
	.footer .footer__menu {
		text-align: center;
	}
}

.contact__form {
	display: block;
}

.contact__form .contact__grid {
	display: grid;
	grid-template-columns: 1fr;
	column-gap: clamp(10px, 0.729vw, 14px);
	row-gap: clamp(10px, 0.729vw, 14px);
	margin-bottom: clamp(20px, 1.302vw, 25px);
}

@media (min-width: 768px) {
	.contact__form .contact__grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.contact__form .field {
	display: block;
}

.contact__form .field--full {
	grid-column: 1/-1;
}

/* скрываем label визуально, оставляя для a11y */
.contact__form .field__label {
	position: absolute !important;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	width: 1px;
	height: 1px;
	overflow: hidden;
	white-space: nowrap;
}

.contact__form .field__control {
	width: 100%;
	display: block;
	background: transparent;
	color: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	padding: 14px 16px;
	line-height: 1.4;
	outline: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.contact__form .field__control::placeholder {
	color: #cfd3d8;
	text-transform: uppercase;
	letter-spacing: 0.6px;
}

.contact__form .field__control--area {
	min-height: 160px;
	resize: vertical;
}

.contact__form .field__control:focus {
	border-color: var(--border-focus);
	box-shadow: 0 0 0 2px rgba(159, 184, 199, 0.2);
}

.contact__form .field__control:user-invalid {
	border-color: #d16a6a;
}

.contact__form .contact__footer {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: clamp(20px, 1.042vw, 20px);
}

@media (min-width: 768px) {
	.contact__form .contact__footer {
		flex-wrap: wrap;
	}
}

@media (min-width: 1024px) {
	.contact__form .contact__footer {
		flex-direction: row;
		gap: clamp(5px, 1.563vw, 30px);
	}
}

.contact__form .btn {
	max-width: 180px;
	border-radius: 5px;
	padding: 0;
	order: 2;
	cursor: pointer;
}

@media (min-width: 1024px) {
	.contact__form .btn {
		order: 1;
	}
}

.contact__form .contact__note {
	font-weight: 400;
	font-size: clamp(13px, 0.833vw, 16px);
	line-height: 143%;
	text-transform: capitalize;
	text-align: center;
	color: #fff;
	max-width: 620px;
	order: 1;
}

@media (min-width: 1024px) {
	.contact__form .contact__note {
		order: 2;
	}
}

.contact__form .contact__note a {
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-underline-offset: 2px;
}

/* Стили для чекбокса согласия */
.contact__form .wpcf7-acceptance {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 15px;
}

.contact__form .wpcf7-list-item {
	margin: 0;
}

.contact__form .wpcf7-acceptance input[type=checkbox] {
	width: 18px;
	height: 18px;
	min-width: 18px;
	margin: 0;
	appearance: none;
	background: transparent;
	border: 2px solid #d9d9d9;
	border-radius: 3px;
	cursor: pointer;
	position: relative;
	flex-shrink: 0;
	margin-top: 0;
}

.contact__form .wpcf7-acceptance input[type=checkbox]:checked {
	background: #fff;
	border-color: #fff;
}

.contact__form .wpcf7-acceptance input[type=checkbox]:checked::after {
	content: "";
	position: absolute;
	left: 4px;
	top: 1px;
	width: 6px;
	height: 10px;
	border: solid #000;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.contact__form .wpcf7-acceptance input[type=checkbox]:focus {
	outline: 2px solid rgba(159, 184, 199, 0.2);
	outline-offset: 2px;
}

.contact__form .wpcf7-acceptance .wpcf7-list-item label {
	margin: 0;
	display: flex;
	align-items: start;
	gap: 10px;
}

.contact__form .wpcf7-acceptance .wpcf7-list-item-label {
	line-height: 1.4;
	font-size: clamp(13px, 0.833vw, 16px);
	color: #fff;
}

/* адаптив */
.contacts__wrapper .contact__form .field__control {
	border: 1px solid #000;
	color: #000;
}

.contacts__wrapper .contact__form .field__label {
	color: #000;
}

.contacts__wrapper .contact__form .contact__note {
	color: #000;
	line-height: 143%;
}

.contacts__wrapper .contact__form .contact__note {
	text-align: left;
}

.contacts__wrapper .contact__form .contact__footer {
	flex-wrap: nowrap;
}

.contacts__wrapper .contact__form .wpcf7-acceptance input[type=checkbox] {
	border-color: #000;
}

.contacts__wrapper .contact__form .wpcf7-acceptance input[type=checkbox]:checked {
	background: #000;
	border-color: #000;
}

.contacts__wrapper .contact__form .wpcf7-acceptance input[type=checkbox]:checked::after {
	border-color: #fff;
}

.contacts__wrapper .contact__form .wpcf7-acceptance .wpcf7-list-item-label {
	color: #000;
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(41, 45, 50, 0.4);
	z-index: 999;
	justify-content: center;
	align-items: center;
	display: none;
}

.modal__content {
	overflow: scroll;
	border-radius: clamp(25px, 1.302vw, 25px);
	width: clamp(578px, 39.844vw, 765px);
	height: clamp(658px, 41.406vw, 795px);
	background: #000;
	display: flex;
	position: relative;
}

@media (min-width: 768px) {
	.modal__content {
		width: clamp(578px, 39.844vw, 765px);
		height: clamp(658px, 41.406vw, 795px);
	}
}

@media (min-width: 1024px) {
	.modal__content {
		overflow: hidden;
	}
}

.modal .contact__form .contact__grid {
	grid-template-columns: 1fr;
}

.modal .contact__form {
	font-family: "Inter";
}

.modal .contact__form .btn {
	font-family: "Inter";
	order: 2;
	margin: 0 auto;
}

.modal .contact__note {
	font-family: "Inter";
	line-height: 123%;
	order: 1;
}

.modal__content-title {
	font-family: "Agdasima";
	font-weight: 700;
	font-size: clamp(40px, 2.083vw, 40px);
	text-transform: capitalize;
	text-align: center;
	color: #fff;
	margin-bottom: clamp(15px, 0.781vw, 15px);
	margin-top: 75px;
}

@media (min-width: 768px) {
	.modal__content-title {
		margin-top: 75px;
	}
}

@media (min-width: 1024px) {
	.modal__content-title {
		margin-top: 0;
	}
}

.modal__content-body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 clamp(20px, 3.125vw, 60px) clamp(15px, 1.563vw, 30px) clamp(20px, 3.125vw, 60px);
}

@media (min-width: 1024px) {
	.modal__content-body {
		padding: clamp(15px, 1.563vw, 30px) clamp(20px, 3.125vw, 60px);
	}
}

.modal__content-text {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 6.933vw;
	line-height: 123%;
	text-transform: capitalize;
	text-align: center;
	color: var(--main-black-292d32);
}

@media (min-width: 768px) {
	.modal__content-text {
		font-size: 4.167vw;
		line-height: 125%;
	}
}

@media (min-width: 1024px) {
	.modal__content-text {
		font-size: 2.188vw;
		line-height: 124%;
	}
}

.modal__content-img {
	width: 17.067vw;
	height: 17.067vw;
}

@media (min-width: 768px) {
	.modal__content-img {
		width: 8.333vw;
		height: 8.333vw;
	}
}

@media (min-width: 1024px) {
	.modal__content-img {
		width: 3.333vw;
		height: 3.333vw;
	}
}

.modal__content-btn {
	position: absolute;
	right: 2.667vw;
	top: 2.667vw;
}

.modal__content-btn svg {
	width: 6.4vw;
	height: 6.4vw;
}

@media (min-width: 768px) {
	.modal__content-btn svg {
		width: 3.906vw;
		height: 3.906vw;
	}
}

@media (min-width: 1024px) {
	.modal__content-btn svg {
		width: 2.083vw;
		height: 2.083vw;
	}
}

@media (min-width: 768px) {
	.modal__content-btn {
		right: 1.953vw;
		top: 1.953vw;
	}
}

@media (min-width: 1024px) {
	.modal__content-btn {
		right: 1.563vw;
		top: 1.563vw;
	}
}

.modal[data-modal-close=false] {
	display: flex;
}

[data-validate=false] {
	border-color: red;
}

[data-validate=true] {
	border-color: transparent;
}

[data-sent=false] {
	display: flex;
}

[data-sent=true] {
	display: none;
}

[data-sent]+[data-responce] {
	display: none;
}

[data-sent=true]+[data-responce] {
	display: flex;
}

.error__inner {
	padding: 29.333vw 4vw;
	text-align: center;
	font-family: var(--font-family);
	margin: 8vw 4vw;
}

@media (min-width: 768px) {
	.error__inner {
		padding: 7.552vw 3.906vw;
	}
}

@media (min-width: 1024px) {
	.error__inner {
		padding: 3.958vw 1.563vw;
	}
}

.error__inner .error__title {
	font-weight: 500;
	font-size: 41.333vw;
	line-height: 110%;
	color: var(--main-black-292d32);
}

@media (min-width: 768px) {
	.error__inner .error__title {
		font-size: 36.458vw;
	}
}

@media (min-width: 1024px) {
	.error__inner .error__title {
		font-size: 23.438vw;
	}
}

.error__inner .error__subtitle {
	font-weight: 400;
	font-size: 4.267vw;
	max-width: 92vw;
	color: var(--main-black-292d32);
	opacity: 0.3;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.error__inner .error__subtitle {
		font-size: 3.125vw;
		line-height: 133%;
		max-width: 92.188vw;
	}
}

@media (min-width: 1024px) {
	.error__inner .error__subtitle {
		font-size: 1.667vw;
		line-height: 150%;
		max-width: 43.177vw;
	}
}

.error__inner .error__btn {
	white-space: nowrap;
	border-radius: 5.333vw;
	padding: 5.333vw 13.333vw;
	background: #438531;
	font-weight: 600;
	font-size: 5.333vw;
	line-height: 120%;
	text-transform: uppercase;
	color: #fff;
	margin-top: 10.667vw;
	text-decoration: none;
	display: inline-block;
	width: 100%;
	transition: all 0.1s ease-in-out;
}

@media (min-width: 768px) {
	.error__inner .error__btn {
		font-size: 2.604vw;
		padding: 2.604vw 6.51vw;
		margin-top: 7.813vw;
		width: 37.63vw;
		border-radius: 2.474vw;
	}
}

@media (min-width: 1024px) {
	.error__inner .error__btn {
		font-size: 1.042vw;
		padding: 1.042vw 2.604vw;
		margin-top: 3.125vw;
		width: 15.052vw;
		border-radius: 0.99vw;
	}
}

.error__inner .error__btn:hover {
	transform: translateY(-3.5%);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
}

.hero {
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
}

.hero__inner {
	padding-top: clamp(175px, 15.885vw, 305px);
	padding-bottom: clamp(145px, 10.677vw, 205px);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(35px, 3.385vw, 65px);
}

.hero__title {
	font-family: "Agdasima";
	font-weight: 700;
	font-size: clamp(25px, 2.865vw, 55px);
	line-height: 133%;
	text-transform: capitalize;
	text-align: center;
	color: #fff;
	max-width: clamp(320px, 72.917vw, 1400px);
}

@media (min-width: 1024px) {
	.hero__title {
		line-height: 125%;
	}
}

.about-us {
	background: #438531;
}

.about-us__inner {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: clamp(50px, 5.208vw, 100px) 0;
}

.opport {
	background: #f5f5f5;
}

.opport__inner {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: clamp(35px, 3.906vw, 75px) 0;
}

.courses-l__inner {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding-top: clamp(30px, 2.865vw, 55px);
	padding-bottom: clamp(50px, 5.469vw, 105px);
}

.courses-l__subtitle {
	font-weight: 500;
	font-size: clamp(14px, 1.042vw, 20px);
	line-height: 180%;
	text-align: justify;
	color: #000;
}

@media (min-width: 768px) {
	.courses-l__subtitle {
		text-align: center;
	}
}

.courses-l .courses__wrapper {
	margin-top: clamp(30px, 3.125vw, 60px);
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(20px, 1.563vw, 30px);
}

@media (min-width: 768px) {
	.courses-l .courses__wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.courses-l .courses__wrapper {
		grid-template-columns: repeat(3, 1fr);
	}
}

.courses-l .courses__wrapper--home {
	grid-template-columns: 1fr;
}

.course__card {
	display: flex;
	flex-direction: column;
	gap: clamp(15px, 1.51vw, 29px);
}

.course__card-top {
	position: relative;
	width: 100%;
}

.course__card-img {
	width: 100%;
	overflow: hidden;
	border-radius: 20px;
	display: block;
}

.course__card-img img {
	transition: transform 0.3s ease;
	width: 100%;
	min-height: clamp(235px, 17.969vw, 345px);
	border-radius: 20px;
	object-fit: cover;
}

.course__card-img:hover img {
	transform: scale(1.1);
}

.course__card-date {
	padding: clamp(6px, 0.521vw, 10px);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	color: #fff;
	position: absolute;
	top: clamp(15px, 1.302vw, 25px);
	left: 0;
	background: #000;
	opacity: 0.8;
	width: 100%;
	max-width: clamp(200px, 12.917vw, 248px);
}

.course__card-date p {
	font-weight: 700;
	font-size: clamp(13px, 0.833vw, 16px);
	text-transform: uppercase;
	color: #fff;
}

.course__card-content {
	display: flex;
	flex-direction: column;
	/* пусть контент задаёт высоту карточки */
	/* height: 100%; */
}

@media (min-width: 1024px) {
	.course__card-content {
		/* убрана фиксированная высота, чтобы текст и кнопка не вылезали из грида */
		/* height: clamp(215px, vw(215px, $desktop), 215px); */
	}
}

.course__card-title {
	font-weight: 700;
	font-size: clamp(18px, 1.25vw, 24px);
	line-height: 150%;
	text-transform: uppercase;
	color: #000;
	margin-bottom: clamp(10px, 0.781vw, 15px);
}

.course__card-price {
	font-weight: 700;
	font-size: clamp(22px, 1.667vw, 32px);
	color: #438531;
	margin-bottom: clamp(15px, 1.042vw, 20px);
}

.course__card-desc {
	font-weight: 400;
	font-size: clamp(14px, 1.042vw, 20px);
	line-height: 150%;
	color: #000;
	margin-bottom: 10px;
}

.course__card-more {
	margin-top: auto;
	padding: 0;
	max-width: clamp(123px, 9.375vw, 180px);
	font-weight: 700;
	font-size: clamp(13px, 1.042vw, 20px);
	line-height: 300%;
}

.courses__plans .woocommerce-ordering {
	margin-bottom: clamp(15px, 1.042vw, 20px);
	display: none;
}

.course__wrapper {
	display: grid;
	grid-template-columns: 1fr;
	column-gap: clamp(20px, 1.563vw, 30px);
	row-gap: clamp(45px, 4.427vw, 85px);
	margin-bottom: clamp(25px, 2.604vw, 50px);
}

@media (min-width: 768px) {
	.course__wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.course__wrapper {
		grid-template-columns: repeat(3, 1fr);
	}
}

.orderby {
	border-radius: 10px;
	padding: 5px;
	color: #438531;
	background-color: #f5f5f5;
}

.course__card--home {
	max-width: clamp(382px, 76.042vw, 1460px);
}

/* Стили для домашней карточки курса */
@media (min-width: 767px) {
	.course__card--home {
		flex-direction: row;
	}

	.course__card--home .course__card-top {
		max-width: 33%;
		min-width: 300px;
	}

	.course__card--home .course__card-content {
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	.course__card--home .course__card-more {
		margin-top: auto;
	}
}

.about {
	background: #438531;
	margin-top: -15px;
	padding-top: clamp(55px, 5.469vw, 105px);
	padding-bottom: clamp(55px, 5.469vw, 105px);
}

.about__inner {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.about__subtitle {
	max-width: 100% !important;
}

.about ul {
	display: flex;
	flex-direction: column;
	gap: clamp(10px, 0.781vw, 15px);
}

.about ul li {
	list-style-position: inside;
	font-family: "Agdasima";
	list-style-type: disc;
	font-weight: 600;
	font-size: clamp(22px, 1.458vw, 28px);
	line-height: 167%;
	text-transform: capitalize;
	color: #fff;
}

.about ul li::marker {
	color: #fff;
}

.about--services .about__subtitle {
	max-width: 1230px !important;
	margin-bottom: 0;
}

.contacts {
	padding: clamp(40px, 4.167vw, 80px) 0;
}

.contacts__title {
	font-weight: 700;
	font-size: clamp(25px, 2.865vw, 55px);
	text-transform: capitalize;
	text-align: left;
	margin-bottom: clamp(20px, 1.563vw, 30px);
}

.contacts__main {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	gap: clamp(40px, 2.604vw, 50px);
}

@media (min-width: 768px) {
	.contacts__main {
		gap: clamp(10px, 1.042vw, 20px);
	}
}

@media (min-width: 1024px) {
	.contacts__main {
		flex-direction: row;
	}
}

@media (min-width: 1024px) {
	.contacts__wrapper {
		width: 60%;
	}
}

.contacts__info {
	display: flex;
	flex-direction: column;
	font-weight: 600;
	font-size: clamp(20px, 1.042vw, 20px);
	line-height: 164%;
	color: #000;
}

.contacts__info-text {
	color: #000;
}

.contacts__wrapper-title {
	font-weight: 600;
	font-size: clamp(30px, 1.875vw, 36px);
	text-transform: capitalize;
	color: #000;
	margin-bottom: clamp(15px, 1.042vw, 20px);
	text-align: left;
}

.contacts__map {
	margin-top: clamp(50px, 5.208vw, 100px);
}

.contacts__map iframe {
	border-radius: 10px;
	height: clamp(300px, 26.042vw, 500px);
}

.capabilities {
	background: #fff;
	padding: clamp(50px, 4.167vw, 80px) 0;
}

.capabilities__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.capabilities__title {
	font-size: clamp(30px, 3.333vw, 64px);
	margin-bottom: clamp(40px, 3.125vw, 60px);
	text-align: center;
	color: #000;
}

.capabilities__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(20px, 1.563vw, 30px);
	width: 100%;
	max-width: 1200px;
}

@media (min-width: 768px) {
	.capabilities__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: clamp(30px, 2.083vw, 40px);
	}
}

.capabilities__footer {
	margin-top: clamp(40px, 3.125vw, 60px);
	display: flex;
	justify-content: flex-start;
	width: 100%;
	max-width: 1200px;
}

@media (min-width: 768px) {
	.capabilities__footer {
		justify-content: flex-end;
		padding-left: calc(50% + clamp(15px, 1.042vw, 20px));
	}
}

@media (max-width: 767px) {
	.capabilities__footer {
		justify-content: center;
	}
}

.capabilities__footer .btn {
	background: transparent;
	border: 1px solid #2d5a1f;
	color: #2d5a1f;
	transition: all 0.3s ease;
}

.capabilities__footer .btn:hover {
	background: #2d5a1f;
	color: #fff;
}

.capability__item {
	display: flex;
	gap: 15px;
	align-items: flex-start;
}

@media (min-width: 768px) {
	.capability__item {
		gap: 20px;
	}
}

.capability__icon {
	flex-shrink: 0;
	margin-top: 2px;
}

.capability__content {
	flex: 1;
}

.capability__title {
	font-weight: 700;
	font-size: clamp(18px, 1.25vw, 24px);
	line-height: 1.3;
	color: #000;
	text-transform: uppercase;
}

.capability__description {
	font-weight: 400;
	font-size: clamp(18px, 1.25vw, 24px);
	line-height: 1.5;
	color: #000;
	margin: 0;
}

.capability__button {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.capability__button .btn {
	background: transparent;
	border: 1px solid #2d5a1f;
	color: #2d5a1f;
	transition: all 0.3s ease;
}

.capability__button .btn:hover {
	background: #2d5a1f;
	color: #fff;
}

.training {
	background: #f5f5f5;
	padding: clamp(50px, 4.167vw, 80px) 0;
}

.training__inner {
	display: flex;
	flex-direction: column;
}

.training__header {
	text-align: center;
	margin-bottom: clamp(40px, 3.125vw, 60px);
}

.training__title {
	font-size: clamp(30px, 3.333vw, 64px);
	margin-bottom: clamp(20px, 1.302vw, 25px);
	color: #000;
}

.training__subtitle {
	max-width: 1180px;
	margin: 0 auto;
	line-height: 1.6;
	color: #000;
}

.training__content {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto;
	gap: clamp(30px, 2.604vw, 50px);
}

@media (min-width: 768px) {
	.training__content {
		grid-template-columns: 1fr 2fr;
		grid-template-rows: 1fr auto;
		gap: clamp(40px, 3.125vw, 60px);
	}
}

.training__image {
	order: 2;
}

@media (min-width: 768px) {
	.training__image {
		order: 1;
		grid-row: 1;
	}
}

.training__img {
	width: 100%;
	height: auto;
	border-radius: 20px;
	display: block;
}

.training__info {
	order: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

@media (min-width: 768px) {
	.training__info {
		order: 2;
		grid-row: 1;
	}
}

.training__info-title {
	font-weight: 700;
	font-size: clamp(20px, 1.667vw, 32px);
	line-height: 1.3;
	color: #000;
	margin-bottom: clamp(20px, 1.563vw, 30px);
}

.training__course {
	display: flex;
	gap: 15px;
	align-items: flex-start;
	margin-bottom: clamp(15px, 1.042vw, 20px);
}

.training__course:last-child {
	margin-bottom: 0;
}

@media (min-width: 768px) {
	.training__course {
		gap: 20px;
	}
}

.training__course-icon {
	flex-shrink: 0;
	margin-top: 2px;
}

.training__course-content {
	flex: 1;
}

.training__course-title {
	font-weight: 700;
	font-size: clamp(18px, 1.25vw, 24px);
	line-height: 1.3;
	color: #000;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.training__course-description {
	font-weight: 400;
	font-size: clamp(18px, 1.25vw, 24px);
	line-height: 1.5;
	color: #000;
	margin: 0;
}

.training__button {
	order: 3;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

@media (min-width: 768px) {
	.training__button {
		grid-column: 2;
		grid-row: 2;
	}
}

.training__button .btn {
	background: #438531;
	color: #fff;
	transition: all 0.3s ease;
}

.training__button .btn:hover {
	background: #2d5a1f;
}

.why-choose {
	background: #438531;
	padding: clamp(50px, 4.167vw, 80px) 0;
}

.why-choose__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.why-choose__title {
	color: #fff;
	font-size: clamp(30px, 3.333vw, 64px);
	margin-bottom: clamp(40px, 3.125vw, 60px);
}

.why-choose__points-wrapper {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(15px, 1.042vw, 20px);
	width: 100%;
	max-width: 1120px;
	margin-bottom: clamp(50px, 3.646vw, 70px);
}

@media (min-width: 768px) {
	.why-choose__points-wrapper {
		grid-template-columns: repeat(2, 1fr);
		gap: clamp(20px, 1.563vw, 30px);
	}
}

.why-choose__point-item {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	text-align: left;
}

@media (min-width: 768px) {
	.why-choose__point-item {
		gap: 20px;
	}
}

.why-choose__point-bullet {
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 0;
	flex-shrink: 0;
	margin-top: 18px;
}

.why-choose__point-text {
	font-family: "Agdasima";
	font-weight: 700;
	font-size: clamp(24px, 1.875vw, 36px);
	line-height: 1.5;
	text-transform: capitalize;
	color: #fff;
	margin: 0;
}

.why-choose__mission {
	text-align: center;
	max-width: 1230px;
}

.why-choose__mission-title {
	font-weight: 700;
	font-size: clamp(20px, 1.563vw, 30px);
	line-height: 1.3;
	color: #fff;
	margin-bottom: clamp(15px, 1.042vw, 20px);
}

.why-choose__mission-text {
	font-weight: 400;
	font-size: clamp(18px, 1.563vw, 30px);
	line-height: 1.5;
	color: #fff;
	margin: 0;
}

.single {
	padding-bottom: clamp(65px, 4.948vw, 95px);
	padding-top: clamp(20px, 1.042vw, 20px);
}

.single__top {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.single__subtitle {
	font-weight: 500;
	font-size: clamp(15px, 1.042vw, 20px);
	line-height: 180%;
	text-align: center;
	color: #000;
}

.single__main {
	display: grid;
	grid-template-columns: 1fr;
	column-gap: clamp(30px, 2.083vw, 40px);
	row-gap: clamp(30px, 2.083vw, 40px);
}

@media (min-width: 1024px) {
	.single__main {
		grid-template-columns: 1fr 2fr;
	}
}

.single__left {
	display: flex;
	flex-direction: column;
	gap: clamp(20px, 1.563vw, 30px);
}

@media (min-width: 768px) {
	.single__left {
		flex-direction: row;
	}
}

@media (min-width: 1024px) {
	.single__left {
		flex-direction: column;
	}
}

.single__img {
	position: relative;
	width: 100%;
	flex: 1;
}

@media (min-width: 768px) {
	.single__img {
		max-width: 550px;
	}
}

@media (min-width: 1024px) {
	.single__img {
		flex: unset;
	}
}

.single__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}

.single__img-date {
	padding: clamp(6px, 0.521vw, 10px);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	color: #fff;
	position: absolute;
	top: clamp(15px, 1.302vw, 25px);
	left: 0;
	background: #438531;
	opacity: 0.9;
	width: 100%;
	max-width: clamp(200px, 12.917vw, 248px);
}

.single__img-date p {
	font-weight: 700;
	font-size: clamp(13px, 0.833vw, 16px);
	text-transform: uppercase;
	color: #fff;
}

.single__details {
	padding: clamp(25px, 1.823vw, 35px) clamp(20px, 2.083vw, 40px);
	background: #f5f5f5;
	border-radius: 20px;
	flex: 1;
}

@media (min-width: 1024px) {
	.single__details {
		flex: unset;
	}
}

.single__details-title {
	font-family: "Agdasima";
	font-weight: 700;
	font-size: clamp(24px, 1.823vw, 35px);
	line-height: 90%;
	color: #438531;
	margin-bottom: clamp(20px, 1.563vw, 30px);
}

.single__details-inner {
	display: flex;
	flex-direction: column;
	gap: clamp(15px, 1.042vw, 20px);
}

.single__details-item {
	position: relative;
	display: flex;
	align-items: flex-start;
	padding-left: 32px;
	gap: 8px;
}

.single__details-item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	width: 24px;
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.single__details-item--duration::before {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16.5C8.3 16.5 7.70833 16.2583 7.225 15.775C6.74167 15.2917 6.5 14.7 6.5 14C6.5 13.3 6.74167 12.7083 7.225 12.225C7.70833 11.7417 8.3 11.5 9 11.5C9.7 11.5 10.2917 11.7417 10.775 12.225C11.2583 12.7083 11.5 13.3 11.5 14C11.5 14.7 11.2583 15.2917 10.775 15.775C10.2917 16.2583 9.7 16.5 9 16.5ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V2H8V4H16V2H18V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V10H5V20Z' fill='%23438531'/%3E%3C/svg%3E");
}

.single__details-item--location::before {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12C12.55 12 13.0208 11.8042 13.4125 11.4125C13.8042 11.0208 14 10.55 14 10C14 9.45 13.8042 8.97917 13.4125 8.5875C13.0208 8.19583 12.55 8 12 8C11.45 8 10.9792 8.19583 10.5875 8.5875C10.1958 8.97917 10 9.45 10 10C10 10.55 10.1958 11.0208 10.5875 11.4125C10.9792 11.8042 11.45 12 12 12ZM12 19.35C14.0333 17.4833 15.5417 15.7875 16.525 14.2625C17.5083 12.7375 18 11.3833 18 10.2C18 8.38333 17.4208 6.89583 16.2625 5.7375C15.1042 4.57917 13.6833 4 12 4C10.3167 4 8.89583 4.57917 7.7375 5.7375C6.57917 6.89583 6 8.38333 6 10.2C6 11.3833 6.49167 12.7375 7.475 14.2625C8.45833 15.7875 9.96667 17.4833 12 19.35ZM12 22C9.31667 19.7167 7.3125 17.5958 5.9875 15.6375C4.6625 13.6792 4 11.8667 4 10.2C4 7.7 4.80417 5.70833 6.4125 4.225C8.02083 2.74167 9.88333 2 12 2C14.1167 2 15.9792 2.74167 17.5875 4.225C19.1958 5.70833 20 7.7 20 10.2C20 11.8667 19.3375 13.6792 18.0125 15.6375C16.6875 17.5958 14.6833 19.7167 12 22Z' fill='%23438531'/%3E%3C/svg%3E");
}

.single__details-item--certification::before {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 18L12 14.95L16 18L14.5 13.05L18.5 10.2H13.6L12 5L10.4 10.2H5.5L9.5 13.05L8 18ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z' fill='%23438531'/%3E%3C/svg%3E");
}

.single__details-plate {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.single__details-plate p {
	font-size: clamp(14px, 1.042vw, 20px);
	line-height: 125%;
	color: #000;
	margin: 0;
}

.single__details-plate p:first-child {
	font-weight: 400;
}

.single__details-plate p:last-child {
	font-weight: 700;
}

.single__text-wrapper {
	display: grid;
	grid-template-columns: 1fr;
	row-gap: clamp(20px, 1.563vw, 30px);
	column-gap: clamp(20px, 1.563vw, 30px);
}

@media (min-width: 768px) {
	.single__text-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.single__text-container {
		justify-self: center;
	}
}

.single__text-container:first-child {
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.single__text-container:first-child {
		grid-column: span 2;
	}
}

.single__text-container h2,
.single h3,
.single h4,
.single h5,
.single h6 {
	font-family: "Agdasima";
	font-weight: 700;
	font-size: clamp(25px, 1.823vw, 35px);
	line-height: 90%;
	color: #438531;
	margin-bottom: clamp(15px, 1.042vw, 20px);
}

.single__text-container p {
	font-weight: 400;
	font-size: clamp(15px, 0.99vw, 19px);
	line-height: 183%;
	color: #000;
}

.single__text-container ul {
	display: flex;
	flex-direction: column;
	gap: clamp(15px, 1.042vw, 20px);
	list-style: none;
	padding-left: 0;
}

.single__text-container ul li {
	font-weight: 400;
	font-size: clamp(15px, 0.99vw, 19px);
	line-height: 163%;
	color: #000;
	position: relative;
	padding-left: clamp(16px, 0.938vw, 18px);
}

.single__text-container ul li::before {
	content: "•";
	color: #000;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 1.3em;
	line-height: 1;
}

.single__related {
	margin-top: clamp(90px, 6.25vw, 120px);
}

.single__related-title {
	margin-bottom: clamp(20px, 1.563vw, 30px);
	font-weight: 600;
	font-size: clamp(24px, 1.875vw, 36px);
	line-height: 75%;
	text-transform: uppercase;
	color: #000;
}

.single__related-wrapper {
	display: grid;
	grid-template-columns: 1fr;
	column-gap: clamp(20px, 1.563vw, 30px);
	row-gap: clamp(20px, 1.563vw, 30px);
}

@media (min-width: 768px) {
	.single__related-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.single__related-wrapper {
		grid-template-columns: repeat(3, 1fr);
	}
}

.single__box {
	background: #f5f5f5;
	border-radius: 20px;
	padding: clamp(15px, 1.563vw, 30px);
	width: 100%;
	margin-bottom: clamp(30px, 2.083vw, 40px);
}

.course-form__row {
	margin-bottom: 16px;
}

.course-form__label {
	font-weight: 600;
	font-weight: 700;
	font-size: clamp(18px, 1.25vw, 24px);
	line-height: 150%;
	color: #000;
}

.course-form__controls {
	margin-top: clamp(5px, 0.26vw, 5px);
	display: flex;
	flex-direction: column;
	gap: clamp(7px, 1.302vw, 25px);
}

@media (min-width: 768px) {
	.course-form__controls {
		flex-direction: row;
		align-items: center;
	}
}

.select {
	position: relative;
	flex: 1;
	width: 100%;
}

/* Обёртка нужна для позиционирования стрелки */
.select {
	position: relative;
	display: block;
}

/* Сам select — максимально «обнуляем» нативный вид */
.select__native {
	display: block;
	width: 100%;
	box-sizing: border-box;
	/* Размеры: поставил фикс, замените на свои clamp() при желании */
	height: 48px;
	padding: 0 44px 0 16px;
	font-family: "Inter";
	border: 1px solid #d9d9d9;
	border-radius: 8px;
	background-color: #fff;
	font-size: clamp(14px, 0.833vw, 16px);
	color: #111;
	/* Убираем нативные стрелки/стили в разных движках */
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: none;
	/* iOS: не делай синий хайлайт и не зумь при tap */
	-webkit-tap-highlight-color: transparent;
	font-size: 16px;
	/* >=16px чтобы iOS не увеличивал масштаб */
	/* Курсор и анимации */
	cursor: pointer;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

/* IE/старый Edge: скрыть встроенную стрелку */
.select__native::-ms-expand {
	display: none;
}

/* Firefox фокус-стили (и общий focus) */
.select__native:focus {
	outline: none;
	border-color: #6bbf59;
	box-shadow: 0 0 0 3px rgba(67, 133, 49, 0.18);
}

/* Disabled */
.select__native:disabled {
	background-color: #f5f5f5;
	color: #888;
	cursor: not-allowed;
}

/* Hover (на десктопах) */
@media (hover: hover) {
	.select__native:hover {
		border-color: #c7c7c7;
	}
}

/* Стрелка: делаем псевдоэлемент вместо отдельного span — так надёжнее */
.select::after {
	content: "";
	position: absolute;
	pointer-events: none;
	/* клики проходят к select */
	top: 50%;
	right: 14px;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 7px solid #666;
	/* цвет стрелки */
}

/* Тёмная тема (по желанию) */
@media (prefers-color-scheme: dark) {
	.select__native {
		background-color: #fff;
		color: #000;
	}

	.select__native:focus {
		border-color: #6bbf59;
		box-shadow: 0 0 0 3px rgba(107, 191, 89, 0.24);
	}

	.select::after {
		border-top-color: #bbb;
	}
}

/* Высокая контрастность — оставляем читаемость */
@media (forced-colors: active) {
	.select__native {
		border: 1px solid ButtonText;
		color: ButtonText;
		background: Canvas;
	}

	.select::after {
		display: none;
	}

	/* системная стрелка и так заметна */
}

/* Маленькие экраны — можно чуть увеличить тап-зону */
@media (max-width: 480px) {
	.select__native {
		height: 52px;
		padding-right: 48px;
	}
}

.select__arrow {
	display: none;
}

.single__main .btn {
	padding: clamp(3px, 0.156vw, 3px) 0;
	height: 100%;
	background: #4f8f3d;
	color: #fff;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	font-weight: 700;
	font-size: clamp(16px, 0.833vw, 20px);
	line-height: 300%;
	text-transform: capitalize;
	text-align: center;
	color: #fff;
}

.btn:hover {
	background: #407131;
}

.course-form__extras {
	display: flex;
	flex-direction: column;
	gap: clamp(8px, 0.521vw, 10px);
}

.course-form__extras legend {
	margin-bottom: clamp(10px, 0.781vw, 15px);
}

.radio {
	display: flex;
	align-items: center;
	gap: clamp(6px, 0.417vw, 8px);
	cursor: pointer;
}

.radio__input {
	display: none;
}

.radio__check {
	width: 16px;
	height: 16px;
	border: 1px solid #d9d9d9;
	border-radius: 50%;
	position: relative;
	background-color: #fff;
}

.radio__input:checked+.radio__check {
	border-color: #4f8f3d;
}

.radio__input:checked+.radio__check::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	background: #4f8f3d;
	border-radius: 50%;
}

.radio__label {
	font-weight: 500;
	font-size: clamp(14px, 0.833vw, 16px);
	line-height: 125%;
	color: #000;
}

/*# sourceMappingURL=style.css.map */



/* ============ WooCommerce: Thank you / Order received page ============ */
/* Работает для /checkout/order-received/... и страницы просмотра заказа */

.woocommerce-order,
.woocommerce-order-received .woocommerce {
	max-width: 1120px;
	margin: 0 auto;
	padding-top: 20px;
}

.woocommerce-order .woocommerce-notice,
.woocommerce-order-received .woocommerce-notice {
	background: #eafff0;
	border: 1px solid rgba(0, 0, 0, .08);
	border-left: 4px solid #1f9d57;
	color: #0b3d1f;
	padding: 14px 16px;
	border-radius: 12px;
	margin: 0 0 18px;
	font-weight: 600;
}

/* Контейнеры секций как карточки */
.woocommerce-order .woocommerce-order-overview,
.woocommerce-order .woocommerce-order-details,
.woocommerce-order .woocommerce-customer-details {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: 16px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
	padding: 18px 18px;
	margin: 16px 0;
}

/* Заголовки */
.woocommerce-order h2,
.woocommerce-order h3 {
	margin: 0 0 14px;
	font-size: 20px;
	line-height: 1.2;
}

.woocommerce-order a {
	text-decoration: none;
}

.woocommerce-order a:hover {
	text-decoration: underline;
}

/* Верхний блок "Order number / Date / Email / Total / Payment method" */
.woocommerce ul.order_details {
	display: grid;
	grid-template-columns: repeat(5, minmax(140px, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
	box-shadow: none;
}

.woocommerce ul.order_details li {
	margin: 0;
	padding: 12px 12px;
	border: 1px solid rgba(0, 0, 0, .06);
	border-radius: 12px;
	background: rgba(0, 0, 0, .02);
	font-size: 13px;
	line-height: 1.35;
	text-transform: none;
}

.woocommerce ul.order_details li strong {
	display: block;
	margin-top: 6px;
	font-size: 15px;
	color: #111;
	word-break: break-word;
}

/* Таблица заказа */
.woocommerce table.shop_table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0;
	font-size: 14px;
	overflow: hidden;
	border-radius: 12px;
	border: 1px solid rgba(0, 0, 0, .08);
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	padding: 12px 12px;
	border-top: 1px solid rgba(0, 0, 0, .06);
	vertical-align: top;
}

.woocommerce table.shop_table thead th {
	text-align: left;
	border-top: 0;
	background: rgba(0, 0, 0, .03);
	font-weight: 700;
}

.woocommerce table.shop_table td.product-name a {
	font-weight: 700;
}

.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td {
	text-align: left;
	background: rgba(0, 0, 0, .02);
	font-weight: 700;
}

/* Адрес/данные клиента */
.woocommerce .woocommerce-customer-details address {
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: 12px;
	padding: 14px 14px;
	line-height: 1.55;
	background: rgba(0, 0, 0, .02);
}

/* Кнопки (если есть "Pay", "View order", "Back to shop") */
.woocommerce-order .button,
.woocommerce-order a.button,
.woocommerce-order button.button {
	border-radius: 12px;
	padding: 12px 16px;
	font-weight: 700;
}

/* ============ Responsive ============ */
@media (max-width: 991px) {
	.woocommerce ul.order_details {
		grid-template-columns: repeat(2, minmax(140px, 1fr));
	}
}

@media (max-width: 575px) {
	.woocommerce ul.order_details {
		grid-template-columns: 1fr;
	}

	.woocommerce table.shop_table th,
	.woocommerce table.shop_table td {
		padding: 10px 10px;
	}
}