/*!
Theme Name: fluffyfavpets
Theme URI: http://underscores.me/
Author: pprintdim
Author URI: https://pprintdim.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: fluffyfavpets

Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

fluffyfavpets is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
	display: block;
}

h1 {
	font-weight: 700;
	font-size: 66px;
	line-height: 90px;
}

h2,
h3 {
	font-weight: 600;
	font-size: 36px;
	line-height: 49px;
}

@media (max-width: 1080px) {
	h1 {
		font-size: 54px;
		line-height: 1.2;
	}
}

@media (max-width: 520px) {
	h1 {
		font-size: 32px;
		line-height: 1.1;
	}
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

:root {
    --swiper-theme-color: #2897AB;
}

:root .darkmod {
    --swiper-theme-color: #000;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

p:empty {
	display: none;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Fonts
--------------------------------------------- */
@font-face {
    font-family: 'Montserrat';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('assets/fonts/Montserrat-Light.ttf') format('truetype');
}

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

@font-face {
    font-family: 'Montserrat';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('assets/fonts/Montserrat-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url('assets/fonts/Montserrat-SemiBold.ttf') format('truetype');
}

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

/* Icons
   ========================================================================== */
@font-face {
  font-family: 'star';
  src:  url('assets/fonts/icons/stars/star.eot?ugsg4t');
  src:  url('assets/fonts/icons/stars/star.eot?ugsg4t#iefix') format('embedded-opentype'),
        url('assets/fonts/icons/stars/star.ttf?ugsg4t') format('truetype'),
        url('assets/fonts/icons/stars/star.woff?ugsg4t') format('woff'),
        url('assets/fonts/icons/stars/star.svg?ugsg4t#star') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



/* Other
	 ========================================================================== */

body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.2;
	color: #464F5E;
	font-size: 16px;
	background: #FAF9FF;
}

button {
	background: transparent;
	border: unset;
	outline: unset;
	display: block;
	padding: 0;
}

ul,
ol {
	margin: 0;
	padding: 0;
}

a {
	display: block;
	text-decoration: unset;
}

button,
a {
	cursor: pointer;
}

section {
	margin-bottom: 72px;
}

main {
	margin-top: 80px;
}

@media (max-width: 767px) {
	main {
		margin-top: 100px;
	} 
}

@media (max-width: 520px) {
	section {
		margin-bottom: 50px;
	}
}

@media (max-width: 430px) {
	section {
		margin-bottom: 30px;
	}
}

/* Components
	 ========================================================================== */
.pagination {
	margin-top: 30px;
}
.pagination .screen-reader-text {
	display: none;
}
.pagination .nav-links {
	display: flex;
	gap: 0 12px;
	align-items: center;
	justify-content: center;
}

.pagination .nav-links .page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: transparent;
	border-radius: 50%;
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2;
	color: #101F38;
	cursor: pointer;
}

.pagination .nav-links .page-numbers.next,
.pagination .nav-links .page-numbers.prev {
	display: none;
}

.pagination .nav-links .page-numbers.current {
	background: #EBEBEB;
	cursor: default;
}

.pagination .nav-links .page-numbers:not(.current):hover {
	background: #53BFD1;
	color: #FFFFFF;
}

.wpcf7-form-control-wrap.cf7sr-recaptcha .wpcf7-not-valid-tip {
	display: none!important;
}

/* Start Loading */

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.loading > * {
    opacity: 0;
}

.loading:before {
  content: '';
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #FFFFFF;
}

.loading:after {
  content:'';
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  position: absolute;
  width: 40px;
  height: 40px;
  border: 4px solid #F8F8F8;
  border-radius: 50%;
  border-top-color: #0F172C;
  animation: spin 1s ease-in-out infinite;
  z-index: 11;
}

.btn-loading {
  position: relative;
  display: flex;
  gap: 0 10px;
  transition: gap .4s;
}

.btn-loading:after {
  content:'';
  width: 14px;
  height: 14px;
  border: 2px solid #F8F8F8;
  border-radius: 50%;
  border-top-color: #0F172C;
  animation: spin 1s ease-in-out infinite;
  z-index: 11;
  background-image: unset!important;
}

/* End Loading */

.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output {
	display: none;
}

.wpcf7-not-valid-tip {
	font-size: 13px;
	margin-top: 6px;
}


.breadcrumbs {
	padding: 28px 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0 4px;
}

.breadcrumbs {
	font-weight: 400;
	font-size: 14px;
	line-height: 19px;
}

.breadcrumbs a {
	color: #803DF3;
	font-weight: 600;
}

.breadcrumbs > * {
	font-size: inherit;
	list-style-position: inherit;
	font-weight: inherit;
}

.breadcrumb_last {
	color: #803DF3;
	cursor: pointer;
	font-weight: 600;
}

.darkmod .breadcrumb_last {
	color: #000000;
}

.sku-sticker,
.sale-sticker,
.new-sticker {
	width: fit-content;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
	gap: 10px;
	height: 30px;
	border-radius: 8px;
	
	font-size: 14px;
	line-height: 19px;
	
	text-transform: uppercase;
}

.sku-sticker {
	color: #959595;
	background: #EDEDED;
}

.new-sticker {
	color: #23314E;
	font-weight: 600;
	background: #CAE6E9;
}

.sale-sticker {
	color: #23314E;
	font-weight: 600;
	background: #CAE6E9;
}

.swiper-container {
	display: flex;
	position: relative;
	overflow: hidden;
}

.swiper-wrapper {
	align-items: stretch;
}

.swiper-prev,
.swiper-next {
	position: absolute;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #D9EAEC;
	z-index: 11;
}

.darkmod .swiper-prev,
.darkmod .swiper-next {
	background: #000000;
}

.swiper-prev {
	left: 0;
	transform: translateY(-50%);
}

.swiper-next {
	right: 0;
	transform: translateY(-50%) scale(-1,1);
}

.swiper-prev:hover,
.swiper-next:hover {
	background-color: #2897AB;
}


.darkmod .swiper-prev:hover,
.darkmod .swiper-next:hover {
	background-color: #000000;
}

.swiper-prev:after,
.swiper-next:after {
	content: '';
	width: 7px;
	height: 14px;
	background-size: 7px 14px;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg width='7' height='14' viewBox='0 0 7 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.81601 1.08675L1.43683 6.55232C1.31886 6.67157 1.25269 6.83255 1.25269 7.0003C1.25269 7.16805 1.31886 7.32903 1.43683 7.44828L6.81485 12.9139C6.93276 13.0338 6.99883 13.1953 6.99883 13.3636C6.99883 13.5318 6.93276 13.6933 6.81485 13.8133C6.75724 13.8724 6.6884 13.9194 6.61236 13.9514C6.53633 13.9835 6.45464 14 6.37212 14C6.28961 14 6.20792 13.9835 6.13189 13.9514C6.05585 13.9194 5.987 13.8724 5.9294 13.8133L0.551387 8.3489C0.197994 7.98898 3.28042e-07 7.50472 3.05993e-07 7.0003C2.83944e-07 6.49588 0.197994 6.01162 0.551387 5.6517L5.9294 0.187289C5.98702 0.128023 6.05594 0.0809123 6.13208 0.0487433C6.20823 0.0165742 6.29005 -2.74947e-07 6.37271 -2.7856e-07C6.45537 -2.82173e-07 6.53719 0.0165742 6.61333 0.0487432C6.68947 0.0809122 6.75839 0.128023 6.81601 0.187289C6.93393 0.307281 7 0.468784 7 0.637017C7 0.80525 6.93393 0.966754 6.81601 1.08675Z' fill='%2318616F'/%3E%3C/svg%3E%0A");
}

.darkmod .swiper-prev:after,
.darkmod .swiper-next:after {
	filter: brightness(0) invert(1);
}

.swiper-prev:hover:after,
.swiper-next:hover:after {
	background-image: url("data:image/svg+xml,%3Csvg width='7' height='14' viewBox='0 0 7 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.81601 12.9133L1.43683 7.44768C1.31886 7.32843 1.25269 7.16745 1.25269 6.9997C1.25269 6.83195 1.31886 6.67097 1.43683 6.55172L6.81485 1.08615C6.93276 0.966155 6.99883 0.804651 6.99883 0.636418C6.99883 0.468185 6.93276 0.306681 6.81485 0.186689C6.75724 0.127602 6.6884 0.0806434 6.61236 0.0485808C6.53633 0.0165183 6.45464 -2.82141e-07 6.37212 -2.78534e-07C6.2896 -2.74927e-07 6.20792 0.0165183 6.13189 0.0485809C6.05585 0.0806434 5.987 0.127602 5.9294 0.186689L0.551386 5.6511C0.197994 6.01102 -3.28042e-07 6.49528 -3.05993e-07 6.9997C-2.83944e-07 7.50412 0.197994 7.98838 0.551386 8.3483L5.9294 13.8127C5.98702 13.872 6.05594 13.9191 6.13208 13.9513C6.20823 13.9834 6.29005 14 6.37271 14C6.45537 14 6.53719 13.9834 6.61333 13.9513C6.68947 13.9191 6.75839 13.872 6.81601 13.8127C6.93393 13.6927 7 13.5312 7 13.363C7 13.1947 6.93393 13.0332 6.81601 12.9133Z' fill='%23CAE6E9'/%3E%3C/svg%3E%0A");
}

.darkmod .swiper-prev:hover:after,
.darkmod .swiper-next:hover:after {
	filter: brightness(0) invert(1);
} 


.swiper-pagination-bullets {
	display: flex;
	gap: 0 12px;
}

.swiper-pagination-bullets .swiper-pagination-bullet {
	flex: 1 0 30px;
	height: 4px;
	background: #D9D9D9;
	border-color: #D9D9D9;
	padding: 0;
	border-radius: 5px;
	display: block;
	margin: 0;
}

.swiper-pagination-bullets .swiper-pagination-bullet-active {
	background-color: #53BFD1;
	border-color: #53BFD1;
}

.darkmod .swiper-pagination-bullets .swiper-pagination-bullet-active {
	background-color: #000;
	border-color: #000;
}

.container {
	max-width: 100%;
	padding: 0 30px;
}

.main-btn {
	width: fit-content;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px 30px;
	min-height: 45px;
	border-radius: 30px;
	text-align: center;
	font-weight: 600;
	font-size: 15px;
	line-height: 1.1;
	
	border: 1px solid transparent;
	cursor: pointer;
}

.main-btn.border {
	border-color: #D9D9D9;
	color: #0F172C;
	text-transform: capitalize;
}

.main-btn.border:hover {
	background: #2897AB;
	color: #FFFFFF;
	border-color: #2897AB;
}

.main-btn.yellow {
	background: #FFC43A;
	border-color: #FFC43A;
}

.main-btn.blue {
	background: #803DF3;
	border-color: #803DF3;
	border: 2px solid #803DF3;
	box-shadow: 0px 4px 6px rgba(0, 54, 64, 0.15);
	color: #FFF;
	transition: 0.3s;
}
.main-btn.blue:hover{
	color: #FFF75C;
}
.main-btn.charcoal {	
	background: #803DF3;
	border-color: #803DF3;
	border: 2px solid #803DF3;
	box-shadow: 0px 4px 6px rgba(0, 54, 64, 0.15);
	color: #FFF;
	transition: 0.3s;
}
.main-btn.charcoal:hover{
	color: #FFF75C;
}
.darkmod .main-btn.blue,
.darkmod .main-btn.charcoal {
	background: #000000;
	border-color: #000000;
	color: #FFFFFF;
} 

.main-btn.black {
	background: #000000;
	color: #FFFFFF;
}

.main-btn.black:hover {
	background: #FFFFFF;
	box-shadow: 0px 2px 5px rgba(134, 134, 134, 0.25);
	color: #131313;
	border-color: #FFFFFF;
}

.section-title {
	display: block;
	font-weight: 800;
	font-size: 36px;
	line-height: 49px;
	color: #101F38;
	text-align: center;
	text-transform: uppercase;
}
.subscribe .section-title {
	font-family: 'Montserrat', sans-serif;
	display: block;
	font-weight: 800;
	font-size: 50px;
	line-height: 70px;
	color: #101F38;
	text-align: center;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}
.form-wrapper-new{
	position: relative;
	width: 60%;
}
.subscribe .form-group.subscribe p{
	width: 50%;
	margin: 0;
}
.cart-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: #0F172C;
	border-radius: 8px;
	padding: 0;
}
.darkmod .cart-icon {
	background: #000000;
}
.cart-icon:after {
	content: '';
	width: 24px;
	height: 24px;
	background-position: center;
	background-size: 24px;
	background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.5519 11.5L21.8309 9.84C22.0129 8.754 22.1039 8.212 21.8119 7.856C21.5209 7.5 20.9849 7.5 19.9139 7.5H5.08591C4.01491 7.5 3.47891 7.5 3.18791 7.856C2.89591 8.212 2.98791 8.754 3.16891 9.84L4.37291 17.02C4.77191 19.4 4.97091 20.589 5.78591 21.295C6.59991 22 7.77391 22 10.1219 22H12.4999M14.4999 18H22.4999M18.4999 22V14M17.9999 7.5C17.9999 6.04131 17.4205 4.64236 16.389 3.61091C15.3576 2.57946 13.9586 2 12.4999 2C11.0412 2 9.64228 2.57946 8.61083 3.61091C7.57938 4.64236 6.99991 6.04131 6.99991 7.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.cart-icon[data-status="update"]:after {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_158_152)'%3E%3Cpath d='M22.1102 12.3799L22.3902 10.7199C22.5702 9.62988 22.6602 9.08988 22.3702 8.73988C22.0802 8.37988 21.5402 8.37988 20.4702 8.37988H5.6502C4.5802 8.37988 4.0402 8.37988 3.7502 8.73988C3.4602 9.08988 3.5502 9.62988 3.7302 10.7199L4.9302 17.8999C5.3302 20.2799 5.5302 21.4699 6.3502 22.1799C7.1602 22.8799 8.3302 22.8799 10.6802 22.8799H13.0602M18.5602 8.37988C18.5602 6.91988 17.9802 5.51988 16.9502 4.48988C15.9202 3.45988 14.5202 2.87988 13.0602 2.87988C11.6002 2.87988 10.2002 3.45988 9.1702 4.48988C8.1402 5.51988 7.5602 6.91988 7.5602 8.37988' fill='black'/%3E%3Cpath d='M22.1102 12.3799L22.3902 10.7199C22.5702 9.62988 22.6602 9.08988 22.3702 8.73988C22.0802 8.37988 21.5402 8.37988 20.4702 8.37988H5.6502C4.5802 8.37988 4.0402 8.37988 3.7502 8.73988C3.4602 9.08988 3.5502 9.62988 3.7302 10.7199L4.9302 17.8999C5.3302 20.2799 5.5302 21.4699 6.3502 22.1799C7.1602 22.8799 8.3302 22.8799 10.6802 22.8799H13.0602M18.5602 8.37988C18.5602 6.91988 17.9802 5.51988 16.9502 4.48988C15.9202 3.45988 14.5202 2.87988 13.0602 2.87988C11.6002 2.87988 10.2002 3.45988 9.1702 4.48988C8.1402 5.51988 7.5602 6.91988 7.5602 8.37988' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg clip-path='url(%23clip1_158_152)'%3E%3Cpath d='M160 0.133479C157.44 0.493479 154.733 1.44015 151.267 3.20015C145.32 6.20015 138.453 11.0668 129.667 18.5201C117.32 28.9868 100.893 45.1868 83.4535 64.0668C74.6401 73.6268 64.9335 84.5601 57.9468 92.8268C56.7868 94.2135 55.8268 95.3335 55.8135 95.3335C55.8001 95.3335 54.9201 94.8801 53.8668 94.3201C50.4668 92.5335 42.2001 88.4268 39.4935 87.1735C28.1735 81.9601 20.2801 79.2401 14.0001 78.3868C12.2135 78.1468 9.09346 78.2135 7.61346 78.5201C4.62679 79.1601 2.21346 80.9335 1.01346 83.4001C0.320124 84.7868 0.0934577 85.8401 0.0801244 87.5335C0.0667911 88.9335 0.0934577 89.0401 0.506791 89.8935C0.893458 90.6801 1.24012 91.0535 3.64012 93.2801C9.48012 98.7068 15.8935 105.333 20.6135 110.813C31.1735 123.093 42.2801 139.707 55.0001 162.253C57.2401 166.213 58.1201 166.987 60.4001 166.987C61.2801 166.987 61.6801 166.92 62.1601 166.707C63.6668 166.027 64.2668 165.227 65.3335 162.533C67.1335 157.987 70.6401 149.68 72.8668 144.733C90.0001 106.52 110.467 74.1335 134.92 46.5335C141.853 38.7068 147.867 32.5468 159.2 21.6535C168.067 13.1201 169.733 11.1468 170.453 8.25348C171.533 3.88015 167.96 0.240146 162.4 0.0668124C161.56 0.0401457 160.48 0.0668124 160 0.133479Z' fill='black'/%3E%3Cpath d='M23.4383 14.0046C23.3032 14.0262 23.1604 14.0829 22.9775 14.1883C22.6637 14.368 22.3014 14.6596 21.8377 15.1061C21.1863 15.7331 20.3195 16.7035 19.3993 17.8345C18.9343 18.4072 18.4221 19.0622 18.0535 19.5574C17.9922 19.6405 17.9409 19.7076 17.9409 19.7076C17.9409 19.7076 17.8938 19.6804 17.8382 19.6469C17.6588 19.5399 17.2226 19.2938 17.0798 19.2188C16.4825 18.9065 16.066 18.7435 15.7346 18.6924C15.6403 18.678 15.4757 18.682 15.3976 18.7004C15.24 18.7387 15.1127 18.845 15.0494 18.9927C15.0128 19.0758 15.0008 19.1389 15.0001 19.2403C14.9994 19.3242 15.0008 19.3306 15.0226 19.3817C15.043 19.4288 15.0613 19.4512 15.188 19.5846C15.4961 19.9097 15.8345 20.3066 16.0836 20.6349C16.6408 21.3706 17.2268 22.3658 17.898 23.7164C18.0162 23.9537 18.0626 24 18.1829 24C18.2293 24 18.2504 23.996 18.2758 23.9832C18.3553 23.9425 18.3869 23.8946 18.4432 23.7332C18.5382 23.4609 18.7232 22.9632 18.8407 22.6669C19.7447 20.3777 20.8247 18.4376 22.1149 16.7842C22.4808 16.3154 22.7981 15.9463 23.3961 15.2938C23.8639 14.7826 23.9519 14.6644 23.9898 14.491C24.0468 14.2291 23.8583 14.011 23.5649 14.0006C23.5206 13.999 23.4636 14.0006 23.4383 14.0046Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_158_152'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1_158_152'%3E%3Crect width='170.667' height='167.067' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

@media (max-width: 1300.99px) {
	.container {
		padding: 0 24px;
	}
}

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

	.breadcrumbs {
		padding: 20px 0;
	}
}

@media (max-width: 520px) {
	.swiper-prev,
	.swiper-next {
		width: 40px;
		height: 40px;
		display: none;
	}
}

/* Start Color Options */
li[data-option][data-type="color"] {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 42px;
	height: 42px;
	border: 1px solid transparent;
	background-color: transparent;
	cursor: pointer;
}

li[data-option][data-type="color"]  i {
	display: block;
	border-radius: 50%;
	width: 26px;
	height: 26px;
}

li[data-option][data-type="color"]:not(.checked):hover,
li[data-option][data-type="color"].checked {
	border-color: #2897AB;
}

.darkmod li[data-option][data-type="color"]:not(.checked):hover,
.darkmod li[data-option][data-type="color"].checked {
	border-color: #000;
}

li[data-option][data-type="other"] {
	display: flex;
	align-items: center;
	padding: 0 12px;
	height: 30px;
	border: 1px solid #D9D9D9;
	border-radius: 20px;
	text-align: center;
	font-weight: 600;
	font-size: 12px;
	line-height: 19px;
	color: #6F6F6F;
	width: fit-content;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}


li[data-option="true"][data-type="other"] {
	cursor: pointer;
}


li[data-option="false"][data-type="other"] {
	cursor: default;
}

li[data-option][data-type="other"]:not(.checked):hover,
li[data-option][data-type="other"].checked {
	background-color: #2897AB;
	border-color: #2897AB;
	color: #FFFFFF;
}


.darkmod li[data-option][data-type="other"]:not(.checked):hover,
.darkmod li[data-option][data-type="other"].checked{
	background-color: #000;
	border-color: #000;
}


.count-group {
	padding: 8px 12px;
	background: #FFFFFF;
	border: 1px solid #D8D8D8;
	border-radius: 30px;
	display: grid;
	grid-gap: 0 6px;
	align-items: center;
	grid-template-columns: repeat(3,max-content);
}

.count-group__minus,
.count-group__plus {
	background-size: 9px;
	background-position: center;
	background-repeat: no-repeat;
	width: 9px;
	height: 9px;
	display: block;
}

.count-group__plus {
	background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_507_3828)'%3E%3Cpath d='M3.54038 5.08203H0.692383V4.08203H3.54038H5.49238H8.32438V5.08203H5.49238H3.54038Z' fill='%23343232' fill-opacity='0.3'/%3E%3Cpath d='M4.99316 5.63393V8.48193H3.99316V5.63393L3.99316 3.68193V0.849933H4.99316V3.68193V5.63393Z' fill='%23343232' fill-opacity='0.3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_507_3828'%3E%3Crect width='8' height='8' fill='white' transform='translate(0.692383 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.count-group__minus {
	background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_507_3825)'%3E%3Cpath d='M3.54038 5.09998H0.692383V4.09998H3.54038H5.49238H8.32438V5.09998H5.49238H3.54038Z' fill='%23343232' fill-opacity='0.3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_507_3825'%3E%3Crect width='8' height='8' fill='white' transform='translate(0.692383 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.count-group__input {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 15px;
	font-size: 14px;
	line-height: 120%;
	border: unset!important;
	outline: unset!important;
}



/* End Color Options */


/* Mobile Line
	 ========================================================================== */
.mobile-line-wrapper {
	position: fixed;
	z-index: 111;
	left: 0;
	bottom: 0;
	min-height: 60px;
	background: #FFFFFF;
	width: 100%;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03);
}

.mobile-line-wrapper__main-block {
	padding: 12px 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	align-items: center;
	grid-gap: 0 12px;
}

.mobile-line-wrapper__btn svg {
	width: auto;
	height: 24px;
	display: block;
}

.mobile-line-wrapper__btn .count {
	position: absolute;
}

.mobile-line-wrapper__btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px 0;
	font-weight: 500;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.mobile-line-wrapper .btn__count {
	display: none;
	position: absolute;
	right: 2px;
	top: 0;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	color: #E9F9F9;
	text-align: center;
	font-size: 9px;
	line-height: 1;
	font-weight: 400;
	background: #0F172C;
}

.mobile-line-wrapper .btn__count.active {
	display: flex;
}

.mobile-line-wrapper .burger-btn div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	gap: 4px 0;
	position: relative;
}

.mobile-line-wrapper .burger-btn div span,
.mobile-line-wrapper .burger-btn div:after,
.mobile-line-wrapper .burger-btn div:before {
	display: block;
	background: #0F172C;
	height: 2.4px;
	width: 80%;
}

.mobile-line-wrapper .burger-btn div:after,
.mobile-line-wrapper .burger-btn div:before {
	content: '';
}


/* Line banner
	 ========================================================================== */
@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.line-banner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 35px;
    background: #803DF3;
    overflow: hidden;
    display: flex;
    align-items: center;
	z-index:111;
}

.darkmod .line-banner {
	background: #000;
	border-bottom: 1px solid #FFFFFF;
}

.line-banner__wrapper-group {
    display: flex;
    flex: 1;
    white-space: nowrap;
    animation: marquee 16s linear infinite;
}

.line-banner__special-line-wrapper {
    display: flex;
    align-items: center;
}

.line-banner__special-line {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    padding-left: 140px;
}



/* Top Nav
	 ========================================================================== */

.top-nav {
	position: fixed;
	left: 0;
	top: 45px;
	width: 100%;
	background: transparent;
/* 	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03); */
	z-index: 111;
}

.darkmod .top-nav {
	background: #000;
}

.top-nav.fixed {
	top: 45px;
	position: fixed;
}


.top-nav .container {
	position: relative;
}

.top-nav__search-form {
	padding-bottom: 24px;
	width: 100%;
	max-width: 420px;
	margin-left: auto;
	margin-right: auto;
	flex-direction: column;
	align-items: center;
	display: flex;
}

.top-nav .search-form__input-group {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 0 12px;
	border: unset;
	border-radius: 0;
}

.top-nav .search-form__input-group:after {
	content: '';
	width: 32px;
	height: 32px;
	background-size: 32px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.77 16.27L22 21.5M19.1051 10.5798C19.1051 15.0422 15.4996 18.6595 11.0531 18.6595C6.60557 18.6595 3 15.0422 3 10.5808C3 6.11622 6.60557 2.5 11.052 2.5C15.4996 2.5 19.1051 6.11729 19.1051 10.5798Z' stroke='%230F172C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.top-nav .search-form__input {
	padding: 0 12px;
	height: 40px;
	border: 1px solid #DDDDDD;
	border-radius: 16px;
	display: flex;
	align-items: center;
	width: 100%;
	outline: unset;
}

.top-nav__main-block {
	display: grid;
	grid-gap: 0 30px;
	width: 100%;
	min-height: 64px;
	align-items: center;
	grid-template-columns: auto 1fr max-content;
padding-bottom:15px;
}

.top-nav__logo {
	display: block;
}

.top-nav__logo-img {
	display: block;
	max-width: 250px;
	width: 100%;
}

.darkmod .top-nav__logo-img {
	filter: brightness(0) invert(1);
}

.top-nav__menu {
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: center;
	gap: 0 32px;
}

.top-nav__menu li.menu-item {
	display: block;
	position: relative;
}

.top-nav__menu li.menu-item a {
	display: block;
	padding: 4px;
	font-weight: 600;
	font-size: 14px;
	line-height: 14px;
	color: #101F38;
}

.darkmod .top-nav__menu li.menu-item a {
	color: #FFFFFF;
}


.top-nav__right-column {
	display: flex;
	gap: 0 40px;
	align-items: center;
}

.top-nav__buttons-group {
	display: flex;
	gap: 0 12px;
	align-items: center;
}

.top-nav .buttons-group__btn {
	position: relative;
}

.top-nav .buttons-group__btn,
.top-nav .buttons-group__btn svg {
	width: 24px;
	height: 24px;
	display: block;
}

.darkmod .top-nav .buttons-group__btn path {
	stroke: #FFFFFF;
}

.top-nav .buttons-group__btn.open path,
.top-nav .buttons-group__btn:hover path {
	stroke:#803DF3;
}

.top-nav .buttons-group .btn__count {
	display: none;
	position: absolute;
	right: -4px;
	bottom: -4px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	color: #E9F9F9;
	text-align: center;
	font-size: 9px;
	line-height: 1;
	font-weight: 400;
	background: #0F172C;
}

.top-nav .buttons-group .btn__count.active {
	display: flex;
}


.top-nav__lang-group {
	position: relative;
}

.top-nav .lang-group__lang-list {
	position: absolute;
	z-index: 1;
	display: flex;
	gap: 6px 0;
	flex-direction: column;
	align-items: center;
	width: 100%;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	padding: 10px;
	background: #FFFFFF;
	min-width: 70px;
}


.top-nav .lang-group__lang-item {
	display: block;
	font-size: 16px;
	line-height: 22px;
	color: #464F5E;
	text-transform: uppercase;
}

.top-nav .lang-group__lang-item.current-lang {
	display: none;
}

.top-nav .lang-group .lang-item__link {
	display: flex;
	align-items: center;
	gap: 0 6px;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	font-weight: inherit;
	text-transform: inherit;
}

.top-nav .lang-group .lang-item .link__img {
	width: 16px;
	height: 16px;
	object-fit: contain;
	display: block;
}

.top-nav .lang-group__lang-item:hover .link {
	color: #2897AB;
}

.top-nav .lang-group__current-lang {
	display: flex;
	align-items: center;
	gap: 0 4px;
	font-size: 16px;
	line-height: 22px;
	color: #464F5E;
	text-transform: uppercase;
	cursor: pointer;
}
.darkmod .top-nav .lang-group__current-lang {
	color: #FFFFFF;
}

.top-nav .lang-group__current-lang:after {
	content: '';
	width: 13px;
	height: 13px;
	background-size: 13px;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.80183 5.11774L6.28808 8.57599C6.21142 8.65184 6.10793 8.69438 6.00008 8.69438C5.89224 8.69438 5.78875 8.65184 5.71208 8.57599L2.19833 5.11849C2.12119 5.04269 2.01736 5.00021 1.90921 5.00021C1.80105 5.00021 1.69722 5.04269 1.62008 5.11849C1.5821 5.15552 1.55191 5.19979 1.53129 5.24867C1.51068 5.29755 1.50006 5.35007 1.50006 5.40312C1.50006 5.45617 1.51068 5.50868 1.53129 5.55756C1.55191 5.60645 1.5821 5.65071 1.62008 5.68774L5.13308 9.14524C5.36447 9.37244 5.6758 9.49973 6.00008 9.49973C6.32437 9.49973 6.63569 9.37244 6.86708 9.14524L10.3801 5.68774C10.4182 5.6507 10.4485 5.60639 10.4692 5.55744C10.4898 5.50849 10.5005 5.45588 10.5005 5.40274C10.5005 5.3496 10.4898 5.297 10.4692 5.24805C10.4485 5.19909 10.4182 5.15479 10.3801 5.11774C10.3029 5.04193 10.1991 4.99946 10.091 4.99946C9.9828 4.99946 9.87897 5.04193 9.80183 5.11774Z' fill='%230F172C'/%3E%3C/svg%3E%0A");
}

.darkmod .top-nav .lang-group__current-lang:after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.80183 5.11774L6.28808 8.57599C6.21142 8.65184 6.10793 8.69438 6.00008 8.69438C5.89224 8.69438 5.78875 8.65184 5.71208 8.57599L2.19833 5.11849C2.12119 5.04269 2.01736 5.00021 1.90921 5.00021C1.80105 5.00021 1.69722 5.04269 1.62008 5.11849C1.5821 5.15552 1.55191 5.19979 1.53129 5.24867C1.51068 5.29755 1.50006 5.35007 1.50006 5.40312C1.50006 5.45617 1.51068 5.50868 1.53129 5.55756C1.55191 5.60645 1.5821 5.65071 1.62008 5.68774L5.13308 9.14524C5.36447 9.37244 5.6758 9.49973 6.00008 9.49973C6.32437 9.49973 6.63569 9.37244 6.86708 9.14524L10.3801 5.68774C10.4182 5.6507 10.4485 5.60639 10.4692 5.55744C10.4898 5.50849 10.5005 5.45588 10.5005 5.40274C10.5005 5.3496 10.4898 5.297 10.4692 5.24805C10.4485 5.19909 10.4182 5.15479 10.3801 5.11774C10.3029 5.04193 10.1991 4.99946 10.091 4.99946C9.9828 4.99946 9.87897 5.04193 9.80183 5.11774Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}



.top-nav .lang-group.active .current-lang:after {
	transform: scale(1,-1);
}

.top-nav__burger-btn {
	display: none;
}

@media (max-width: 1200px) {
	.top-nav__right-column,
	.top-nav__menu {
		gap: 0 20px;
	}

	.top-nav__menu li.menu-item a {
		font-size: 18px;
	}
}

@media (max-width: 1080px) {
	.top-nav__main-block {
		display: flex;
		gap: 0 30px;
		justify-content: space-between;
	}

	.top-nav__burger-btn {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 24px;
		height: 24px;
		gap: 4px 0;
		position: relative;
	}
	.top-nav__burger-btn span,
	.top-nav__burger-btn:after,
	.top-nav__burger-btn:before {
		display: block;
		background: #0F172C;
		height: 2.4px;
		width: 80%;
	}

	.top-nav__burger-btn.open span {
		display: none;
	}

	.top-nav__burger-btn:after,
	.top-nav__burger-btn:before {
		content: '';
	}

	.top-nav__burger-btn.open:after,
	.top-nav__burger-btn.open:before {
		position: absolute;
	}

	.top-nav__burger-btn.open:after {
		transform: rotate(45deg);
	}
	.top-nav__burger-btn.open:before {
		transform: rotate(-45deg);
	}

	.top-nav__search-form {
		max-width: 100%;
	}
}

@media (max-width: 767px) {
	.top-nav__main-block {
		min-height: 60px;
	}

	.top-nav__logo-img {
		height: 35px;
		width: auto;
	}
}

@media (max-width: 520px) {
	.top-nav__logo-img {
		max-width: 180px;
	}
}

@media (max-width: 430px) {
	.top-nav__logo-img {
		max-width: 150px;
	}

	.top-nav__buttons-group {
		gap: 0 7px;
	}

	.top-nav__right-column {
		gap: 0 15px;
	}
}

/* Mobile menu
	 ========================================================================== */

.mobile-menu-wrapper {
	padding: 20px 30px;
	position: fixed;
	max-width: 320px;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	background: #FFFFFF;
	z-index: 1111;
	right: 0;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03);
}

.mobile-menu-wrapper__main-block {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.mobile-menu-wrapper__menu {
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	gap: 10px 0;
	margin-bottom: 24px;
}

.mobile-menu-wrapper__menu > .menu-item {
	display: block;
}

.mobile-menu-wrapper__menu > .menu-item a {
	display: block;
	font-weight: 600;
	font-size: 16px;
	line-height: 27px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #101F38;
}

.mobile-menu-wrapper .lang-group__lang-list {
	display: flex!important;
	gap: 7px;
	flex-wrap: wrap;
	justify-content: center;
}


.mobile-menu-wrapper .lang-group__lang-list {
	flex-wrap: wrap;
}

.mobile-menu-wrapper .lang-group__lang-item img {
	display: none;
}
.mobile-menu-wrapper .lang-group__lang-item.current-lang,
.mobile-menu-wrapper .lang-group__lang-item {
	display: block;
}

.mobile-menu-wrapper .lang-group__current-lang {
	display: none;
}

.mobile-menu-wrapper .lang-group__lang-item a {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: 0.1em;
	color: #464F5E;
}

.mobile-menu-wrapper .lang-group__lang-item.current-lang a {
	color: #2897AB;
	font-weight: 600;
}

.mobile-menu-wrapper__pay-list {
	margin-top: auto;
	display: flex;
	justify-content: center;
	gap: 0 16px;
}

.mobile-menu-wrapper .pay-list__item {
	display: block;
}

.mobile-menu-wrapper .pay-list__item svg {
	display: block;
	width: 100%;
	height: auto;
}

@media (max-width: 430px) {
	.mobile-menu-wrapper {
		max-width: 100%;
	}
}

/* Search Ajax
	 ========================================================================== */
.top-nav__search-form {
	display: block;
	position: relative;
}

.top-nav .search-form__search-list-wrapper {
	position: absolute;
	top: 100%;
	left: 0;
	background: #FFFFFF;
	width: 100%;
}

.search-form .search-list-wrapper .product-list {
	display: flex;
	gap: 0 12px;
	flex-direction: column;
}

.search-form .search-list-wrapper .product-item {
	display: block;
	width: 100%;
}

.search-form .search-list-wrapper .product-item__thumb {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0 16px;
	padding: 0 16px;
}

.product-item__img {
	display: block;
	width: 80px;
	height: 80px;
	object-fit: contain;
	object-position: center;
}

.search-form .search-list-wrapper .product-item__info {
	display: grid;
	grid-gap: 0 16px;
	align-items: center;
	grid-template-columns: 1fr max-content;
	width: 100%;
}

.search-form .search-list-wrapper .product-item__name {
	display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    color: #23314E;
    max-width: 230px;
    width: 100%;
    overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box; 
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.search-form .search-list-wrapper .product-item__name a {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: inherit;
}

.search-form .search-list-wrapper .product-item__price {
	font-weight: 300;
	font-size: 13px;
	line-height: 23px;
	display: block;
	color: #101F38;
	text-align: right;
}

/* Pr Item
	 ========================================================================== */

.pr-item {
	background: #FFFFFF;
	display: block;
	height: 100%;
	position: relative;

}



.pr-item__wrapper {
	height: 100%;
	padding: 8px 12px;
	display: flex;
	gap: 12px 0;
	flex-direction: column;
	box-sizing: border-box;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.07);
	border-radius: 12px;
	overflow: hidden;
	cursor: pointer;
	border: 1.5px solid transparent;
}



.pr-item .wrapper:hover {
	border-color: #803DF3;
}

.darkmod .pr-item .wrapper:hover {
	border-color: #000;
}

.pr-item__thumb {
	position: relative;
	overflow: hidden;
	display: block;
}

.pr-item__new-sticker,
.pr-item__sale-sticker {
	position: absolute;
	top: 0;
	z-index: 1;
}

.pr-item__sale-sticker {
	right: 0;
}

.pr-item__new-sticker {
	left: o;
}
.pr-item__option-img,
.pr-item__img {
	display: block;
	width: 100%;
	height: 220px;
	object-fit: contain;
	object-position: center;
}

.pr-item__center-group {
	display: flex;
	flex-direction: column;
}

.pr-item__name {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color: #23314E;
}

.pr-item__name a {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	line-height: inherit;
}

.pr-item__rating-group {
	display: flex;
	gap: 0 4px;
	justify-content: flex-start;
	align-items: center;
}

.pr-item .rating-group__rating-list {
	display: flex;
	justify-content: flex-start;
	gap: 0 2px;
	align-items: center;
}

.pr-item .rating-group__rating-list li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 15px;
	height: 15px;
	background-size: 15px;
	background-position: center;
}

.pr-item .rating-group__rating-list li:before {
	font-family: 'star';
	font-style: normal;
	content: '\e900';
  	color: #ddd;
  	font-size: inherit;
}

.pr-item .rating-group__rating-list li.active:before {
	color: #53BFD1;
}

.darkmod .pr-item .rating-group__rating-list li.active:before {
	color: #000;
}




.pr-item .rating-group__rating-list li.latest:before {
  background: linear-gradient(to right, #53BFD1 0%, #53BFD1 var(--percent), #ddd var(--percent), #ddd 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  /* щоб працювало, inline-block чи block */
  display: inline-block;
}

.darkmod .pr-item .rating-group__rating-list li.latest:before {
    background: linear-gradient(to right, #000 0%, #000 var(--percent), #ddd var(--percent), #ddd 100%);
     -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  background-clip: text;
	  text-fill-color: transparent;
 }

.pr-item .text-group__rating-count-text,
.pr-item .text-group__rating-text {
	display: inline-block;
	font-weight: 400;
	font-size: 14px;
	line-height: 19px;
	color: #696969;

}

.pr-item .rating-group__text-group {
	display: flex;
	gap: 0 4px;
}
.pr-item__attr-list,
.pr-item__option-list,
.pr-item__color-list {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.pr-item__attr-list,
.pr-item__option-list {
	flex-direction: column;
}

/*
.pr-item__attr-list {
	flex-direction: column;
	gap: 6px 0;
	margin-top: 15px;
}

.pr-item .attr-list__item {
	padding-left: 16px;
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 19px;
	color: #101F38;
}

.pr-item .attr-list__item * {
	font-size: inherit;
	color: inherit;
	line-height: inherit;
}

.pr-item .attr-list__item strong {
	font-weight: 600;
}

.pr-item .attr-list__item:before {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #3BA6BA;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}*/

.pr-item__center-group {
	display: flex;
	flex-direction: column;
	gap: 12px 0;
}

.pr-item__bottom-group {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: auto;
	margin-bottom: 0;
}

.pr-item__price-block {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0 8px;
	min-height: 25px;
}

.pr-item__no-instock,
.pr-item__price-old {
	font-weight: 300;
	font-size: 17px;
}

.pr-item__no-instock,
.pr-item__price,
.pr-item__price-old,
.pr-item__price-new {
	display: block;
	cursor: default;
	line-height: 1;
}

.pr-item__price,
.pr-item__price-new {
	font-size: 20px;
	font-weight: 500;
}

.pr-item__price-new {
	color: #EB0000;
}

.pr-item__price-old {
	text-decoration-line: line-through;
	color: #101F38;
}
.pr-item__no-instock,
.pr-item__price {
	color: #101F38;
}

.pr-item__no-instock {
	opacity: .7;
}

.pr-item__cart-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: #0F172C;
	border-radius: 8px;
}

.darkmod .pr-item__cart-btn {
	background: #000;
}

@media (max-width: 560px) {
	.pr-item__price, 
	.pr-item__price-old, 
	.pr-item__price-new {
		font-size: 15px;
	}
}

@media (max-width: 520px) {
	.pr-item__price, 
	.pr-item__price-old, 
	.pr-item__price-new {
		font-size: 14px;
	}
}

/* Footer
	 ========================================================================== */
.footer {
	background: #803DF3;
}
.darkmod .footer {
	background: #000;
}
.footer__main-block {
	padding-top: 110px;
	padding-bottom: 60px;
	position: relative;
}

.footer__img-left,
.footer__img-right {
	position: absolute;
	bottom: 0;
}


.footer__img-left {
	left: 0;
}

.footer__img-right {
	right: 0;
}

.darkmod .footer .img-left,
.darkmod .footer .img-right {
	filter: brightness(0) invert(1);
}

.footer__center-column {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 35px 0;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
}
.footer__logo {
	display: block;
}
.footer__logo-img {
	display: block;
	width: 100%;
	max-width: 460px;
	height: auto;
}

.darkmod .footer .logo-img {
    filter: brightness(0) invert(1);
}

.footer__policy-menu {
	display: flex;
	align-items: center;
	gap: 10px 24px;
	flex-wrap: wrap;
	justify-content: center;
}

.footer__policy-menu > li {
	display: block;
}

.footer__policy-menu > li a {
	font-weight: 400;
	font-size: 14px;
	line-height: 19px;
	text-transform: capitalize;
	color: #FFF;
	display: block;
	min-width: max-content;
}

.darkmod .footer__policy-menu > li a {
	color: #FFFFFF;
}

.footer__policy-menu li.current-menu-item a,
.footer__policy-menu li:not(.current-menu-item):hover a {
	color: #FFF75C;
}


.footer__menu {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px 32px;
}

.footer__menu li.menu-item {
	display: block;
}

.footer__menu li.menu-item a {
	padding: 8px;
	display: block;
	font-weight: 600;
    font-size: 20px;
    line-height: 22px;
	letter-spacing: 0.1em;
	text-transform: lowercase;
	color: #fff;
}

.darkmod .footer__menu li.menu-item a {
	color: #FFFFFF;
}


.footer__menu li.menu-item.current-menu-item a,
.footer__menu li.menu-item:not(.current-menu-item):hover a {
	color: #FFF75C;
}
.head-social{
	position:relative;
	margin-right:20px;
}
.head-social .footer__soc-list{
	flex-direction: column;
	background: #fff;
	box-shadow:
	0px 12px 30px rgba(0, 0, 0, 0.10),
	0px 2px 8px rgba(0, 0, 0, 0.06);
	border-radius: 18px;
	padding: 15px 0;
	position:absolute;
	min-width: 165px;
	top:40px;
	right: -30px;
	gap: 10px;
	display:none;
}
.head-social .footer__soc-list li{
	list-style:none;
	padding: 5px 20px;
	transition: 0.3s;
}
.head-social span{
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	cursor: pointer;
	color: #1C0038;
}
.head-social span:hover{
	color: #803DF3;
    border-bottom: 1px solid #803DF3;
}
.head-youtube a {
	font-weight: 600;
	font-size: 14px;
	color: #1C0038;
	text-transform: uppercase;
	cursor: pointer;
	padding-top: 2px;
}
.head-social span:after{
	content: "↓";
    margin-left: 10px;
	display: inline-block;	
	transition: 0.3s;
}
.head-social.open span:after{
	transform: rotate(180deg);
}
.head-social .footer__soc-list li:hover{
	background:#EEE7FD;
}
.head-social .footer__soc-list img{
	filter: invert(1);
}
.head-social .soc_list__item a{
	display: flex;
	gap: 15px;
	color: #464F5E;
	text-decoration: none;
	align-items: center;
	font-size: 14px;
}
.head-social .soc_list__item p{
	margin: 0;
}
.footer__soc-list {
	display: flex;
	justify-content: center;
	gap: 0 10px;
}

.footer__powered {
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 19px;
	text-transform: capitalize;
	color: #fff;
}

.darkmod .footer__powered {
	color: #FFFFFF;
}

.footer .soc_list__item {
	display: block;
}

.footer .soc_list__item a {
	display: block;
}

.footer .soc_list__item img {
	width: 36px;
	height: 36px;
	display: block;
	object-fit: contain;
}

.darkmod .footer .soc_list__item img {
	filter: brightness(0) invert(1);
}

.footer__pay-list {
	display: flex;
	justify-content: center;
	gap: 0 12px;
}
.footer .pay-list__item {
	display: block;
}

.darkmod .footer .pay-list__item {
	background: #FFFFFF;
	border-radius: 10px;
	padding: 7px 10px;
}

.footer .pay-list__item svg {
	display: block;
	width: 40px;
	height: auto;
}

@media (max-width: 1440px) {
	.footer__img-left, 
	.footer__img-right {
		max-width: 18vw;
	}
}

@media (max-width: 520px) {
	.footer__logo-img {
		max-width: 320px;
		width: 100%;
	}

	.footer__main-block {
		padding: 50px 0;
	}

	.footer__menu {
		flex-direction: column;
		align-items: center;
		gap: 10px 0;
	}

	.footer__policy-menu {
		flex-direction: column;
		align-items: center;
		gap: 12px 0;
	}

	.footer__menu li.menu-item a {
		font-size: 18px;
		text-transform: uppercase;
	}

	.footer__img-left, 
	.footer__img-right {
		bottom: 65px;
	}
}

@media (max-width: 430px) {

	.footer__logo-img {
		max-width: 320px;
		width: 100%;
	}

	.footer__main-block {
		padding: 30px 0;
	}
}


/* Subscribe form
   ========================================================================== */
.subscribe {
	margin-bottom: 0;
}
.darkmod .subscribe {
	background: rgba(0,0,0,.4);
}

.darkmod .subscribe .section-title {
	color: #FFFFFF;
}

.darkmod .subscribe .input-subsribe {
	color: #FFFFFF;
}

.darkmod .subscribe .input-subsribe:placeholder {
	color: inherit;
}

.subscribe__main-block {
	padding: 80px 60px;
	display: flex;
	gap: 60px 0;
	align-items: center;
	flex-direction: column;
	position: relative;
	background: #FFF75C;
	border-radius: 30px;
	margin-bottom:72px;
}


.subscribe__main-block:after,
.subscribe__main-block:before {
	content: '';
	position: absolute;
	width: 80px;
	height: 80px;
	background-size: 80px;
	background-position: center;
	display:none;
}

.subscribe__main-block:before {
	left: 0;
	bottom: 20px;
	background-image: url(assets/imgs/subscribe-left.svg);
}

.subscribe__main-block:after {
	right: -24px;
	bottom: 70px;
	background-image: url(assets/imgs/subscribe-right.svg);
}


.subscribe .form-block {
	max-width: 100%;
	display: block;
	width: 100%;
}

.subscribe .form-group.subscribe {
	display: flex;
	flex-direction: unset;
	align-items: center;
	position: relative;
	background: transparent;
}

.subscribe .input-subsribe {
	height: 55px;
    width: 100%;
    background: #fff;
    padding: 8px;
	padding-left: 28px;
    border-radius: 40px;
    border: none;
}


.subscribe .subscribe-btn {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	height: 40px;
}
.subscribe .wpcf7-form {
	width: 100%;
}
.subscribe .wpcf7-spinner {
	display: none;
}

.subscribe .wpcf7-not-valid-tip {
	position: absolute;
	left: 0;
	bottom: -20px;
}

@media (max-width: 520px) {
	.subscribe .form-block {
		max-width: 100%;
		width: 100%;
		position: relative;
		z-index: 1;
	}

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

	.subscribe .form-group.subscribe {
		width: 100%;
	}

	.subscribe__main-block {
		padding: 50px 0;
		gap: 32px 0;
	}

	.subscribe__main-block:before {
		bottom: 60px;
		left: -10px;
	}

}


/* Opt form
   ========================================================================== */

.opt {
	background: linear-gradient(180deg, #FAF9FF 0%, #DCD5ED 58.14%, #FAF9FF 100%);

}

.darkmod .opt {
	background: rgba(0, 0, 0, .4);
}

.opt__main-block {
	padding: 80px 0 60px 0;
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 60px 0;
}

.opt__title-group {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px 0;
}

.opt__section-title {
	text-align: center;
}

.opt__sub-title {
	text-align: center;
	display: block;
	font-size: 16px;
	line-height: 22px;
	color: #464F5E;
}

.opt .wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: 30px 0;
	align-items: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.opt .form-group + p {
	display: none;
}

.opt__form-block {
	max-width: 460px;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.opt .form-group .input {
	background: transparent;
}

.opt__bottom-text {
	display: block;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	color: #0F172C;
}

.opt .form-block .wpcf7-spinner {
	position: absolute;
	margin: 0;
	right: 0;
	bottom: 0;
}

.opt .form-block .request-btn  {
	margin-top: 10px;
}

@media (max-width: 767px) {
	.opt__main-block {
		padding: 50px 0;
	}
}

@media (max-width: 520px) {
	.opt__main-block {
		padding: 32px 0;
		gap: 24px 0;
	}

	.opt__title-group {
		gap: 16px 0;
	}
}


/* Theme switcher
   ========================================================================== */


.theme-switcher {
	position: fixed;
	top: calc(10vh + 100px);
	left: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 111;
}

.theme-switcher__back-page-btn {
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background: transparent;
	border: 1.4px solid transparent;
	border-radius:50%;
	transition: all .4s;
}

.darkmod .theme-switcher__back-page-btn.hovering {
	background: #000;
}

.theme-switcher__back-page-btn.hovering {
	background: #2897AB;
}

.theme-switcher .back-page-btn__name {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	left: 100%;
	top: 50%;
}

.theme-switcher__back-page-btn svg {
	transform: scale(-1,1);
}

.theme-switcher__back-page-btn svg {
	width: 16px;
	height: 16px;
	transition: .4s;
}

.theme-switcher__back-page-btn.hovering path {
	fill: #FFFFFF;
	stroke: #FFFFFF;
}

.theme-switcher__back-page-btn.hovering svg {
	width: 20px;
	height: 20px;
} 

.theme-switcher__nav {
	position: relative;
	width: 26px;
	font-weight: 500;
  	font-size: 14px;
  	background: #FFFFFF;
  	border-radius: 12px;
  	display: flex;
  	flex-direction: column;
  	justify-content: flex-end;
  	align-items: center;
  	min-height: 115px;
  	padding-top: 10px;
  	padding-bottom: 10px;
  	cursor: pointer;
  	border: 1.4px solid #2897AB;
}

.theme-switcher__nav.on {
	background: #000000;
	border-color: #000000;
	justify-content: flex-start;
}

.theme-switcher .nav__btn {
	z-index: 1;
	left: 50%;
	top: -5px;
	transform: translateX(-50%);
	position: absolute;
	background-color: #2897AB;
	width: 100%;
	color: initial;
	border-radius: 50%;
	display: flex;
	gap: 7px 0;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	box-shadow: -3px 0px 6px rgba(17, 16, 19, 0.05);
	transition: top .4s;
	width: 30px;
	height: 30px;
	border: 1px solid #2897AB;
}

.theme-switcher__nav.on .btn {
	background: #FFFFFF;
	border-color: #000000;
}

.theme-switcher .nav.on .btn {
	top: calc(100% - 30px);
}


.theme-switcher .nav__other-theme-text {
 	writing-mode: vertical-lr; /* вертикально зверху вниз */
  	text-orientation: upright;
	font-size: 12px;
	line-height: 1;
	display: block;
	text-align: center;
	cursor: pointer;
	color: #2897AB;
}

.theme-switcher .nav.on .other-theme-text {
	font-size: 10px;
	color: #FFFFFF;
}


.theme-switcher .nav__light-svg,
.theme-switcher .nav__dark-svg {
	width: 16px;
	height: 16px;
}

.theme-switcher .nav__light-svg path {
	fill: #FFFFFF;
}

.theme-switcher .nav__dark-svg path {
	
	fill: #000;
}

.theme-switcher .nav__light-svg,
.theme-switcher .nav.on .dark-svg {
	display: block;
}

.theme-switcher .nav.on .light-svg,
.theme-switcher .nav__dark-svg {
	display: none;
}

@media (max-width: 767px) {
	.theme-switcher {
		left: 16px;
	}
}

/* Follower
   ========================================================================== */


.follower {
	position: fixed;
  	width: 28px;
  	height: 28px;
  	background: #2897AB;
  	border-radius: 50%;
  	pointer-events: none;
  	border-radius: 50%;
  	background: transparent;
  	z-index: 99999;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	opacity: .6;
  	transition: opacity .3s;
  	transform: translate(-50%, -50%); 
}

.follower:not(.back-hovering) {
	border: 1.4px solid #2897AB;
}

.follower.back-hovering,
.follower.hovering {
	opacity: .9;
}

.follower:not(.back-hovering):after {
	content: '';
	width: 6px;
	height: 6px;
	background: #2897AB;
	border-radius: 50%;
	transition: all .3s;
}

.darkmod .follower:not(.back-hovering):after {
	background: #000;
}

.darkmod .follower:not(.back-hovering) {
	border-color: #000;
}

.follower.back-hovering:after,
.follower.hovering:after {
	width: 16px;
	height: 16px;
}


/* Modal Сart
   ========================================================================== */
.close-cart-modal-wrapper {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 111;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.6);
}
.modal-cart-wrapper {
	position: fixed;
	max-width: 480px;
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	right: -480px;
	top: 0;
	z-index: 1111;
	overflow-y: auto;
	overflow-x: hidden;
	padding-top: 20px;
	padding-bottom: 20px;
	box-sizing: border-box;
	background: #FFFFFF;
	transition: right .4s;
}

.modal-cart-wrapper.open {
	right: 0;
}

.modal-cart-wrapper__pay-group {
	padding: 0 20px;
	margin-top: 20px;
}

.modal-cart-wrapper .pay-group__pay-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.modal-cart-wrapper .pay-list__item {
	display: block;
	padding: 5px;
}

.modal-cart-wrapper .pay-list__item svg {
	display: block;
	width: 40px;
	height: 40px;
}

.modal-cart-wrapper__main-block {
	height: 100%;
	display: flex;
	flex-direction: column;
}

/* Start related group */

.modal-cart-wrapper__related-group {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 32px;
	margin-top: auto;
	display: flex;
	flex-direction: column;
	gap: 20px 0;
}

.modal-cart-wrapper .related-group__title-group {
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
	gap: 0 20px;
}


.modal-cart-wrapper .related-group__title {
	margin: 0;
	display: block;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color: #101F38;
}

.modal-cart-wrapper .related-group__swiper-nav {
	display: flex;
	gap: 0 10px;
	align-items: center;
}

.modal-cart-wrapper .related-group .swiper-nav .swiper-prev,
.modal-cart-wrapper .related-group .swiper-nav .swiper-next {
	position: unset;
	transform: unset;
	width: 24px;
	height: 24px;
}


.modal-cart-wrapper .related-group .swiper-nav .swiper-prev:after, 
.modal-cart-wrapper .related-group .swiper-nav .swiper-next:after {
	background-size: 5px 10px;
	width: 5px;
	height: 10px;
}

.modal-cart-wrapper .related-group .swiper-nav .swiper-next {
	transform: scale(-1,1);
}


.modal-cart-wrapper .related-group .swiper__swiper-slide {
	display: grid;
	grid-template-columns: max-content 1fr max-content;
	padding: 12px;
	height: 110px;
	border-radius: 20px;
	grid-gap: 0 10px;
	border: 1px solid #D9D9D9;
}

.modal-cart-wrapper .related-group .swiper-slide__cart-btn {
	margin-top: auto;
}

.modal-cart-wrapper .related-group .swiper-slide__thumb {
	display: block;
}

.modal-cart-wrapper .related-group .swiper-slide__img {
	width: 100px;
	aspect-ratio: 1/1;
	object-fit: contain;
	object-position: center;
	display: block;
}

.modal-cart-wrapper .related-group .swiper-slide__center-column {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 16px 0;
}

.modal-cart-wrapper .related-group .swiper-slide__name {
	font-weight: 400;
	font-size: 14px;
	line-height: 19px;
	color: #101F38;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.modal-cart-wrapper .related-group .swiper-slide__name * {
	font-size: inherit;
	color: inherit;
	line-height: inherit;
	font-weight: inherit;
}


.modal-cart-wrapper .related-group .swiper-slide__price-block {
	display: flex;
	align-items: center;
	gap: 0 5px;
	order: 1;
}

.modal-cart-wrapper .related-group .swiper-slide__price-new,
.modal-cart-wrapper .related-group .swiper-slide__price-old,
.modal-cart-wrapper .related-group .swiper-slide__price {
	min-height: 20px;
	display: flex;
	align-items: center;
	
}

.modal-cart-wrapper .related-group .swiper-slide__price-new {
	color: #EB0000;
	font-weight: 600;
}


.modal-cart-wrapper .related-group .swiper-slide__price-old {
	font-weight: 300;
	text-decoration-line: line-through;
	color: #101F38;
}

.modal-cart-wrapper .related-group .swiper-slide__price {
	color: #101F38;
	order: 1;
	font-weight: 600;
}

.modal-cart-wrapper .related-group .swiper-slide__cart-btn {}

/* End related group */

.modal-cart-wrapper__top-group {
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.modal-cart-wrapper__title {
	font-weight: 600;
	font-size: 32px;
	line-height: 44px;
	color: #101F38;
}

.modal-cart-wrapper__close-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 30px;
	height: 30px;
}

.modal-cart-wrapper__close-btn:after,
.modal-cart-wrapper__close-btn:before {
	content: '';
	width: 12px;
	height: 1px;
	background: #101F38;
	position: absolute;
}

.modal-cart-wrapper__close-btn:after {
	transform: rotate(-45deg);
}

.modal-cart-wrapper__close-btn:before {
	transform: rotate(45deg);
}

.modal-cart-wrapper__empty-group {
	padding: 0 20px;
	margin-top: 20px;
}

.modal-cart-wrapper__empty-text {
	display: block;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
}


.modal-cart-wrapper__shipping {
	padding: 0 20px;
	margin-top: 20px;
	display: none;
}

.modal-cart-wrapper .shipping__text {
	font-weight: 600;
	font-size: 12px;
	line-height: 19px;
	color: #000000;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px 12px;
	background: #EEF8F8;
}

.darkmod .modal-cart-wrapper .shipping__text {
	background: #000;
	color: #FFFFFF;
}

.modal-cart-wrapper .shipping__text:after {
	content: '';
	width: 52px;
	height: 30px;
	background-size: 52px 30px;
	background-position: center;
	background-image: url(assets/imgs/fura.png);
}

.darkmod .modal-cart-wrapper .shipping__text:after {
    filter: brightness(0) invert(1);
}

.modal-cart-wrapper__products-group {
	margin-top: 20px;
	padding: 0 20px;
}

.modal-cart-wrapper__products-list {
	
	display: flex;
	flex-direction: column;
	gap: 16px 0;
}

.modal-cart-wrapper__bottom-group {
	margin-top: auto;
	margin-bottom: 0;
}

.modal-cart-wrapper__totals-group {
	background: #F3F5F6;
	padding: 0 20px;
}

.modal-cart-wrapper .totals-group__totals-list {
	display: flex;
	flex-direction: column;
}

.modal-cart-wrapper .totals-group .totals-list__item {
	display: flex;
	gap: 0 10px;
	justify-content: space-between;
	align-items: center;
	padding: 16px 0;

}

.modal-cart-wrapper .totals-group .totals-list__item:not(:last-child) {
	border-bottom: 1px solid #D9D9D9;
}
.modal-cart-wrapper .totals-group .totals-list__item:last-child{
	display:none;
}
.modal-cart-wrapper .totals-group .totals-list__item:first-child{
	display:none;
}
.modal-cart-wrapper .totals-group .product-item .item__name,
.modal-cart-wrapper .totals-group .product-item .item__value {
	display: block;
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
}

.modal-cart-wrapper__buttons-group {
	padding: 0 20px;
	display: grid;
	grid-gap: 16px;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 16px;
}

.modal-cart-wrapper__buttons-group .continue-btn {
	grid-column: 1/3;
}

.modal-cart-wrapper .empty-text + .buttons-group .continue-btn {
	grid-column: auto;
}

.modal-cart-wrapper .empty-group .buttons-group {
	padding: 0;
}

.modal-cart-wrapper__buttons-group > * {
	width: 100%;
}

.modal-cart-wrapper__product-item {
	display: block;
	border-bottom: 1px solid rgba(52, 50, 50, 0.1);
	padding-bottom: 16px;

}

.modal-cart-wrapper .product-item__wrapper-group {
	display: grid;
	align-items: center;
	grid-gap: 0 10px;
	grid-template-columns: max-content 1fr;
}

.modal-cart-wrapper .product-item__right-column {
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 16px 0;
}

.modal-cart-wrapper .product-item__bottom-group,
.modal-cart-wrapper .product-item__top-group {
	display: flex;
	gap: 3px 30px;
	align-items: center;
	justify-content: space-between;
}

.modal-cart-wrapper .product-item__top-group {
	flex-wrap: wrap;
}

.modal-cart-wrapper .product-item__thumb {
	display: block;
}

.modal-cart-wrapper .product-item__img {
	width: 100px;
	height: 100px;
	object-fit: contain;
	object-position: center;
	display: block;
}


.modal-cart-wrapper .product-item__attrs-text {
	display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #949494;
    margin-top: 6px;
}

.modal-cart-wrapper .product-item__name {
	display: block;
	font-weight: 600;
	font-size: 16px;
	line-height: 120%;
	color: #23314E;
	max-width: 230px;
	width: 100%;
	
} 

.modal-cart-wrapper .product-item__name a {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: inherit;
}

.modal-cart-wrapper .product-item__price-block {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0 8px;
	min-height: 25px;
}

.modal-cart-wrapper .product-item__price,
.modal-cart-wrapper .product-item__price-old,
.modal-cart-wrapper .product-item__price-new {
	font-weight: 300;
	font-size: 13px;
	line-height: 23px;
	display: block;
}

.modal-cart-wrapper .product-item__price-new {
	color: #EB0000;
}

.modal-cart-wrapper .product-item__price-old {
	text-decoration-line: line-through;
	color: #101F38;
}

.modal-cart-wrapper .product-item__price {
	color: #101F38;
}

.modal-cart-wrapper .product-item__remove-btn {
	display: block;
	width: 16px;
	height: 17px;
	background-size: 16px 17px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.87667 6.83508H6.15625V12.5397H6.87667V6.83508Z' fill='%23343232'/%3E%3Cpath d='M9.84152 6.83508H9.12109V12.5397H9.84152V6.83508Z' fill='%23343232'/%3E%3Cpath d='M14.5 3.37814H10.4782V1H5.52175V3.37814H1.5V4.11326H2.98947L3.63605 15.9966H12.364L13.0105 4.11326H14.5V3.37814ZM6.24217 1.73513H9.75783V3.3763H6.24217V1.73513ZM11.6832 15.2615H4.31685L3.70989 4.11326H12.2901L11.6832 15.2615Z' fill='%23343232'/%3E%3C/svg%3E%0A");
}

/* Default Pages
   ========================================================================== */
.page__main-block {
	display: flex;
	flex-direction: column;
	max-width: 1200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.page__title-group {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px 0;
	margin-bottom: 50px;
}

.page .title-group__sub-title {
	text-align: center;
	display: block;
}

.page__content {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.page__content ul,
.page__content ol {
	margin-bottom: 20px;
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	gap: 7px 0;
	padding-left: 20px;
}

.page__content li {
	display: list-item;
}

.page__content * a {
	font-size: inherit;
	line-height: inherit;
	display: inline;
}

.page__content p {
	margin: 0;
}

.page__content p + * {
	margin-top: 12px;
}


.page__content p + h1,
.page__content p + h2,
.page__content p + h3,
.page__content p + h4,
.page__content p + h5 {
	margin-top: 20px;
}

.page__content h2,
.page__content h3,
.page__content h4,
.page__content h1 {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	margin-bottom: 12px;
	font-weight: 600;
}

.page__content h2 {
	font-size: 26px;
}

.page__content h3 {
	font-size: 21px;
}

.page__content h4 {
	font-size: 18px;
}

/* Modal forms
   ========================================================================== */
.modal-wrapper {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 11111;
  width: 100%;
  max-width: 460px;
  background-color: #FFFFFF;
  border-radius: 6px;
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-close-wrapper {
  cursor: pointer;
  position: fixed;
  z-index: 1111;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(104, 104, 104, 0.5);
  backdrop-filter: blur(7px);
  height: 100%;
}

.modal-wrapper__modal-content {
  padding: 30px;
  box-sizing: border-box;
}

.modal-wrapper__form {
  display: block;
  margin-top: 20px;
}

.modal-wrapper__inputs-group {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}

.modal-wrapper__title {
  	font-weight: 600;
  	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 36px;
	line-height: 49px;
	color: #101F38;
  	display: block;
  	padding-bottom: 12px;
  	width: 100%;
  	text-align: left;
  	border-bottom: 1px solid #F5F2F2;
  	text-align: center;
}

.modal-wrapper__thumb {
	padding: 35px 0;
}

.modal-wrapper .thumb__img {
	width: 100%;
	height: auto;
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	object-fit: contain;
}

.modal-wrapper__close-btn {
  position: absolute;
  right: 7px;
  top: 6px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.modal-wrapper__close-btn:before,
.modal-wrapper__close-btn:after {
  content: '';
  position: absolute;
  background: #000000;
  width: 12px;
  height: 1.2px;
  display: block;
}

.modal-wrapper__close-btn:before {
  transform: rotate(-45deg);
}

.modal-wrapper__close-btn:after {
  transform: rotate(45deg);
}

.modal-wrapper__submit + * {
  margin-top: 15px;
}

.modal-wrapper__submit,
.modal-wrapper__register-btn,
.modal-wrapper__lost-btn,
.modal-wrapper__back-btn {
  width: 100%;
}

.modal-wrapper__buttons-group  {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}

.modal-wrapper__submit,
.modal-wrapper__checkbox-group {
  margin-top: 15px;
}

.modal-wrapper__yes-btn,
.modal-wrapper__no-btn {
	max-width: 100%;
	width: 100%;
}


/* Featured
	 ========================================================================== */
.featured__main-block {
	position: relative;
	padding: 0 50px;
}
.featured__swiper-container {
	margin-top: 45px;
	box-sizing: border-box;
	padding: 5px;
}

.featured__btn {
	margin-left: auto;
	margin-right: auto;
	margin-top: 45px;
}

@media (max-width: 767px) {
	.featured__main-block {
		padding: 0;
	}
}

/* Fileds/Inputs
	 ========================================================================== */

.form-group {
	display: flex;
	flex-direction: column;
	gap: 8px 0;
	width: 100%;
}


.form-group__textarea,
.form-group__input {
	display: flex;
	outline: unset;
	border: unset;
	width: 100%;
	border-bottom: 0.5px solid #464F5E;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #101F38;
	background: transparent;
}

.form-group__textarea:placeholder,
.form-group__input:placeholder {
	color: #6A6A6A;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
}

.form-group__input {
	height: 40px;
	align-items: center;
	padding: 0 12px;
}

.ppcp-input {
	min-height: 50px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	height: 100%;
}
.account__edit-group .input-group__input{
	width: 50%;
}
.input-group__input {
	padding: 0 12px;
	min-height: 50px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: left;
	outline: unset;
	width: 100%;
	font-size: 14px;
	line-height: 19px;
	color: #101F38;
}


.input-group .woocommerce-password-hint {
	display: none;
}

.input-group .woocommerce-password-strength {
	font-size: 12px;
}

.form-group__textarea {
	align-items: flex-end;
	padding-left: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
	height: 80px;
	resize: unset;
}

.ppcp-card-field--label,
.input-group__title,
.form-group__title {
	display: block;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #6A6A6A;
}

.ppcp-card-field--label {
	gap: 12px 0;
}

.ppcp-input,
.select-group,
.input-group__input {
	background: #FFFFFF;
	border: 1px solid #D5D5D5;
	border-radius: 4px;
	border-radius: 12px;
	overflow: hidden;
}

.radio-group,
.checkbox-group {
	position: relative;
	display: block;
}


.checkbox-group__input,
.radio-group__input {
	position: absolute;
	cursor: pointer;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.checkbox-group__title,
.radio-group__title {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0 6px;
	font-size: 14px;
	line-height: 19px;
	color: #101F38;
}


.checkbox-group__title i,
.radio-group__title i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	border: 1px solid #2897AB;
	border-radius: 3px;
}

.radio-group__title i {
	border-radius: 50%;
}

.checkbox-grou__title i {
	border-radius: 2px;
}

.radio-group__input:checked + .title i {
	background-color: #2897AB;
}

.checkbox-group__input:checked + .title i {
	border-radius: 3px;
	background-size: 16px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.83333 11.5L12.7083 5.625L11.5417 4.45833L6.83333 9.16667L4.45833 6.79167L3.29167 7.95833L6.83333 11.5ZM2.16667 15.5C1.70833 15.5 1.31611 15.3369 0.99 15.0108C0.663889 14.6847 0.500556 14.2922 0.5 13.8333V2.16667C0.5 1.70833 0.663333 1.31611 0.99 0.99C1.31667 0.663889 1.70889 0.500556 2.16667 0.5H13.8333C14.2917 0.5 14.6842 0.663333 15.0108 0.99C15.3375 1.31667 15.5006 1.70889 15.5 2.16667V13.8333C15.5 14.2917 15.3369 14.6842 15.0108 15.0108C14.6847 15.3375 14.2922 15.5006 13.8333 15.5H2.16667Z' fill='%232897AB'/%3E%3C/svg%3E%0A");
}

.radio-group__input:checked + .title i:after {
	content: '';
	border-radius: 50%;
	width: 6px;
	height: 6px;
	background: #FFFFFF;
}

.select-group {
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
}

.select-group__title {
	position: absolute;
	left: 12px;
	top: 7px;
	display: block;
	font-size: 14px;
	line-height: 19px;
	color: #868686;

}

.checkout .checkbox-group .columns,
.checkout .radio-group .columns {
	height: 50px;
	padding: 0 12px;
	display: flex;
	align-items: center;
	border-radius: 4px 4px 0px 0px;
	background: #FFFFFF;
	border: 1px solid #E6E6E6;
	
}
.checkout .checkbox-group.open .columns,
.checkout .radio-group.open .columns {
	background: #EEF8F8;
	border: 1px solid #2897AB;
	border-radius: 0px 0px 4px 4px;
	position: relative;
}

.select-group__select {
	outline: unset;
	border: unset;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: unset;
	position: relative;
	z-index: 1;
	background: transparent;
}

.select-group:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0685 9.1577L12.3837 13.7684C12.2815 13.8696 12.1435 13.9263 11.9997 13.9263C11.856 13.9263 11.718 13.8696 11.6158 13.7684L6.93098 9.1587C6.82813 9.05763 6.6897 9.001 6.5455 9.001C6.4013 9.001 6.26287 9.05763 6.16002 9.1587C6.10937 9.20808 6.06912 9.26709 6.04164 9.33226C6.01416 9.39744 6 9.46745 6 9.53818C6 9.60891 6.01416 9.67892 6.04164 9.7441C6.06912 9.80927 6.10937 9.86828 6.16002 9.91766L10.8438 14.5274C11.1523 14.8303 11.5674 15 11.9997 15C12.4321 15 12.8472 14.8303 13.1557 14.5274L17.8395 9.91766C17.8903 9.86827 17.9306 9.80919 17.9582 9.74393C17.9858 9.67866 18 9.60853 18 9.53768C18 9.46683 17.9858 9.3967 17.9582 9.33143C17.9306 9.26617 17.8903 9.20709 17.8395 9.1577C17.7366 9.05663 17.5982 9 17.454 9C17.3098 9 17.1714 9.05663 17.0685 9.1577Z' fill='%23464F5E'/%3E%3C/svg%3E%0A");
}

.select-group__select {
	font-size: 14px;
	line-height: 19px;
	color: #101F38;
	padding-left: 12px;
	padding-right: 12px;
	height: 50px;
	width: 100%;
	display: flex;
	padding-bottom: 7px;
	align-items: flex-end;
}

.input-group__input:placeholder {
	color: #868686;
}

.input-group__input:hover,
.input-group__input:focus {
	border-width: 2px;
	border-color: #803DF3;
}

.woocommerce-notices-wrapper {
	display: flex;
	flex-direction: column;
	gap: 6px 0;
}

.woocommerce-message,
.woocommerce-notices-wrapper,
form .message {
  font-size: 12px;
  line-height: 1.2;
  display: block;
}

.woocommerce-notices-wrapper *,
form .message * {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-weight: inherit;
}

form .message a {
  text-decoration: underline;
}

.woocommerce-notices-wrapper .woocommerce-message li,
.woocommerce-notices-wrapper .woocommerce-error li {
	display: block;
}

.woocommerce-notices-wrapper .woocommerce-message,
form .message.green {
  color: #4F4F4F;
}

.woocommerce-notices-wrapper .woocommerce-error,
form .message.red {
  color: #EB3028;
}

@media (max-width: 520px) {
	.input-group__title, 
	.form-group__title {
		font-size: 12px;
	}
}


/* FAQ
	 ========================================================================== */
.faq__list {
	max-width: 920px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 45px;
	display: flex;
	flex-direction: column;
	gap: 12px 0;
}

.faq__item {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	padding: 20px;
	background: #FFFFFF;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.07);
	border-radius: 12px;
}

.faq .item__question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0 20px;
	font-weight: 600;
	font-size: 18px;
	line-height: 25px;
	color: #101F38;
}

.faq .item__btn {
	width: 25px;
	height: 25px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px;
	background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.59 8.86605L6.53 9.92705L12.307 15.706C12.3996 15.7992 12.5096 15.8731 12.6309 15.9236C12.7521 15.974 12.8822 16 13.0135 16C13.1448 16 13.2749 15.974 13.3961 15.9236C13.5174 15.8731 13.6274 15.7992 13.72 15.706L19.5 9.92705L18.44 8.86705L13.015 14.291L7.59 8.86605Z' fill='%23101F38'/%3E%3C/svg%3E%0A");
}

.faq .item.active .btn {
	transform: scale(1,-1);
}

.faq .item__answer {
	display: block;
	margin-top: 10px;
	font-size: 16px;
	line-height: 22px;
	color: #6A6A6A;
}

@media (max-width: 520px) {
	.faq__list {
		margin-top: 24px;
	}
}
.top-nav__menu > li.menu-item.menu-item-has-children > a{
	color:#1C0038;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: 0.3s;
	font-size: 14px;
}
.top-nav__menu > li.menu-item.menu-item-has-children > a:hover{
	color: #803DF3;
	border-bottom: 1px solid #803DF3;
}
.top-nav__menu > li.menu-item.menu-item-has-children:has(.open) a:after{
	transform: rotate(180deg);
}
.top-nav__menu > li.menu-item.menu-item-has-children > a:after{
	content:"↓";	
	margin-left: 10px;
	transition: 0.3s;
}
.top-nav__menu > li.menu-item.menu-item-has-children > .sub-menu {
	position: absolute;
	left:50%;
	transform: translate(-50%);
	top: 40px;
	border-radius: 24px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 24px;
	background: #fff;
	opacity: 0;
	transition: opacity 0.3s ease;
    visibility:hidden;
	width: fit-content;
	align-items: center;
	min-width: 460px;
}
.top-nav__menu > li.menu-item.menu-item-has-children > .sub-menu.open{
	visibility:visible;
}
.top-nav__menu > li.menu-item.menu-item-has-children > .sub-menu.fade{
	opacity: 1;
}
.top-nav__menu > li.menu-item.menu-item-has-children > .sub-menu a {
	color: black;
	transition: 0.3s;
	font-size: 15px;
	font-weight: 500;
	border-bottom: 1px solid #9B7DCC;
	padding: 8px 0;
}
.top-nav__menu > li.menu-item.menu-item-has-children > .sub-menu a:hover {
	color: #803DF3;
	border-bottom: 1px solid #803DF3;
}
.top-nav__menu > li.menu-item.menu-item-has-children > .sub-menu > li > a{
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	border: none;
	
}
.top-nav__menu li.menu-item.current-menu-item a,
.top-nav__menu li.menu-item:not(.menu-item-has-children):hover a {
	color: #803DF3;
}
.custom-btn{
	position: absolute !important;
    left: 50%;
    transform: translateX(-50%);
    bottom: -70px;
    padding: 16px 28px;
    color: #350090;
    background: #FFF75C;
    border-radius: 40px;
    border: none;
    transition: 0.3s;
}
.top-nav__menu > li.menu-item.menu-item-has-children > .sub-menu .custom-btn a{
	border-bottom: none;
}
.top-nav__menu > li.menu-item.menu-item-has-children > .sub-menu .custom-btn:hover a{
	color: #FFF75C!important;
}
.top-nav__menu > li.menu-item.menu-item-has-children > .sub-menu .custom-btn:hover{
	background: #803DF3;
}
.menu-blur{
    position:fixed;
    inset:0;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    background: rgba(255,255,255,0.1);
    z-index: 98;

    opacity:0;
    pointer-events:none;
    transition:.3s;
}

.menu-blur.active{
    opacity:1;
}
.hero-text-wrapper h1{
	color: #101F38;
    display: block;
    text-align: left;
    font-weight: 800;
    text-transform: uppercase;
}
.hero-text-wrapper h2{
	color: #101F38;
    display: block;
    text-align: left;
    font-weight: 400;
	font-size: 24px;
    line-height: 38px;
}
.platforms .swiper-wrapper{
  transition-timing-function: linear !important;
}

.platforms .swiper-slide{
  width: auto !important;
}
.form-section{
	margin-top:120px;
	padding-bottom: 30px;
	display: flex;
}
.left-part{
	width: 50%;
}
.right-part{
	width:50%;
}

.bf-form{
	background: linear-gradient(180deg, #EDEDED 0%, #EDE3FF 100%);;
	border-radius: 10px;
	padding: 34px;
	 box-shadow:
    0 30px 60px rgba(35, 25, 60, 0.12),
    0 10px 25px rgba(35, 25, 60, 0.08),
    0 2px 6px rgba(35, 25, 60, 0.05);
}
.left-part h1 {
	max-width:450px;
	font-weight: 800;
	font-size: 93px;
	color: #1C0038;
	line-height: 100%;
	margin-bottom: 88px;
}
.left-part p{
	font-weight:700;
	font-size: 26px;
	line-height:39px;
	text-decoration: underline;
	color: #232230;
}
.left-part p:last-child{
	margin-top: 58px;
	padding-left: 23px;
}
.how{
  font-family: 'Montserrat', sans-serif;
  background: linear-gradient(180deg, #FAF9FF 0%, #DCD5ED 58.14%, #FAF9FF 100%);
  text-align:center;
}



.how__title{
  margin:0 0 47px;
  font-size:64px;
  font-weight:900;
  color:#1C0038;
}

.how__subtitle{
  margin:0 auto 50px;
  max-width:680px;
  color:#1C0038;
  opacity:.8;
  font-size:16px;
  font-weight:500;
}

.how__steps{
  display:flex;
  justify-content:center;
  align-items:stretch;
  gap:18px;
  flex-wrap:wrap;
	
}

.how__card{
  background:#fff;
  border-radius:22px;
  padding:36px 28px;
  width:22%;
  box-shadow:0 10px 30px rgba(0,0,0,.07);
}

.how__num{
  font-size:62px;
  font-weight:800;
  color:#803DF3;
  margin-bottom:10px;
}

.how__name{
  font-weight:800;
  color:#1C0038;
  font-size:22px;
}

.how__line{
  width:70%;
  height:4px;
  background:#803DF3;
  margin:12px auto 14px;
  border-radius:3px;
}

.how__line--yellow{
  background:#FFF75C;
}

.how__text{
  margin:0;
  font-size:16px;
  line-height:24px;
  color:#1C0038;
	font-weight:500;
}

.how__arrow{
  font-size:26px;
  color:#1C0038;
  opacity:.7;
  user-select:none;
	display:flex;
	align-items:center;
}

/* tablet */

@media(max-width:1024px){

  .how__steps{
    gap:14px;
  }

  .how__arrow{
    display:none;
  }

}

/* mobile */

@media(max-width:640px){
	.form-section{
		flex-direction:column;
	}
	.left-part{
		width: 100%
	}
	.right-part{
		width: 100%
	}
	.bf-price-pill{
		font-size:12px;
	}
	.bf-form{
		padding:16px;
	}
  .how{
    padding:60px 20px;
  }

  .how__title{
    font-size:36px;
  }

  .how__card{
    width:100%;
    max-width:420px;
  }

}

.testimonials{
  font-family: 'Montserrat', sans-serif;
  background:#F6F3FF;
  padding: 80px 20px;
}



.testimonials__title{
  margin: 0 0 68px;
  text-align: center;
  font-weight: 800;
  font-size: 64px;
  line-height: 100%;
  letter-spacing: 0;
  color: #1C0038;
}

.testimonials__slider{
  position: relative;
  padding: 0 54px; /* місце для стрілок */
}

.testimonialsSwiper{
  overflow: visible; /* щоб було видно “пів” слайда на моб */
}

.tcard{
  width: 100%;
}

.tcard__media{
  width: 100%;
  height: 528px;
  background: #D9D9D9;
  border-radius: 16px;
}

/* Стрілки */
.tarrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  color: #1C0038;
  font-size: 28px;
  line-height: 1;
  padding: 0;
  cursor: pointer;
  user-select: none;
}

.tarrow--prev{ left: 0; }
.tarrow--next{ right: 0; }

.tarrow span{
  display: inline-block;
  transform: translateY(-1px);
}

/* Swiper spacing */
.testimonials .swiper-slide{
  width: auto;
}

/* Адаптив */
@media (max-width: 1024px){
  .testimonials__title{ font-size: 48px; }
  .tcard__media{ height: 320px; }
}

@media (max-width: 640px){
  .testimonials{
    padding: 60px 16px;
  }
  .testimonials__title{
    font-size: 34px;
    margin-bottom: 28px;
  }
  .testimonials__slider{
    padding: 0 34px; /* стрілки ближче */
  }
  .tcard__media{
    height: 340px;
    border-radius: 16px;
  }
}
.cta-wide{
    font-family: "Montserrat", sans-serif;
    background: #F6F3FF;       /* фон секції (як на макеті) */
    padding: 40px 20px;
  }

  .cta-wide__wrap{
    margin: 0 auto;
    background: #EDE5FF;       /* сам блок */
    border-radius: 16px;
    padding: 80px 24px;
    text-align: center;
  }

  .cta-wide__title{
    margin: 0 0 52px;
    font-weight: 800;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #1C0038;
    text-align: center;
  }

  .cta-wide__btn{
    border: 2px solid #803DF3;
    background: white;
    color: #803DF3;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.06em;
    padding: 16px 32px;
    border-radius: 999px;
    cursor: pointer;
    user-select: none;
	margin: 0 auto;
	transition: 0.3s;
	  width:fit-content;
  }
.cta-wide__btn:hover{
	background: #803DF3;
	color: white;
}
  /* Адаптив */
  @media (max-width: 1024px){
    .cta-wide__title{ font-size: 40px; }
  }
  @media (max-width: 640px){
    .cta-wide{ padding: 28px 16px; }
    .cta-wide__wrap{ padding: 36px 18px; }
    .cta-wide__title{ font-size: 28px; margin-bottom: 28px; }
  }

.how__steps .how__arrow:last-child{
  display:none;
}
.tcard__media video{
	width: 100%;
	height: 528px;
	object-fit: cover;
	border-radius:24px;
}