/*!
Theme Name: Shwop.io
Theme URI: http://underscores.me/
Author: Fernando Gamba
Author URI: http://underscores.me/
Description: WordPress theme for Shwop.io site (old theme name is "agorabarter")
Version: 1.1.3
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: agora
Domain Path: /languages
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.
agorabarter 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.
 */
html {
    overflow-x: hidden !important;
}

html.overflow {
    overflow: hidden;
}

body {
    margin: 0;
    overflow-x: hidden !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
}
body.page-template-come_funziona {
    overflow-x: hidden;
}
/**
 * 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 {
    font-size: 2em;
    margin: 0.67em 0;
}
/* 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;
}
/**
 * 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;
}
/*--------------------------------------------------------------
# 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;
}
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;
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}
ul,
ol {
    margin: 0 0 1.5em 3em;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 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%;
}
video {
    height: auto;
    max-width: 100%;
}
figure {
    margin: 1em 0;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
/* Links
--------------------------------------------- */
a:visited {
    /*color: #f0f0f0;*/
}
a:hover,
a:focus,
a:active {
    color: #191970;
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active {
    outline: 0;
}
/* Forms
--------------------------------------------- */
/*button,*/
/*input[type="button"],*/
/*input[type="reset"],*/
/*input[type="submit"] {*/
/*	border: 1px solid;*/
/*	border-color: #ccc #ccc #bbb;*/
/*	border-radius: 3px;*/
/*	background: #e6e6e6;*/
/*	color: rgba(0, 0, 0, 0.8);*/
/*	line-height: 1;*/
/*	padding: 0.6em 1em 0.6em;*/
/*}*/
/*button:hover,*/
/*input[type="button"]:hover,*/
/*input[type="reset"]:hover,*/
/*input[type="submit"]:hover {*/
/*	border-color: #ccc #bbb #aaa;*/
/*}*/
/*button:active,*/
/*button:focus,*/
/*input[type="button"]:active,*/
/*input[type="button"]:focus,*/
/*input[type="reset"]:active,*/
/*input[type="reset"]:focus,*/
/*input[type="submit"]:active,*/
/*input[type="submit"]:focus {*/
/*	border-color: #aaa #bbb #bbb;*/
/*}*/
/*input[type="text"],*/
/*input[type="email"],*/
/*input[type="url"],*/
/*input[type="password"],*/
/*input[type="search"],*/
/*input[type="number"],*/
/*input[type="tel"],*/
/*input[type="range"],*/
/*input[type="date"],*/
/*input[type="month"],*/
/*input[type="week"],*/
/*input[type="time"],*/
/*input[type="datetime"],*/
/*input[type="datetime-local"],*/
/*input[type="color"],*/
/*textarea {*/
/*	color: #666;*/
/*	border: 1px solid #ccc;*/
/*	border-radius: 3px;*/
/*	padding: 3px;*/
/*}*/
.custom__input {
    padding: 15px 30px;
    background: #F9F9F9;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    outline: none;
}
.custom__input.active {
    border: 1px solid #F8931F;
}
.custom__input.error__container {
    border: 1px solid #DA2020;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}
select {
    border: 1px solid #ccc;
}
textarea {
    width: 100%;
}
.custom__main_button {
    background: #F8931F;
    border-radius: 30px;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
}
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
}
.main-navigation ul {
    display: block;
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}
.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    display: block;
    left: auto;
}
.main-navigation ul ul a {
    width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    left: auto;
}
.main-navigation li {
    position: relative;
    display: inline-block;
}
.menu-item + .menu-item {
    margin-left: 20px;
}
.main-navigation a {
    display: block;
    text-decoration: none;
}
.main-navigation .logout {
    display: none;
}
.main-navigation #header-sidebar {
    display: none;
}
.main-navigation .mobile-menu-close {
    display: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: none;
}
a {
    text-decoration: none !important;
}
a:hover {
    color: initial !important;
}
.menu-toggle {
    background-color: white;
    border: none;
}
.menu-toggle img {
    width: 25px;
}
.main-navigation .mobile-header {
    display: none;
}
@media screen and (max-width: 500px) {
    .main-navigation.toggled .menu-toggle {
        -webkit-display: none;
        display: none;
    }
    .main-navigation.toggled .mobile-menu-close {
        -webkit-display: block;
        display: block;
        -webkit-font-size: 24px;
        font-size: 24px;
        -webkit-font-weight: bold;
        font-weight: bold;
        -webkit-cursor: pointer;
        cursor: pointer;
        -webkit-padding-top: 25px;
        padding-top: 25px;
        -webkit-padding-left: 40px;
        padding-left: 40px;
    }
}
.fusion-responsive-typography-calculated {
    margin-bottom: 10px;
}
.site-main .comment-navigation,
.site-main,
.posts-navigation,
.site-main,
.post-navigation {
    /*margin: 0 0 1.5em;*/
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%;
}
.create__image {
    margin-top: 20px;
}
.posts-navigation {
    margin: 40px 0 0;
}
.posts-navigation a {
    display: inline-block;
    padding: 15px 30px;
    color: #fff;
    background: #F8931F;
    border-radius: 30px;
    margin-right: 30px;
    text-decoration: none;
    cursor: pointer;
    outline: none;
}
/* Posts and pages
--------------------------------------------- */
.sticky {
    display: block;
}
.post,
.page {
    /*margin: 0 0 1.5em;*/
}
.updated:not(.published) {
    display: none;
}
.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
/* Comments
--------------------------------------------- */
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
/* Widgets
--------------------------------------------- */
.widget {
    /*margin: 0 0 1.5em;*/
}
.widget select {
    max-width: 100%;
}
.widget-title {
    margin-top: 15px;
}
/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    outline: none;
    display: flex;
    align-items: center;
}
.dark-theme__logo {
    display: none;
}
img.custom-logo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*max-width: 296px;*/
}
/* Captions
--------------------------------------------- */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
.wp-caption-text {
    text-align: center;
}
/* Galleries
--------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}
.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
    display: block;
}
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none;
}
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
    display: block;
}
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
    outline: 0;
}
/* Alignments
--------------------------------------------- */
.alignleft {
    /*rtl:ignore*/
    float: left;
    /*rtl:ignore*/
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}
.alignright {
    text-align: center;
    margin-top: 40px;
    margin-left: 0 !important;
    display: block !important;
    float: none !important;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}
/* header */
p.site-description {
    font-family: Lato, sans-serif;
    font-weight: 700;
    font-size: 10px;
    float: left;
    clear: left;
    margin-left: 75px;
    width: 100%;
    text-transform: uppercase;
}
.header-container {
    margin-top: 10px;
    font-weight: 500;
    display: flex;
    padding-bottom: 15px;
    align-items: center;
}
.footer-container {
    display: flex;
    align-items: center;
    border-top: 1px solid rgba(132, 132, 132, 0.3);
    border-bottom: 1px solid rgba(132, 132, 132, 0.3);
}
.hidden_input_img {
    opacity: 0;
    visibility: hidden;
    width: 0;
}
.new_input_img {
    display: inline-block;
}
.site-footer .copyright {
    color: #000036;
    opacity: 0.5;
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
}
.menu-main-menu-container {
    text-align: center;
}
.main-navigation {
    margin-left: auto;
    text-align: center;
}
.register__button,
.main-navigation a {
    cursor: pointer;
    display: block;
    text-decoration: none;
    padding: 10px 30px;
    color: #000;
    transition: all ease 0.3s;
    border: 1px solid #000000;
    border-radius: 30px;
}
.home__main_button {
    display: block;
    background: #F8931F;
    border-radius: 30px;
    padding: 15px 50px;
    color: #fff;
    width: max-content;
    cursor: pointer;
    margin-top: 30px;
    margin-left: auto;
    cursor: pointer;
}
.social-media {
    display: flex;
    margin-left: auto;
}
.social-media__icon {
    width: 20px;
}
.social-media__icon:hover {
    opacity: .6;
}
.social-media__icon-facebook {
    width: 16px;
}
.social-media__icon + .social-media__icon {
    margin-left: 20px;
}
#header-sidebar p {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-bottom: 0;
}
#header-sidebar h4 {
    display: inline-block;
    vertical-align: top;
}
#header-sidebar h4 {
    font-family: 'Lato', sans-serif;
}
#header-sidebar .add-product {
    line-height: 19px;
    color: #F7931E;
    padding: 16px 24px;
    border: 1px solid #F7931E;
    border-radius: 50px;
    font-weight: bold;
}
#header-sidebar .header-avatar {
    padding: 0;
    margin-left: 27px;
    margin-top: 15px;
}
#header-sidebar .header-avatar img {
    width: 30px;
    height: 30px;
    border-radius: 15px;
}
.primary-sidebar {
    margin-right: 30px;
}
.header__menu_button {
    transition: all ease 0.3s;
    text-decoration: none;
    color: #000;
    display: inline-block;
    border: 1px solid #000000;
    border-radius: 30px;
    padding: 10px 30px;
}

.add__item_button.current_page_item {
    background: #F8931F;
    border: 1px solid #F8931F;
    color: #fff;
}
.current_page_item a {
    color: #fff;
    background: #F8931F;
    border: 1px solid #F8931F;
}
.main-navigation a:hover,
.register__button:hover,
.add__item_button:hover {
    background: #F8931F;
    border: 1px solid #F8931F;
}
.current_page_item a:hover,
.header__menu_button:hover,
.form__newsletter_submit:hover,
.custom__main_button:hover {
    color: #000000 !important;
}
.form__newsletter_submit-container:hover svg path {
    stroke: #000000 !important;
}
.form__search_submit-desktop:hover svg path {
    fill: #000000 !important;
}
.primary-sidebar {
    max-width: 360px;
    width: 100%;
}
/* end header */
/* home sidebar */
#home-sidebar form {
    /*padding: 20px 15px;*/
    /**/
    /*border: 1px solid rgba(0,0,54,0.1);*/
    /**/
    /*border-radius: 20px;*/
    /**/
    /*box-shadow: 0px 3px 6px rgb(0 0 0 / 10%);*/
}
.home-sidebar__container {
    background: #F9F9F9;
    border-radius: 10px;
    /*width: 100%;*/
    width: 360px;
    padding: 20px;
}
.sidebar__container_mobile {
    background: #FFFFFF;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 10px 10px;
    width: 100%;
    position: absolute;
    z-index: 100;
}
.sidebar__category_mobile {
    padding: 15px 20px 30px;
}
.sidebar__city_mobile {
    padding: 25px 20px 35px;
}
.sidebar__city_mobile.opened {
    height: max-content;
}
.home__sidebar_mobile,
.sidebar__container_mobile {
    display: none;
}
.sidebar__container_mobile.active {
    display: block;
}
.home__sidebar_mobile {
    margin-top: 15px;
}
.home__sidebar_select {
    background: #F9F9F9;
    border: 1px solid rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}
.home__sidebar_border {
    height: 30px;
    border-right: 1px solid rgba(0, 0, 0, .2);
}
.home__sidebar_category,
.home__sidebar_city {
    width: 100%;
    padding: 15px
}
.home__sidebar_category.active,
.home__sidebar_city.active {
    background: #fff;
}
.home-sidebar__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}
#home-sidebar form .close {
    display: none;
}
#home-sidebar .filter-category {
    margin-bottom: 15px;
    margin-left: 20px;
}
#home-sidebar .filter-category ul {
    padding-left: 0;
    list-style: none;
    margin-left: 10px;
    margin-top: 5px;
    display: flex;
    flex-direction: column;
}
#home-sidebar .filter-category ul li {
    margin-bottom: 5px;
    display: inline-block;
    cursor: pointer;
}
#home-sidebar .filter-category .category {
    display: inline-flex;
    align-items: center;
    font-size: 18px;
    color: #000036;
    cursor: pointer;
}
#home-sidebar .filter-category .category.active {
    color: #F7931E;
    font-weight: 600;
}
.filter__type {
    padding: 20px 0;
    width: 100%;
    font-size: 20px;
    line-height: 30px;
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    transition: margin-bottom .3s ease-in-out;
    position: relative;
}
.home-sidebar__city {
    margin-top: 30px;
}
.filter__type_categories {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out;
    top: 70px;
    width: 100%;
    max-width: 310px;
}
.filter__type.active {
    border-bottom: 0;
    transition: all .3s ease-in-out;
}
.filter__type.active .filter__type_categories {
    visibility: visible;
    opacity: 1;
    transition: all 1s ease-in-out;
}
.filter__type_container {
    display: flex;
    justify-content: space-between;
}
.filter__type.active .filter__type_container,
.filter__type_container:hover {
    color: #F8931F;
}
.filter__type_books.active .filter__type_arrow,
.filter__type_electronics.active .filter__type_arrow,
.filter__type_others.active .filter__type_arrow {
    transform: rotate(-180deg);
}
.filter__type_categories {
    margin-left: 10px;
}
.filter__category {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 10px;
}
.filter__category:hover,
.filter__category.active {
    color: #F8931F;
}
.filter__category + .filter__category {
    margin-top: 10px;
}
/*#home-sidebar .filter-type.active {*/
/*	background: url(../../uploads/arrow-up.png) no-repeat;*/
/*	background-position: calc(100% - 24px) 20px;*/
/*}*/
#home-sidebar input[type=radio] {
    width: 18px;
    height: 18px;
}
#home-sidebar .button-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 32px;
}
#home-sidebar .button-container .deselect-all {
    color: #F7931E;
    font-size: 16px;
    border-bottom: 1px solid #F7931E;
    cursor: pointer;
}
#home-sidebar .button-container .form-submit {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #F7931E;
    border-radius: 27px;
    padding: 8px 27px;
    cursor: pointer;
}
/* end home sidebar */
/* footer */
footer#colophon {
    clear: both;
    width: 100%;
    font-family: 'Lato', sans-serif;
    padding: 0 20px;
    margin-top: auto;
}
/* main */
aside#secondary {
    float: left;
    width: 22%;
}
main#primary {
    width: 100%;
    position: relative;
}
.button__register {
    margin-left: 20px;
    display: flex;
    column-gap: 20px;
    align-items: center;
}
.header__menu_burger {
    display: none;
    padding: 0;
    border: 0;
    background: transparent;
    line-height: 0;
}
.popup__menu_close {
    padding: 0;
    border: 0;
    background: transparent;
    line-height: 0;
}
.header__menu_burger:focus-visible,
.popup__menu_close:focus-visible,
.register:focus-visible,
#popup_register .popup__close_button:focus-visible {
    outline: 2px solid #F8931F;
    outline-offset: 4px;
}
.product__popup_slider {
    height: 100%;
    max-width: 1150px;
    max-height: 800px;
    width: 100%;
}
.product__popup_slider-close {
    position: absolute;
    right: 30px;
    top: 20px;
    z-index: 20;
    cursor: pointer;
}
.product__popup_navigation .swiper-button-prev {
    position: absolute;
    left: 20%;
}
.product__popup_navigation .swiper-button-next {
    position: absolute;
    right: 20%;
    transform: translateY(-50%);
}
.product__popup_slider-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
.product__popup_slider img {
    /*height: auto;*/
    /*width: 100%;*/
    /* object-fit: cover; */
    height: 100%;
    width: auto;
}
.site-header {
    top: 0;
    padding-bottom: 20px;
    /*position: fixed;*/
    max-width: 1600px;
    padding-right: 100px;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(5px);
    z-index: 110;
}
.home main#primary {
    position: relative;
}
.home__text_logo {
    font-size: 70px;
    line-height: 80px;
    font-weight: 400;
    max-width: 1100px;
    margin-top: 80px;
    margin-bottom: 80px;
}

.home__search_no-results {
    margin-bottom: 24px;
}

.account-products__search_input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

.account-products__search_input::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}
.archive-seo-intro {
    max-width: 1100px;
    margin-top: -50px;
    margin-bottom: 50px;
}
.archive-seo-intro p {
    max-width: 920px;
    margin: 0;
    font-size: 18px;
    line-height: 1.6;
}
.archive-seo-intro__links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.5;
}
.archive-seo-intro__links span {
    font-weight: 600;
}
.archive-seo-intro__links a {
    color: inherit !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
    opacity: 0.82;
}
.archive-seo-intro__links a:hover,
.archive-seo-intro__links a:focus-visible {
    color: inherit !important;
    opacity: 1;
}
.home__main_categories {
    margin-bottom: 30px;
}
.home__main_save-button {
    border: 1px solid #000000;
    border-radius: 25px;
    padding: 10px 20px;
    cursor: pointer;
}
.home__main_save-container {
    margin-top: 35px;
    margin-left: auto;
}
.home__main_save-text {
    margin-left: 10px;
}
.home__main_category {
    display: flex;
    flex-direction: column;
}
.home__main_categories_container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: end;
}
.home__main_categories-mobile {
    display: none;
}
.custom-select__container.form__category_dropdown,
.custom-select__container.form__type_dropdown,
.custom-select__container.form__genre_dropdown,
.custom-select__container.form__language_dropdown {
    margin-top: 10px;
}
.home__books_category-fiction,
.home__books_category-nonfiction {
    display: none;
}
.home__main_category {
    max-width: 250px;
    width: 100%;
}
.dropdown.form__category_dropdown.validate {
    background: #FFFFFF;
    border: 1px solid #F8931F;
}
.home__main_filters_title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
}
.home__main_filters_container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
    gap: 20px 10px;
}
.home__main_filters-mobile {
    display: none;
}
.home__main_filter {
    display: flex;
    border: 1px solid #F8931F;
    border-radius: 30px;
    padding: 5px 10px 5px 20px;
    width: max-content;
    flex-direction: row;
    text-transform: capitalize;
}
.home__main_filter_reset {
    display: flex;
    width: max-content;
    cursor: pointer;
}
.home__main_filter_reset:hover {
    color: #F8931F;
}
.home__main_filter_reset:hover path{
    fill: #F8931F;
}
.home__main_filter_reset_icon {
    margin-right: 10px;
}
.home__main_filter_close {
    margin-left: 20px;
    cursor: pointer;
}
.home__main_container,
.favourites__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 30px;
    column-gap: 15px;
}
.home__main_more:hover {
    color: #000;
}
.profile__products_mobile {
    display: none;
}
.navigation__custom_swiper {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    column-gap: 15px;
}
.reviews__nav_mobile {
    display: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    display: none;
}
.swiper-pagination-custom,
.swiper-pagination-custom-exchanges,
.swiper-recommended-pagination,
.swiper-pagination-create {
    position: static;
    align-self: center;
}
.swiper-pagination-width {
    width: max-content !important;
}
.swiper-pagination-create {
    display: flex;
    column-gap: 30px;
    width: max-content !important;
    margin: 0 30px;
    transform: none !important;
}
.swiper-button-next,
.swiper-button-prev {
    width: 45px;
    height: 45px;
    position: static;
    margin: 0;
    opacity: 1 !important;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.35 !important;
}
.swiper-pagination span,
.swiper-recommended-pagination span {
    background: transparent;
    width: 10px;
    border: 1px solid #000000 !important;
    height: 10px;
}
.swiper-pagination .swiper-pagination-bullet-active,
.swiper-pagination-custom .swiper-pagination-bullet-active,
.swiper-recommended-pagination .swiper-pagination-bullet-active {
    background: #F8931F !important;
    border: 1px solid #F8931F !important;
}
.default__button_close.active svg path {
    stroke: #fff;
}
.default__button_close.active svg circle,
.swiper-button-next.active svg rect,
.swiper-button-prev.active svg rect {
    fill: rgba(122, 122, 122, 0.5);
}
.default__button_back:hover {
    opacity: .5;
}
.product__mobile_container {
    display: none;
}
.product__exchange_popup {
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    z-index: 120;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
}
.product__exchanges_title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 40px;
}
.product__exchanges_title-mobile {
    display: none;
}
.product__exchange_select {
    border: 1px solid #F8931F;
    border-radius: 30px;
    font-size: 14px;
    line-height: 24px;
    color: #F8931F;
    padding-block: 10px;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
}
.product__exchanges_select-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
}
.product__exchange_select.disabled {
    cursor: auto;
}
.product__exchange_select.selected {
    color: #fff;
    background: #F8931F;
}
.exchanges__item_proposal {
    position: relative;
    /* top: 150px; */
}
.product__exchange_proposals {
    /* overflow-y: scroll; */
    padding: 35px 100px 100px;
    margin-top: 80px;
    background: #F9F9F9;
    max-height: 550px;
    position: relative;
}
.product__exchange_items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}
.exchanges__item_product {
    display: none;
}
.product__exchange_propose {
    padding: 35px 30px 20px;
    display: flex;
    justify-content: end;
}
.product__exchange_propose-button {
    background: #F8931F;
    border-radius: 30px;
    color: #fff;
    padding: 15px 30px;
    width: max-content;
    cursor: pointer;
}
.product__exchange_back-main {
    display: none;
    cursor: pointer;
    position: relative;
    top: 30px;
    width: max-content;
    left: 30px;
}
.product__exchange_back-main span {
    margin-left: 10px;
}
.product__exchange_back-button {
    display: none;
    text-align: center;
    margin-top: 25px;
    cursor: pointer;
    font-weight: 600;
}
.product__exchange_container-select {
    padding: 50px 100px 60px;
}
.product__exchange_items-proposal {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.product__exchange_container-proposals {
    display: none;
}
.product__created_title {
    font-size: 35px;
    line-height: 50px;
    margin-bottom: 20px;
}
.product__created_status {
    font-size: 20px;
    line-height: 26px;
    color: #F3C300;
    font-weight: 600;
    margin-bottom: 60px;
}
.product__created_button {
    padding: 15px 35px;
    min-width: 362px;
    background: #F8931F;
    border-radius: 30px;
    color: #fff;
    width: max-content;
    cursor: pointer;
}
.product__exchange_created {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.product__created_status span {
    margin-left: 10px;
}
.product__exchange_container-created {
    padding-block: 60px;
    text-align: center;
    display: none;
}
.product__exchange_container {
    max-width: 1190px;
    width: 100%;
    border-radius: 10px;
    background: #FFFFFF;
    position: relative;
    max-height: 100%;
    overflow: auto;
}
.product__exchange_close {
    position: absolute;
    right: 30px;
    top: 20px;
    cursor: pointer;
}
.product__exchange_next {
    position: absolute;
    bottom: 20px;
    right: 30px;
    opacity: .5;
}
.product__exchange_next.active {
    opacity: 1;
    cursor: pointer;
}
.product__exchange_next span {
    margin-right: 10px;
}
.product__main_popup {
    display: none;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
}
.custom__row_slider a {
    display: block;
    margin-top: 0 !important;
}
.custom__row_slider {
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(3, 1fr);
}

.swiper.hide-navigations .swiper-wrapper{
    height: auto !important;
    transform: none !important;
    align-items: flex-start;
}

.swiper.hide-navigations .swiper-slide:first-child {
    height: auto !important;
}

.swiper.hide-navigations .navigation__custom_swiper{
    display: none;
}

.home__filter_slider-mobile .custom__row_slider,
.home__related_slider-mobile .custom__row_slider {
    grid-template-columns: repeat(2, 1fr);
}
.custom__row_slider + .custom__row_slider {
    margin-top: 30px;
}
.home__filter_slider.hide-navigations .swiper-slide:first-child > .custom__row_slider {
    margin-top: 30px !important;
}
.home__filter_slider.hide-navigations .swiper-slide:first-child > .custom__row_slider:first-child {
    margin-top: 0 !important;
}
.home__filter_slider,
.home__main_slider {
    max-width: 1110px;
    width: 100%;
}
.home__filter_slider-mobile,
.home__related_slider-mobile {
    display: none;
}
.home__main_slider .navigation__custom_swiper {
    margin-top: 40px;
}
.form__search_text {
    display: flex;
    overflow: hidden;
    height: -webkit-fill-available;
}
.form__search_category {
    margin-left: 10px;
    opacity: .5;
}
.form__search_count {
    font-size: 14px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.5);
    background: #F9F9F9;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    padding: 0 10px 0 10px;
    margin-left: auto;
    /*height: max-content;*/
}
.form__search_results {
    position: absolute;
    width: 100%;
    background-color: #fff;
    z-index: 100;
    max-height: 250px;
    overflow-y: auto;
}
.form__search_result {
    cursor: pointer;
    height: 50px;
    padding: 12px 20px 12px 60px;
}
.form__search_result {
    border-top: 1px solid rgba(0, 0, 0, .1);
}
.home__main_item {
    height: 420px;
    max-width: 360px;
    width: 100%;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
}
.profile__products_item {
    max-width: 320px;
    height: 380px;
}
.show__more_filter {
    background: #F8931F;
    border: 1px solid #F8931F;
    border-radius: 30px;
    color: #fff;
    padding: 15px 160px;
    width: max-content;
    margin: 20px auto 25px auto;
    cursor: pointer;
}
.home__main_item:hover {
    filter: drop-shadow(5px 5px 15px rgba(0, 0, 0, 0.1));
}
.home__main_item:hover .item__info_title {
    color: #F8931F;
}
.item__info {
    position: absolute;
    bottom: 10px;
    left: 20px;
    color: #fff;
}
.item__info_title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    font-weight: 500;
}
.item__info_location-date svg {
    margin-bottom: 2px;
}
.item__info_location-date span {
    font-size: 16px;
    line-height: 26px;
    opacity: 0.7;
    margin-left: 10px;
}
.favourite__item_location-date {
    display: flex;
    align-items: center;
}
.item__favourite_icon {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.item__image {
    height: 100%;
    width: 100%;
}
.item__image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.home .books {
    padding: 0;
    margin-bottom: 100px;
}
/* end main */
/* Create book styles */
.fiction-container, .non-fiction-container {
    display: none;
    padding-left: 15px;
}
form p {
    width: 360px;
    max-width: 100%;
}
/*label {	*/
/*    min-width: 150px;*/
/*}*/
[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
    margin: 0 5px;
}
.fiction-container, .non-fiction-container label {
    font-size: 13px;
}
/* end create books */
.custom-button {
    background-color: #F7931E;
    border-radius: 27px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    outline: none !important;
}
.custom-button:hover {
    color: #000;
}
.referral__wrapper {
    margin-top: 20px;
    padding-bottom: 20px;
}
.message{
    position: relative;
}
.message.hide{
    display: none;
}
.message.success {
    background: #ccff99;
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    border: 2px solid;
    margin: 20px auto;
    font-size: 20px;
    font-weight: bold;
}
.message.error {
    background: #ff9988;
    width: 360px;
    padding: 20px;
    border-radius: 5px;
    border: 2px solid;
    margin: 20px auto;
    font-size: 20px;
    font-weight: bold;
}
.message.accepted {
    background: #5EB007;
    width: 360px;
    padding: 20px;
    border-radius: 5px;
    border: 2px solid;
    margin: 20px auto;
    font-size: 20px;
    font-weight: bold;
}
.message__close{
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
.message__close:hover{
    opacity: 0.7;
}
.message__close svg{
    display: block;
}
label.error {
    color: #ff6666;
    /* float:right; */
}
.input-form label.error {
    /*display: flex;*/
    /*justify-content: end;*/
}
.input-form {
    display: flex;
}
.input-form span.input-error {
    display: flex;
    flex-wrap: wrap;
}
.radio-button-input {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.radio-button-input label {
    min-width: auto;
}
.radio-button-input label.error {
    order: -1;
    width: 100%;
    margin-bottom: 1rem;
}
.radio-button-input label.answer-text {
    margin-right: auto;
}
.answer-text__checkbox {
    margin-left: 10px;
}
span.info {
    background: #888;
    color: #fff;
    display: inline-block;
    padding: 2px 8px;
    border-radius: 50%;
    border: 1px solid #333;
    font-weight: bold;
    cursor: pointer;
    font-size: 11px;
    margin: 0 0 10px 0;
    position: relative;
}
span.info:hover:after {
    padding: 10px;
    border-radius: 5px;
}
span.info .info-popup1 {
    border-radius: 0 !important;
    padding: 10px;
    display: none;
    position: absolute;
    top: -36px;
    left: 22px;
    width: max-content;
    max-width: 200px;
    background: #888;
}
span.info .info-popup2 {
    border-radius: 0 !important;
    padding: 10px;
    display: none;
    position: absolute;
    top: -36px;
    right: 24px;
    width: 110px;
    background: #888;
}
.book {
    transition: all .2s linear;
}
.books .book-container .book:hover {
    transform: translate(6px, -7px);
    box-shadow: -8px 8px 3px #333;
    transition: all .2s linear;
}
a.add-a-book {
    display: block;
    text-align: center;
    padding: 20px 35px;
    width: 50%;
    margin: 0 auto;
    color: #fff;
    background: #0D0A4F;
    text-decoration: none;
    transition: all ease 0.3s;
    border-radius: 20px;
}
a.add-electronics {
    display: block;
    text-align: center;
    padding: 20px 35px;
    width: 50%;
    margin: 0 auto;
    color: #fff;
    background: #f7931e;
    text-decoration: none;
    transition: all ease 0.3s;
    border-radius: 20px;
}
a.add-other {
    display: block;
    text-align: center;
    padding: 20px 35px;
    width: 50%;
    margin: 0 auto;
    color: #fff;
    background: #d9ce79;
    text-decoration: none;
    transition: all ease 0.3s;
}
a.add-other:hover, a.add-electronics:hover, a.add-a-book:hover {
    color: #fff !important;
    opacity: 0.85;
}
span.sep {
    display: inline-block;
    margin: 0 20px;
}
div.odd, p.odd {
    background: #001046;
    color: #fff;
    padding: 10px 5px;
    margin: 0;
}
div.odd a, p.odd a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    padding: 3px 8px;
    background: #f7931e;
    font-size: 13px;
}
p.even, div.even {
    background: #3ba1da;
    padding: 10px 5px;
    margin: 0;
    color: #fff;
}
.container.scambio {
    max-width: 100%;
    padding: 0;
    width: 100%;
}
.proposal {
    padding: 15px 24px;
    border: 1px solid #00003630;
    border-radius: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000036;
    margin-bottom: 18px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
    flex-wrap: wrap;
}
.proposal__account {
    justify-content: start;
}
.proposal__account .proposal-item {
    width: 25% !important;
}
.proposal__account .proposal-actions {
    margin-left: auto;
}
.proposal-users {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    line-height: 19px;
    margin-right: 15px;
    width: 15%;
}
.proposal-users a {
    color: #000036;
    text-decoration: none;
}
.proposal-users a:first-child {
    margin-bottom: 12px;
}
.proposal-icon {
    padding: 8px;
    border: 1px solid #E5E5EA;
    border-radius: 10px;
    margin: 0 15px;
}
.proposal-item {
    width: 30%;
}
.proposal-item a {
    display: flex;
    align-items: center;
    color: #000036;
    text-decoration: none;
}
.proposal-item a img,
.proposal-item a video {
    width: 70px;
    height: 70px;
    object-fit: cover;
    margin-right: 18px;
    min-width: 70px;
    border-radius: 10px;
}
.proposal-item a h2 {
    font-size: 24px;
    margin-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}
.proposal-item a h3 {
    font-size: 16px;
    opacity: 0.5;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}
.proposal-date {
    color: rgba(0, 0, 54, 0.5);
    flex-shrink: 0;
    order: 5;
}
.proposal-date img {
    margin-right: 12px;
}
div.even a, p.even a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    padding: 3px 8px;
    background: #f7931e;
    position: inherit;
    width: auto;
    font-size: 13px;
}
.popup-message {
    background: #686868;
    border: 1px solid #333;
    border-radius: 5px;
    padding: 10px;
    color: #fff;
    width: 380px;
    display: none;
}
.custom_rate {
    display: none;
}
/*.friends__item {*/
/*	max-width: 100px;*/
/*	align-items: center;*/
/*	display: flex;*/
/*	flex-direction: column;*/
/*}*/
/*.friends__container {*/
/*	padding-bottom: 25px;*/
/*}*/
/*.friends__list {*/
/*	display: flex;*/
/*	justify-content: start;*/
/*	margin-top: 20px;*/
/*	gap: 70px;*/
/*	flex-wrap: wrap;*/
/*}*/
p.book {
    max-width: 310px;
    text-align: center;
    min-height: 460px;
    position: relative;
}
.block_or_unblock {
    display: none;
}
.check-proposal__radio-input {
    display: block;
    margin: 0 auto 20px;
}
.page .post-39 .entry-title {
    display: none;
}
.page-template-check-proposal p.book, .page-template-confirm-proposal p.book {
    min-height: 440px;
    margin: 0 auto;
    max-width: 100%;
}
.page-template-check-proposal #proposalForm p.book {
    min-height: 310px;
}
.page-template-cancel-proposal p.book {
    margin: 0 auto;
    min-height: 390px;
    max-width: 100%;
}
.propose-trade {
    padding-bottom: 10px;
}
.page-template-check-proposal .books.container .col-sm, .page-template-propose-a-trade .container.books .col-sm.align-center {
    margin: 0 auto;
}
.page-template-propose-a-trade .container.books .col-sm.align-center.items-proposed {
    width: 400px;
    max-width: 100%;
}
.page-template-cancel-proposal a.propose {
    position: inherit;
    width: auto;
    left: 0;
    transform: none;
    border-radius: 4px;
    font-size: 16px;
}
.page-template-check-proposal button.propose, .page-template-confirm-proposal button.propose {
    padding: 6px 15px;
    border-radius: 6px;
}
.post-item {
    margin-top: 20px;
}
.more {
    display: none;
}
.multiple_images {
    display: inline-block;
}
.button__delete_img {
    display: block;
    margin: 10px auto 0;
}
.btn_load_more {
    outline: none;
    border: none;
    background-color: #F7931E;
    border-radius: 20px;
    color: #fff;
}
.align-center {
    text-align: center;
}
div.view-block,
div.book {
    position: relative;
}
.view-block img,
.view-block video,
.book img {
    max-width: 310px;
    display: block;
}
.view-block a,
.book a {
    text-decoration: none;
    color: #001046;
}
.view-block a:hover,
.book a:hover {
    color: #001046;
}
div.view-block a.propose,
div.book a.propose {
    position: absolute;
    color: #fff;
    background: #F7931E;
    border: none;
    display: inline-block;
    padding: 10px 14px;
    text-decoration: none;
    bottom: 15px;
    left: 15px;
    right: 15px;
    border-radius: 27px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
div.view-block a.propose:hover,
div.book a.propose:hover {
    color: #F7931E;
    background: #fff;
    border: 1px solid #F7931E;
}
div.view-block a.propose {
    left: 0;
}
.um-profile-nav {
    /*display: none;*/
}
a.sidebar {
    display: block;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: #f7931e;
    padding: 10px 0;
    width: 60%;
    font-size: 0.9rem;
}
a.sidebar:hover {
    color: #fff;
}
form.validate {
    margin: 0 auto;
    width: 50%;
    position: relative;
}
form.validate a.propose {
    position: inherit;
    display: block;
    text-align: center;
    width: 100%;
}
.cancel-link {
    text-decoration: none;
}
input.propose,
.cancel-propose,
button.propose {
    color: #fff;
    background: #f7931e;
    border: none;
    display: inline-block;
    padding: 10px 15px;
    text-decoration: none;
    margin-top: 20px;
}
a.propose {
    background: #f7931e;
    border: none;
    color: #000;
    border-radius: 4px;
    padding: 6px 15px;
    text-decoration: none;
}
a.propose:hover {
    color: #fff;
}
a.propose:active {
    border: 2px solid #000;
}
table.items video {
    max-width: 220px;
    max-height: 180px;
}
table.items thead th {
    background: #001046;
    min-height: 25px;
    height: 25px;
    color: #fff;
    border-right: 1px solid #fff;
}
table.items td {
    border-bottom: 1px solid;
    padding: 10px 5px;
}
table.items td:first-child {
    border-left: 1px solid;
}
table.items td:last-child {
    border-right: 1px solid;
}
table.items img,
table.items video {
    max-width: 220px;
    max-height: 180px;
}
.table-wrap{
    overflow: auto;
}
.table-wrap td,
.table-wrap th{
    border: 1px solid;
    padding: 5px 10px;
}

#popup, #approvePopup {
    position: fixed;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    min-height: 200px;
    display: none;
    min-width: 250px;
    padding: 10px 15px;
    border: 1px solid;
    border-radius: 5px;
    background: #ff6666;
    z-index: 110;
}
.input__code + .input__code {
    margin-left: 5px;
}
.popup__confirm_form .input__code.active {
    border: 1px solid #F8931F;
    background: #fff;
}
.popup__confirm_inputs {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
.popup__confirm_form .input__code {
    width: 51px;
    height: 56px;
    padding: 15px 20px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background: #F9F9F9;
    border-radius: 30px;
    outline: none;
}
.popup__register {
    max-width: 1600px;
    width: 100%;
    position: fixed;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    overflow-y: auto;
    height: 100%;
    min-height: 200px;
    display: block;
    z-index: 116;
    visibility: hidden;
    transition: top 1s, visibility 0s 1s;
    border: 1px solid #000;
    background: #fff;
}
.popup__register .checkbox__label{
    text-transform: capitalize;
}
.popup__inner {
    display: flex;
    height: auto;
}
.popup__confirm_form {
    padding: 100px 100px 70px 100px;
    display: none;
    height: 100vh;
    flex-direction: column;
}
.popup__confirm_logo {
    font-size: 30px;
    line-height: 40px;
}
.popup__created_text {
    margin-top: 20px;
}
.popup__confirm_text {
    margin-top: 20px;
    font-size: 16px;
    line-height: 26px;
}
.popup__confirm_text span {
    font-weight: 600;
}
.popup__form {
    padding: 80px 100px 68px 100px;
    width: 100%;
}
.popup__register.opened {
    top: 0;
    visibility: visible;
    transition: top 1s, visibility 0s;
}
.popup__form_container {
    /*max-width: 500px;*/
}
.popup__created {
    padding: 100px 150px 100px 100px;
    display: none;
}
.popup__form_title {
    font-size: 30px;
    line-height: 40px;
}
.popup__form_text {
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
}
.popup__form_text span {
    color: #F8931F;
    text-decoration: underline;
    cursor: pointer;
}
.popup__form_forgot {
    font-size: 12px;
    line-height: 22px;
    cursor: pointer;
    color: #F8931F;
    text-decoration: underline;
}
.popup__forgot{
    position: relative;
}
.back-to-login {
    position: absolute;
    left: 100px;
    top: 45px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.back-to-login:hover{
    color: #F8931F;
}
.back-to-login:hover path{
    fill: #F8931F;
}
.back-to-login svg{
    width: 20px;
    margin: 0 10px 0 0;
}
.popup__logo {
    position: absolute;
    top: 20px;
    left: 50px;
}
.popup__image {
    max-width: 750px;
    width: 100%;
}
.popup__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.popup__form_label {
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.popup__form_icon-container {
    display: flex;
    align-items: center;
}
.popup__form_icon-container span {
    margin-right: 5px;
    width: max-content;
}
.popup__form_input {
    padding: 15px 70px 15px 30px;
    border-radius: 30px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    outline: none;
    background-color: #F9F9F9;
    width: 100%;
    max-width: 500px;
}
.popup__input_another {
    margin-top: 20px;
    max-width: 500px;
    display: none;
}
.popup__created_buttons {
    margin-top: 50px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.popup__created_add,
.popup__created_discover {
    padding: 15px 30px;
}
.popup__created_discover {
    border: 1px solid #F8931F;
    border-radius: 25px;
    color: #F8931F;
    text-decoration: none;
}
.popup__form_input-container .popup__form_input.active,
.contacts__container .contacts__input.active,
.popup__form_input.active {
    border: 1px solid #F8931F;
    background: #fff;
}
.popup__form_icons-container {
    position: relative;
    width: 350px;
}
.form__icon_message-desktop {
    display: none;
    background: #F8931F;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 10px 20px;
    position: absolute;
    max-width: 350px;
    width: 100%;
    z-index: 100;
    top: -50%;
    right: -30px;
    color: #fff;
}
.popup_message-mobile {
    display: none;
    position: fixed;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 5px -5px 15px rgb(0 0 0 / 10%);
    padding: 40px 50px 30px;
    left: 0;
    background: #fff;
    z-index: 140;
    border-radius: 10px 10px 0 0;
}
.popup__message_close {
    position: absolute;
    right: 15px;
    top: 10px;
}
.popup__form_input-inner {
    width: 100%;
    max-width: 500px;
    position: relative;
}
.popup__form_input_active {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}
.header__mobile_search {
    display: none;
    margin-right: 20px;
    width: 100%;
}
.mobile__search_container {
    position: relative;
}
.mobile__search_container svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
}
.header__mobile_title {
    background: #F9F9F9;
    padding: 15px 40px 15px 45px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    width: 100%;
}
.header__mobile_search.active {
    display: block;
}
.header__mobile_title.active {
    border-bottom-right-radius: 0;
}
.popup__header_mobile {
    position: fixed;
    max-width: 1440px;
    width: 100%;
    left: 0;
    z-index: 200;
    height: 100%;
    top: 100%;
    background: #fff;
    visibility: hidden;
    transition: top 1s, visibility 0s 1s;
}
.mobile__user_popup {
    position: absolute;
    top: 100%;
    background: #fff;
    width: 100%;
    padding-right: 40px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
}
.mobile__user_popup.active {
    transition: all 1s ease;
    opacity: 1;
    visibility: visible;
}
.header__mobile_user {
    background: #F9F9F9;
    border-radius: 20px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    position: relative;
}

.header__mobile_user svg{
    max-width: 100%;
    height: auto;
}

.header__mobile_user .header__popup_notifications{
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
}
.mobile__user_container {
    padding-inline: 20px;
    margin-top: 30px;
    position: relative;
}
.header__mobile_arrow-close {
    margin-right: 20px;
    display: none;
}
.header__mobile_arrow-open {
    margin-left: auto;
}
.header__mobile_inner {
    margin-top: 30px;
    padding-inline: 50px;
}
.header__mobile_container {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
}
.header__mobile_buttons {
    padding: 30px 50px 0;
    /* margin-top: auto; */
    margin-bottom: 75px;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.header__mobile_button {
    padding: 10px 30px;
    width: max-content;
    display: block;
}
.header__mobile_logo {
    display: flex;
    padding: 20px 20px 0;
    align-items: center;
    justify-content: space-between;
}
.header__mobile_menu {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.mobile__menu_big {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 30px;
}
.mobile__item a {
    color: #000;
    font-weight: 600;
}
.mobile__item a.active {
    color: #F8931F;
}
.header__mobile_buttons .mobile__register {
    background: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 30px;
    color: #000;
}
.input__another_container {
    position: relative;
}
.custom-select__container.custom-select__container_register {
    max-width: 500px;
}
.custom-select__main.select__city_register {
    padding: 15px 30px;
}
.custom-select__container.form__search_dropdown {
    border: none;
    border-radius: 0 30px 30px 0;
    background-color: #fff;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
}
.form__search_dropdown .custom-select {
    height: 100%;
    border-radius: 0 30px 30px 0;
    display: flex;
    align-items: center;
    border: none;
}
.form__search_dropdown .custom-select.validate {
    border: none;
}
.form__search_dropdown .custom-select__main {
    width: 100%;
}

.form__search_dropdown .custom-select__main > div{
    display: flex;
}

.form__search_dropdown .select__title_city{
    font-size: 18px;
    font-weight: 500;
    background: none;
}
.custom-select__container.form__search_dropdown:after {
    content: '';
    background: #DADADA;
    position: absolute;
    bottom: 10px;
    left: 0;
    height: 60px;
    width: 1px;
}
.home__banner {
    color: #fff;
    text-align: center;
    padding: 30px 10px 30px 10px;
    border-radius: 10px;
    margin-top: 50px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.home__banner_container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.home__banner_main-text {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px;
}
.home__banner_button {
    margin-top: 20px;
    font-weight: 600;
    padding: 15px 30px;
    border: 1px solid #FFFFFF;
    border-radius: 25px;
    cursor: pointer;
}
.product__trade {
    font-size: 14px;
    line-height: 24px;
}
.product__trade span {
    color: #F8931F;
    margin-left: 10px;
}
.product__info {
    width: 590px;
    min-width: 570px;
}
.product__questions {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid rgba(0, 0, 0, .2);
    padding-top: 20px;
    row-gap: 15px;
}
.product__photo {
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 100%;
    max-height: 600px;
    background: #F9F9F9;
    border: 1px solid #F9F9F9;
    border-radius: 10px;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}
.product__photo:hover .product__photo_hover {
    display: block;
}
.product__photo_hover {
    display: none;
    border-radius: 10px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
}
.product__photo_text {
    margin-bottom: 10px;
}
.product__photo img {
    height: 100%;
    width: auto;
    object-fit: cover;
}
.navigation__product_mobile {
    margin-top: 15px;
}
.product__mobile_photo {
    height: 375px;
    display: flex;
    background: #F9F9F9;
    justify-content: center;
}
.product__mobile_photo img {
    height: 100%;
    width: auto;
    object-fit: cover;
}
.product__question_answer {
    border: 1px solid #F8931F;
    border-radius: 20px;
    color: #F8931F;
    padding: 5px 15px;
}
.product__question_answer:empty {
    display: none;
}
.product__question {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-right: 30px;
    align-items: center;
}
.product__question_text {
    font-size: 14px;
    line-height: 24px;
}
.exchanges__button_about-icon.active {
    transform: rotate(180deg);
}
.product__description {
    margin-top: 30px;
    font-size: 14px;
    line-height: 24px;
}
.product__description-head {
    margin-bottom: 5px;
}
.product__buttons {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    align-items: center;
}
.product__button_propose,
.product__button_free {
    display: inline-block;
    padding: 15px 30px;
    color: #fff;
    background: #F8931F;
    border-radius: 30px;
    margin-right: 30px;
    text-decoration: none;
    cursor: pointer;
    outline: none;
}
.product__button_favorite {
    cursor: pointer;
}
.product__button_favorite span {
    margin-left: 10px;
}
.product__main_container {
    display: flex;
    margin-bottom: 150px;
    margin-top: 100px;
}
.product__exchange_item {
    max-width: 300px;
    height: 400px;
}
.product__photos {
    max-width: 900px;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-right: 30px;
}
.product__user_info {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.product__user_name {
    font-size: 14px;
    line-height: 24px;
    display: flex;
    column-gap: 5px;
    align-items: center;
}
.product__user_name a{
    color: #212529;
}
.product__user_name a:hover{
    color: #F8931F !important;
}
.product__user_avatar {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-right: 10px;
}
.product__user_info img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.product__genre {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
}
.product__isbn,
.product__language,
.product__price {
    font-size: 18px;
    line-height: 28px;
}
.product__cover,
.product__genre span {
    color: #F8931F;
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid #F8931F;
    border-radius: 20px;
    width: max-content;
}
.product__cover:empty,
.product__genre span:empty{
    display: none;
}
.product__genre_type {
    margin-right: 10px;
}
.product__other_info {
    display: flex;
    margin-bottom: 20px;
    row-gap: 10px;
}
.product__other_info-large {
    flex-direction: column;
}
.product__info_field {
    display: flex;
}
.product__subtitles {
    margin-right: 45px;
}
.product__subtitle_info {
    font-size: 14px;
    line-height: 24px;
    /* color: rgba(0, 0, 0, 0.7); */
    opacity: 0.75;
    max-width: 100px;
    width: 100%;
    margin-right: 45px;
}
.info__item_code span {
    /* color: #D0D0D0; */
    opacity: 0.75;
    margin-right: 10px;
    margin-bottom: 5px;
}
.product__author {
    font-size: 30px;
    line-height: 40px;
}
.product__title {
    font-size: 40px;
    line-height: 50px;
}
.about__title {
    font-size: 47px;
    line-height: 1.23;
}
.about__main_image {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}
.about__main_image-dark {
    display: none;
}
.about__quote {
    flex-direction: column;
    display: flex;
    align-items: center;
    margin-bottom: 80px;
}
.about__quote_text {
    text-align: center;
    max-width: 810px;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
}
.about__quote_text span {
    font-weight: 600;
}
.about__quote_under {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
}
.about__subtitle {
    margin: 0 auto;
    max-width: 1250px;
    text-align: center;
    font-size: 40px;
    line-height: 50px;
}
.about__core-values {
    margin-top: 50px;
    margin-bottom: 100px;
}
.core-values__title {
    margin-bottom: 30px;
    text-align: center;
}
.core-values__items {
    display: flex;
    gap: 15px;
}
.core-values__item {
    background: #F9F9F9;
    padding-block: 25px;
    border-radius: 10px;
    width: 100%;
    text-align: center;
}
.about__items {
    display: flex;
    gap: 15px;
    margin-top: 80px;
}
.about__item_container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.about__item_text {
    padding: 30px 50px;
    font-size: 16px;
    line-height: 26px;
}
.about__item_image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-block: 30px;
}
.about__item {
    background: #F9F9F9;
    border-radius: 10px;
    width: 100%;
    max-width: 490px;
}
.about__under_quote {
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    max-width: 700px;
    text-align: center;
    margin: 0 auto 150px;
}
.about__block_items {
    display: flex;
    gap: 15px;
    margin-bottom: 100px;
}
.about__block_item {
    background: #F8931F;
    border-radius: 10px;
    padding: 50px;
    color: #fff;
    max-width: 740px;
    width: 100%;
}
.about__block_title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 20px;
}
.about__block_quote {
    font-weight: 700;
    margin-bottom: 5px;
}
.about__block_text {
    margin-bottom: 10px;
    font-weight: 500;
}
.about__block_button {
    display: block;
    color: #fff;
    margin-top: 20px;
    cursor: pointer;
    border: 1px solid #FFFFFF;
    border-radius: 30px;
    padding: 15px 50px;
    width: max-content;
}
.about__block_item-image {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 740px;
    width: 100%;
    background: #F9F9F9;
    border-radius: 10px;
}
.about__start {
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
}
.about__container {
    margin-top: 150px;
}
.about__start_title {
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
}
.about__start_text {
    font-size: 30px;
    line-height: 44px;
    max-width: 650px;
    margin: 15px 0 50px;
}

.about__start_text a{
    color:#F8931F;
    transition: 0.3s;
}
.about__start_button {
    background: #F8931F;
    border-radius: 30px;
    padding: 15px 50px;
    color: #fff;
    width: max-content;
    cursor: pointer;
}
.about__start_button a {
    color: #fff;
}
.how__title {
    font-size: 70px;
    line-height: 86px;
    margin-bottom: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
}
.how__items_container {
    display: flex;
    gap: 15px;
    justify-content: center;
}
.how__items_mobile {
    display: none;
}
.how__items {
    display: flex;
    gap: 15px;
    flex-direction: column;
}
.how__item_custom {
    margin-top: 50%;
    display: flex;
    gap: 15px;
}
.how__item {
    width: 100%;
    max-width: 490px;
    min-height: 444px;
    background: #F9F9F9;
    border-radius: 10px;
    text-align: center;
    padding: 20px;
}
.how__item_numeric {
    position: absolute;
    background: #F8931F;
    border-radius: 6px;
    padding: 0 15px;
    color: #fff;
    width: max-content;
    font-size: 30px;
    line-height: 40px;
}
.how__item_image-dark {
    display: none;
}
.how__item_content {
    flex-direction: column;
    display: flex;
    align-items: center;
    width: 100%;
}
.how__item_title {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 40px;
}
.how__container .how__item_button {
    cursor: pointer;
    font-weight: 600;
    margin-top: 20px;
    background: transparent;
    color: #000;
    padding: 10px 30px;
    border: 1px solid #000000;
    border-radius: 30px;
}

.how__container .how__item_button:hover{
    color: #000;
    border: 1px solid #F8931F;
    background: #F8931F;
}

.how__item_text {
    text-align: center;
}
.how__container {
    margin-top: 150px;
}
.contacts__container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: 150px;
}
.contacts__send {
    display: none;
    color: #F8931F;
    margin: 30px 0 0;
}
.contacts__wrapper {
    max-width: 500px;
    width: 100%;
}
.contacts__title {
    font-size: 70px;
    line-height: 86px;
    text-align: center;
}
.contacts__undertitle {
    margin: 20px 0 20px;
    text-align: center;
    font-size: 30px;
    line-height: 40px;
}
.contacts__label {
    display: block;
    font-size: 14px;
    line-height: 24px;
    margin: 20px 0 10px;
}
.contacts__form {
    width: 100%;
}
.contacts__input {
    font-size: 16px;
    background: #F9F9F9;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    padding: 15px 30px;
    width: 100%;
    outline: none;
}
.contacts__label_message {
    resize: none;
    border-radius: 10px;
    height: 150px;
}
.contacts__form .contacts__submit {
    background: #F8931F;
    border: 1px solid #FFFFFF;
    border-radius: 30px;
    color: #fff;
    margin-top: 30px;
    padding: 15px 50px;
    display: flex;
    margin-left: auto;
}
.contacts__required-note {
    font-size: 14px;
    margin-top: 20px;
}
.contacts__form .error_message,
.contacts__status {
    font-size: 14px;
    line-height: 1.5;
}
.contacts__status:not(:empty) {
    margin-top: 16px;
    padding: 12px;
    border: 1px solid currentColor;
    border-radius: 8px;
    color: #b91c1c;
}
.contacts__status.is-pending {
    color: inherit;
}
.contacts__form .contacts__submit:disabled {
    opacity: 0.65;
    cursor: wait;
}
.contacts__input:focus-visible,
.contacts__status:focus-visible {
    outline: 2px solid #F8931F;
    outline-offset: 2px;
}
.dark-mode .contacts__status:not(.is-pending),
.dark-mode .contacts__form .error_message {
    color: #ff9696;
}
.create__container {
    margin-top: 80px;
}
.create__wrapper {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}
.create__title {
    font-size: 30px;
    line-height: 40px;
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
    text-align: center;
}
.create__steps {
    width: 100%;
    display: none;
    margin-bottom: 30px;
}
.create__step_info {
    font-size: 14px;
    display: none;
    line-height: 24px;
    margin-bottom: 10px;
}
.create__step {
    border-bottom: 2px solid rgba(0, 0, 0, .2);
    width: 100%;
}
.create__step + .create__step {
    margin-left: 10px;
}
.create__step.active {
    margin-left: 0;
    border-bottom: 2px solid #F8931F;
}
.create__inner {
    display: flex;
    justify-content: space-between;
    align-self: normal;
}
.create__fields {
    max-width: 500px;
    width: 100%;
}
.create__checkboxes_container {
    padding-right: 50px;
}
.create__checkboxes {
    max-width: 450px;
    width: 100%;
}
.create__checkboxes_mobile {
    display: none;
}
.checkbox__text,
.field__text {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}
.checkbox__radio_input {
    display: none;
}
.checkbox__answers {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 20px;
}
.create__fields .field__input {
    width: 100%;
}
.field__input_price {
    padding-left: 53px;
}
.create__product_category {
    max-width: none !important;
}
.field__blocks {
    display: flex;
    gap: 20px;
}
.field__blocks .field__block {
    width: calc(50% - 10px);
    flex-grow: 1;
}
.field__block {
    width: 100%;
    margin-bottom: 20px;
}
.field__block_container {
    position: relative;
}
.field__custom_symbol {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
}
.custom-select__container.create__product_language {
    width: 100%;
    max-width: none;
    height: max-content;
}
.create__checkboxes {
    background: #F9F9F9;
    border-radius: 10px;
    padding: 20px 20px 40px;
}
.checkbox__item {
    padding: 5px 15px;
    border: 1px solid #000000;
    border-radius: 20px;
    cursor: pointer;
    transition: all .3s ease;
}
.checkbox__item.active {
    color: #fff;
    background: #F8931F;
    border-radius: 20px;
    border: 1px solid #F8931F !important;
    transition: all .3s ease;
}
.checkbox__items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}
.checkbox__item_titles {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.checkbox__block {
    margin-bottom: 30px;
}
.checkbox__text {
    margin-bottom: 15px;
}
.checkbox__genres {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.checkbox__item_title {
    font-size: 12px;
    line-height: 22px;
}
.checkbox__item_fiction,
.checkbox__item_nonfiction {
    display: none;
}
.swiper-pagination-create .swiper-pagination-bullet {
    font-size: 20px;
    line-height: 30px;
    color: #000;
    background: transparent;
    opacity: 1;
    width: 30px;
    height: 30px;
    text-align: center;
}
.swiper-pagination-create .swiper-pagination-bullet + .swiper-pagination-create .swiper-pagination-bullet {
    margin-left: 30px !important;
}
.swiper-pagination-create .swiper-pagination-bullet-active {
    color: #fff;
    width: 30px !important;
    height: 30px !important;
    background: #F8931F;
}
.create__photos {
    padding: 30px;
    background: #F8931F;
    border-radius: 10px;
    margin: 50px 0 10px;
    color: #fff;
}
.photos__title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
}
.photos__items {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 15px;
    row-gap: 20px;
}
.photos__item {
    width: 100%;
    max-width: 175px;
    height: 225px;
    font-size: 14px;
    line-height: 24px;
    border: 1px dashed #FFFFFF;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.exchange__product_container {
    display: none;
}
.padding__container {
    padding: 0 50px;
}
.photo__item_control {
    display: none;
    position: absolute;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    text-align: center;
}
.photo__item_change {
    color: #F8931F;
    line-height: 1.2;
    padding: 9px 15px;
    background: #fff;
    margin-bottom: 15px;
    border-radius: 20px;
}
.photo__item_delete {
    color: #fff;
    display: inline-block;
    background: #3A3A3A;
    padding: 2px 10px;
    border-radius: 20px;
    border: 1px solid;
}
.photos__item.active:hover .photo__item_control {
    display: flex;
}
.photos__input {
    /* display: none; */
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}
.images-optimize-upload-wrapper{
    text-indent: -99999px;
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.images-optimize-upload-wrapper ul{
    margin: 0;
    padding: 10px;
    text-indent: 0;
}


.images-optimize-upload-wrapper li{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
}

.images-optimize-upload-wrapper li:empty{
    background: url(./img/loader-ico.gif) no-repeat center / 40px;
}

.images-optimize-upload-wrapper img,
.images-optimize-upload-wrapper video{
    object-fit: cover;
    min-height: 100%;
    min-width: 100%;
}

.image__item_container {
    width: 100%;
    height: 100%;
    /* opacity:0; */
}

.photo__item_cover,
.photo__item_rear,
.photo__item_copyright {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    color: #F8931F;
}
/* .photo__item_other .photo__item_text {
    display: none;
} */
.image__item {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* display: none; */
}
video.image__item {
    position: absolute;
    left: 0;
    top: 0;
}
.photo__item_text {
    text-align: center;
    position: absolute;
    padding: 0 10px;
    word-break: break-word;
}
.photos__item.active .photo__item_text{
    opacity: 0;
}
.create__description {
    margin: 50px 0;
}
.create__description__title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
}
.create__description__input {
    padding: 15px 30px;
    width: 100%;
    max-width: 1000px;
    height: 300px;
    resize: none;
    background: #F9F9F9;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    outline: none;
}
.create__type__title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
}
.create__change {
    margin-bottom: 50px;
}
.create__change_title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
}
.create__item_recommended {
    width: 100%;
    height: 370px;
}
.create__item_recommended_button {
    font-size: 14px;
    line-height: 24px;
    padding: 10px 0;
    text-align: center;
    margin-top: 10px;
}
.change__block_title {
    font-size: 14px;
    line-height: 24px;
}
.create__change_block .change__block_input {
    background: #F9F9F9;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    width: 100%;
    max-width: 500px;
    margin-top: 10px;
    padding: 15px 30px;
    outline: none;
}
.create__change_block {
    margin-bottom: 30px;
}
.change__select_title {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}
.change__select_button {
    border: 1px solid #F8931F;
    border-radius: 30px;
    padding: 10px 30px;
    color: #F8931F;
    width: max-content;
    cursor: pointer;
}
.create__contact {
    background: #F9F9F9;
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 30px;
}
.create__steps_buttons {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin-top: 50px;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
}
.steps__next {
    padding-block: 10px;
    width: 100%;
    text-align: center;
}
.steps__back.hide{
    display: none;
}
.contact__title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
}
.contact__undertitle {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}
.contact__wrapper {
    position: relative;
}
.settings__contact .btn-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}
.contact__save {
    width: max-content;
    margin-left: auto;
    padding: 15px 50px;
    opacity: 0.5;
    pointer-events: none;
}
.contact__save.active {
    opacity: 1;
    pointer-events: all;
}
.contact__input.active {
    border: 1px solid #F8931F;
}
.save-message{
    /* text-align: right; */
    margin: 0 15px 0 0;
    font-size: 12px;
    line-height: 1.2;
}
.save-message.success{
    color: #5EB007;
}
.save-message.error{
    color: #DA2020;
}

.contact__input_whatsapp,
.contact__input_facebook {
    display: none;
}
.contact__messengers_symbol {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
}
.contact__text {
    margin-bottom: 20px;
}
.contact__user {
    display: flex;
}
.user__avatar {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-right: 15px;
}
.user__name {
    font-weight: 500;
}
.user__data {
    font-size: 14px;
    line-height: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.user__email {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
}
.user__location {
    font-size: 14px;
    line-height: 24px;
}
.user__avatar img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.user__info {
    padding-top: 10px;
}
.contact__under_title {
    margin-top: 30px;
    font-weight: 600;
    margin-bottom: 20px;
}
.contact__phone {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 10px;
}
.contact__phone_title,
.contact__messengers_title {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}
.contact__phone_input {
    background: #F9F9F9;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    padding: 15px 30px;
    width: 100%;
    max-width: 500px;
    outline: none;
}
.contact__messengers {
    padding: 20px;
    background: #FFFFFF;
    border-radius: 10px;
}
.contact__messengers__items {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.contact__messengers__item.active,
.contact__messengers__item:hover  {
    color: #fff;
    background: #F8931F;
    border: 1px solid #F8931F !important;
}
.contact__messengers__item {
    cursor: pointer;
    padding: 5px 15px;
    border: 1px solid #000000;
    border-radius: 20px;
    transition: 0.3s;
}
.contact__messengers_input {
    background: #F9F9F9;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    padding: 15px 30px 15px 57px;
    width: 100%;
    max-width: 500px;
    outline: none;
}
.create__buttons {
    display: flex;
    justify-content: end;
    align-items: center;
    font-weight: 600;
    column-gap: 30px;
}

.create__button_publish {
    /* padding: 15px 30px; */
    padding: 7px 20px;
    color: #fff;
    background: #F8931F;
    border: none;
    border-radius: 30px;
}

.create__button_publish:hover{
    color: #000;
}
.actions__popup_block {
    display: none;
    position: fixed;
    z-index: 10;
    background: #fff;
    width: 100%;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 5px -5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px 10px 0 0;
}
.actions__popup_block.active {
    display: block;
}
.actions__popup_container {
    padding-top: 15px;
    padding-bottom: 35px;
}
.actions__title {
    font-size: 10px;
    line-height: 20px;
    color: rgba(0, 0, 0, .5);
    margin-bottom: 15px;
    text-align: center;
}
.actions__buttons {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.user__actions_popup {
    font-size: 14px;
    line-height: 24px;
}
.user__actions_popup .control__button_delete {
    margin-top: 10px;
    margin-left: 0;
}
.user__actions_popup .control__button_password,
.user__actions_popup .control__button_view {
    border: 1px solid #000000;
    border-radius: 30px;
}
.user__actions_popup .control__button {
    background: transparent;
}
.actions__open,
.actions__edit {
    border: 1px solid #000000;
    border-radius: 30px;
    padding-block: 10px;
    color: #000;
    width: 100%;
}
.actions__cancel {
    color: #DA2020;
    padding-block: 10px;
    border: 1px solid #DA2020;
    border-radius: 30px;
}
.popup-password {
    width: 100%;
    height: 100vh;
    display: none;
    z-index: 110;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    align-items: center;
    justify-content: center;
    overflow: auto;
    text-align: center;
    padding: 20px 15px;
}
.popup-password:before{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin: 0 0 0 -5px;
}
.popup-password__container {
    width: calc(100% - 5px);
    max-width: 1190px;
    justify-content: center;
    background: #fff;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    vertical-align: middle;
    text-align: left;
}
.popup-password__title {
    font-size: 35px;
    line-height: 50px;
    margin-bottom: 20px;
    text-align: center;
}
.popup-password__text {
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
}
.popup-password__change {
    padding-block: 75px;
}
.popup-password__wrapper {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}
.popup-password__submit-button {
    padding-block: 15px;
    text-align: center;
    margin-bottom: 20px;
}
.popup-password__changed {
    padding-block: 255px;
    display: none;
    flex-direction: column;
    align-items: center;
}
.popup-password__forgot-button {
    color: #7A7A7A;
    text-decoration: underline;
    display: flex;
    justify-content: center;
    cursor: pointer;
}
.popup-password__field {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
.popup-password__title-changed {
    font-size: 35px;
    line-height: 50px;
    margin-bottom: 20px;
}
.popup-password__text-changed {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 50px;
}
.popup-password__button {
    padding: 15px 125px;
}
.popup-password__label {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}
.popup-password__close {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 30px;
}
.account__container {
    margin-top: 150px;
}
.account__wrapper {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}
.account__title {
    font-size: 30px;
    line-height: 40px;
}
.account__rejected_items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}
.account__rejected_item {
    max-width: 475px;
    width: 100%;
    padding: 20px;
    background: #F8931F;
    border-radius: 10px;
    color: #fff;
}
.account__rejected_title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
}
.account__rejected_comment {
    margin-bottom: 30px;
}
.account__rejected_button {
    padding: 10px 20px;
    background: #FFFFFF;
    border-radius: 25px;
    width: max-content;
    font-weight: 600;
    color: #000;
    cursor: pointer;
    font-size: 14px;
    line-height: 24px;
    margin-left: auto;
}
.navigation__items {
    display: flex;
}
.navigation__item,
.navigation__exchange {
    color: rgba(0, 0, 0, .5);
    padding: 0 20px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    cursor: pointer;
    text-align: center;
    outline: none;
}
.navigation__item.active,
.navigation__exchange.active {
    color: #000;
    border-bottom: 1px solid rgba(0, 0, 0);
    outline: none;
}
.account__navigation {
    margin-top: 50px;
    margin-bottom: 30px;
}
.navigation__items_mobile {
    display: none;
}
.navigation__items_swiper .swiper-slide,
.navigation__exchanges_swiper .swiper-slide {
    width: auto !important;
}
.account__items_title {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
}
.account__items_title-custom {
    margin-top: 50px;
}
.account__items_title-completed {
    margin-bottom: 30px;
}
.account__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}
.account__item_wrapper {
    display: flex;
    max-width: 475px;
    width: 100%;
    position: relative;
    opacity: 1;
}
.account__item_wrapper.delete,
.favourite__item.delete,
.exchanges__item_container.delete {
    opacity: 0;
    transition: opacity 1s ease;
}
.account__item_delete-icon {
    display: none;
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    align-items: center;
    justify-content: center;
    height: 30px;
    background: #FFFFFF;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .1);
    border-radius: 20px;
    cursor: pointer;
}
.account__item {
    display: flex;
    align-items: center;
    background: #F9F9F9;
    border-radius: 10px;
    flex-grow: 1;
}
.account__item:hover ~ .account__item_delete-icon {
    display: flex;
}
.account__item_delete-icon:hover {
    display: flex;
}
.account__item_image {
    max-width: 180px;
    width: 100%;
    height: 220px;
    /* min-height: 100%; */
}
.account__item_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.account__item_info {
    padding: 20px 20px 15px;
    display: flex;
    flex-direction: column;
    max-width: 295px;
    width: 100%;
    height: 100%;
}
.item__info_proposals-number {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    background: #F8931F;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.item__info_proposal {
    display: flex;
    align-items: center;
    font-weight: 600;
}
.item__info_proposal svg {
    margin-left: 5px;
}
.item__info_proposals {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}
.item__button_open {
    color: #000;
}
.item__info_status {
    color: #F8931F;
    border: 1px solid #F8931F;
    border-radius: 20px;
    padding: 5px 15px;
    width: max-content;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}
.item__shadow {
    border-radius: 10px;
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(
            360deg, #000000 0%, rgba(0, 0, 0, 0) 48%);
    top: 0;
}
.item__info_user {
    display: flex;
    margin-bottom: 5px;
}
.item__info_author {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.item__info_ratings-container {
    margin-left: 5px;
    display: flex;
    align-items: center;
}
.item__info_ratings {
    margin-left: 5px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 24px;
}
.item__info_buttons {
    align-items: center;
    margin-top: auto;
    align-self: end;
    font-size: 14px;
    line-height: 24px;
    display: flex;
    column-gap: 20px;
}
.item__buttons_mobile {
    display: none;
    align-items: center;
    justify-content: end;
    margin-top: auto;
    gap: 5px;
    font-size: 14px;
    line-height: 24px;
}
.item__buttons_icon-active {
    display: none;
}
.item__buttons_mobile.active {
    color: #F8931F;
}
.item__buttons_mobile.active .item__buttons_icon-active {
    display: block;
}
.item__buttons_mobile.active .item__buttons_icon {
    display: none;
}
.item__button {
    cursor: pointer;
}
.item__button_cancel {
    color: #DA2020;
}
.item__button_edit {
    color: #000;
    border: 1px solid #000000;
    border-radius: 25px;
    padding: 5px 20px;
}
.item__button_edit-icon {
    margin-right: 10px;
}
.account__navigation_exchanges {
    margin-top: 50px;
    display: none;
}
.exchanges__item {
    position: relative;
    display: flex;
    column-gap: 50px;
}
.account__user_local {
    display: flex;
    flex-direction: column;
}
.info__user {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 10px;
    margin-top: auto;
    padding: 10px 0 0;
}
.account__user_avatar {
    width: 50px;
    min-width: 50px;
    height: 50px;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
}
.account__user_avatar img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.user__ratings {
    display: flex;
    align-items: center;
}
.user__name_title {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    margin-right: 5px;
}
.user__mutual_container {
    display: flex;
    column-gap: 5px;
    align-items: center;
    margin-top: 10px;
}
.user__mutual_text {
    font-size: 14px;
    line-height: 24px;
}
.user__mutual_items {
    position: relative;
}
.user__mutual_item {
    width: 30px;
    height: 30px;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
}
.user__mutual_item.first:not(:only-child) {
    position: absolute;
    top: 0;
}
.user__mutual_item.second {
    margin-left: 15px;
}
.user__mutual_item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.user__image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
}
.user__image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.account__exchanges_inner {
    padding-top: 30px;
    padding-bottom: 50px;
    background: #F9F9F9;
}
.exchanges__item_user {
    max-width: 475px;
    width: 100%;
    background: #F8931F;
    border: 1px solid #F8931F;
    border-radius: 10px;
    display: flex;
    color: #fff;
}
.exchanges__item_user:not(.exchanges__item_user-owner){
    cursor: pointer;
}
.exchanges__item_user-owner {
    background: #fff;
    border: 1px solid #fff;
    color: #000;
}
.profile__exchanges_item-user-owner {
    background: #F9F9F9;
    border: 1px solid #fff;
    color: #000;
}
.item__user_info {
    padding: 10px 15px;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.info_title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 5px;
}
.info_category {
    font-size: 14px;
    line-height: 24px;
}
.item__user_image {
    max-width: 135px;
    width: 100%;
    height: 165px;
    position: relative;
}
.item__user_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.item__user_image-first {
    position: absolute;
    top: 0;
    left: 30px;
    border-inline: 1px solid #F8931F;
}
.item__user_image-second {
    position: absolute;
    top: 0;
    left: 60px;
    border-inline: 1px solid #F8931F;
}
.exchanges__buttons {
    align-items: center;
    margin-top: 20px;
    display: flex;
    justify-content: end;
    gap: 20px;
}
.exchanges__button_view,
.exchanges__button_accept {
    background: #F8931F;
    border-radius: 25px;
    padding: 10px 35px;
    white-space: nowrap;
}
.exchanges__button_reject {
    padding: 10px 35px;
    cursor: pointer;
    text-align: center;
    font-weight: 600;
    background: #fff;
    border-radius: 25px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    color: #212529;
}
.exchanges__text {
    margin-bottom: 20px;
}
.exchanges__items {
    display: flex;
    flex-direction: column;
    gap: 70px;
}
.exchanges__items + .exchanges__items {
    margin-top: 70px;
}
.new__proposals_mobile {
    display: none;
}
.profile__exchanges_items {
    gap: 50px;
}
.profile__exchanges_items + .profile__exchanges_items {
    margin-top: 50px;
}
.exchanges__items_mobile {
    display: none;
}
.reviews__items_slider {
    width: 100%;
}
.exchanges__items_slider .swiper-pagination,
.product__exchange_slider .swiper-pagination,
.profile__products_slider .swiper-pagination,
.reviews__items_slider .swiper-pagination,
.swiper-pagination-custom {
    transform: none !important;
    /*display: flex;*/
}
.exchanges__item_icon {
    position: absolute;
    width: 60px;
    height: 60px;
    display: flex;
    z-index: 10;
    justify-content: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
}
.exchanges__button_status span {
    margin-left: 10px;
}
.popup-receive,
.popup-default {
    width: 100%;
    z-index: 120;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    display: none;
    align-items: center;
    justify-content: center;
    overflow: auto;
    padding: 40px 20px;
}
.popup-receive__container,
.popup-default__container {
    max-width: 1190px;
    min-height: 300px;
    width: 100%;
    position: relative;
    background: #FFFFFF;
    border-radius: 10px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup-receive__choose,
.popup-default__content{
    display: flex;
    padding: 50px 30px;
    gap: 60px;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.popup-receive__closing{
    display: none;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 50px 30px;
}
.popup-receive__close,
.popup-default__close {
    position: absolute;
    top: 20px;
    right: 30px;
    cursor: pointer;
}
.popup-receive__title{
    font-size: 35px;
    line-height: 43px;
}

.popup-default__title  {
    font-size: 28px;
    line-height: 1.2;
    text-align: center;
}
.popup-receive__buttons,
.popup-default__buttons {
    display: flex;
    gap: 20px;
}
.popup-receive__button,
.popup-default__button  {
    padding: 10px 35px;
    width: max-content;
}
.popup-receive__success {
    display: none;
    padding: 110px 95px 30px;
    flex-grow: 1;
}
.popup-receive__unsuccess {
    display: none;
    padding: 110px 95px 30px;
    flex-grow: 1;
}
.popup-receive__accepted {
    align-items: center;
    display: none;
    justify-content: center;
    text-align: center;
    padding: 50px 30px;
    gap: 60px;
    flex-direction: column;
    height: 100%;
}
.popup-receive__cancel {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.05);
    color: #000;
}
.popup-receive__success_title {
    margin-bottom: 10px;
}
.popup-receive__name {
    font-weight: 600;
}
.popup-receive__info {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
}
.popup-receive__location {
    font-size: 14px;
    line-height: 24px;
}
.popup-receive__location span {
    margin-left: 5px;
}
.popup-receive__text {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 30px;
}
.popup-receive__stars {
    display: flex;
    gap: 5px;
    margin-bottom: 30px;
}
.popup-receive__star {
    cursor: pointer;
}
.popup-receive__check-star {
    display: none;
}
.popup-receive__review {
    margin-bottom: 20px;
}
.popup-receive__textarea {
    background: #F9F9F9;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    resize: none;
    padding: 15px 30px;
    height: 300px;
    width: 100%;
    outline: none;
}
.popup-receive__textarea_text {
    display: none;
    font-size: 20px;
    line-height: 30px;
}
.popup-receive__textarea .error__container {
    border: 1px solid #DA2020;
}
.popup-receive__closing_text {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 40px;
    text-align: center;
}
.popup-receive__closing_title {
    margin-bottom: 20px;
}
.popup-receive__button_leave {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.05);
    color: #000;
    font-weight: 600;
}
.popup-receive__back {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    position: absolute;
    top: 30px;
    left: 30px;
}
.popup-receive__unsuccess_title {
    margin-bottom: 20px;
}
.success__user {
    margin-bottom: 30px;
}
.popup-receive__contacts {
    display: flex;
    gap: 70px 100px;
    flex-wrap: wrap;
    margin-bottom: 80px;
}
.popup-receive__contact {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.popup-receive__contact a{
    color: #000;
}
.popup-receive__contacts_title {
    font-size: 20px;
    line-height: 30px;
}
.popup-receive__contacts_info {
    text-decoration: underline;
}
.popup-receive__undertext {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 30px;
}
.success__user {
    display: flex;
    gap: 10px;
    align-items: center;
}
.success__avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.success__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.exchanges__item_contact-hidden {
    display: none;
}
.success__name span {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    margin-right: 5px;
}
.success__name {
    display: flex;
    align-items: center;
}
.exchanges__button_receive {
    color: #212529;
    line-height: 1.5;
    text-decoration: underline;
    cursor: pointer;
    padding: 10px 30px;
    border: 1px solid #000000;
    border-radius: 30px;
    transition: 0.3s;
    text-decoration: none;
    text-align: center;
}

.exchanges__button_receive:hover {
    background: #000;
    color: #fff;
}
.exchanges__button_about {
    margin-right: auto;
    display: flex;
    column-gap: 15px;
    align-items: center;
    cursor: pointer;
}
.exchanges__buttons_mobile {
    display: none;
}
.exchanges__button_accepted {
    color: #34C931;
    text-transform: capitalize;
}
.exchanges__button_sent {
    color: #F3C300;
    text-transform: capitalize;
}
.exchanges__button_cancelled {
    color: #DA2020;
    display: inline-flex;
    align-items: center;
    text-transform: capitalize;
}
.exchanges__button_cancelled-text {
    margin-right: auto;
    color: #DA2020;
}
.settings__control_buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.control__button_view,
.control__button_password {
    background: #F9F9F9;
    border-radius: 25px;
    padding: 10px 20px;
}
.control__button span {
    margin-left: 10px;
    color: #000;
}
.control__button {
    cursor: pointer;
}
.control__button_logout {
    border: 1px solid #DA2020;
    padding: 10px 20px;
    border-radius: 25px;
}

.control__button_logout:hover {
    background-color: rgb(218 32 32 / 15%);
}
.control__button_logout span,
.control__button_delete span {
    color: #DA2020;
}
.control__button_delete {
    align-self: center;
    color: #DA2020;
}
.control__button_delete:hover{
    opacity: 0.75;
}
.settings__user {
    margin-bottom: 30px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.user__main_avatar {
    display: flex;
    align-items: center;
}
.avatar__image {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin-right: 15px;
}
.avatar__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.avatar__control_button {
    text-decoration: underline;
    cursor: pointer;
}
.user__referral {
    width: max-content;
    padding: 15px 50px;
}
.avatar__control_change {
    color: #F8931F;
    margin-bottom: 10px;
}
#change_photo_input,
#delete_photo_input {
    display: none;
}
.settings__user_button-mobile,
.user__button_mobile-active {
    display: none;
}
.personal__title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}
.personal__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    flex-wrap: wrap;
    gap: 20px 50px;
    margin-bottom: 30px;
}
.personal__input {
    max-width: 475px;
    width: 100%;
}
.personal__input.active {
    border: 1px solid #F8931F;
}
.personal__label {
    margin-bottom: 10px;
}
.personal__save {
    width: max-content;
    margin-left: auto;
    padding: 15px 50px;
    opacity: .5;
}
.personal__save.active {
    opacity: 1;
}
.settings__newsletter {
    margin-top: 50px;
}
.newsletter__title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}
.newsletter__button {
    width: max-content;
    padding: 15px 50px;
    text-align: center;
}
.settings__newsletter .already-subscribed {
    font-size: 14px;
}
.settings__newsletter .newsletter-success {
    font-size: 14px;
    color: #5EB007;
}
.settings__newsletter .newsletter-error{
    margin: 10px 0 0;
    font-size: 12px;
    color: #DA2020;
}
.contact__phone_settings {
    margin-bottom: 20px;
}
.settings__contact {
    max-width: 475px;
}
.friends__search,
.favourites__search {
    margin-bottom: 30px;
    position: relative;
}
.friends__search_icon,
.favourites__search_icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
}
.friends__search_input,
.favourites__search_input {
    max-width: 450px;
    width: 100%;
    color: rgba(0, 0, 0, .5);
    padding: 10px 20px 10px 50px;
    outline: none;
    background: #F9F9F9;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 30px;
}
.friends__title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}
.friends__items {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}
.friends__following_mobile {
    display: none;
}
.friends__items_swiper .swiper-slide,
.request-friends__items_swiper .swiper-slide {
    /*width: 170px !important;*/
}
.friends__item {
    background: #F9F9F9;
    border-radius: 10px;
    width: 210px;
    padding: 15px 10px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.friends__image {
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
    border-radius: 50%;
}
.friends__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.friends__name {
    font-weight: 600;
    text-align: center;
}
.friends__name a{
    color: #212529;
    word-break: break-word;
}
.friends__ratings {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
}
.friends__location {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 25px;
}
.friends__item .success-message{
    font-size: 13px;
    line-height: 1.25;
    color: #5EB007;
    text-align: center;
    margin: 0 0 10px;
}
.friends__button_follow,
.friends__button_following {
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    width: 100%;
}
.friends__button_following {
    color: #F8931F;
    background: transparent;
    border: 1px solid #F8931F;
}
.friends__requests,
.friends__following {
    margin-bottom: 50px;
}
.friends__button_view {
    margin-top: 10px;
    font-size: 14px;
    line-height: 24px;
    color: #000;
}
.favourite__item {
    width: 100%;
    max-width: 320px;
    height: 380px;
}
.saved__notify_container .saved__notify_checkbox {
    align-items: center;
    margin-top: 0;
}
.saved__items {
    display: flex;
    flex-direction: column;
    row-gap: 50px;
}
.saved__item {
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 10px;
}
.message-remove {
    margin: 12px 20px;
    font-size: 13px;
    color: #5EB007;
    text-align: center;
}
.saved__title {
    font-size: 18px;
    line-height: 28px;
    display: flex;
    align-items: center;
    column-gap: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #000000;
}
.saved__categories {
    margin-top: 15px;
    gap: 15px 10px;
    display: flex;
    flex-wrap: wrap;
}
.saved__message {
    background: #F9F9F9;
    border: 1px solid rgba(0, 0, 0, 0.05);
    margin-top: 20px;
    cursor: auto;
    width: max-content;
    padding: 5px 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
}
.saved__message.disable {
    background: #F9F9F9;
    border: 1px solid rgba(0, 0, 0, 0.05);
    color: #000;
}
.saved__category {
    padding: 5px 20px;
    border: 1px solid #F8931F;
    border-radius: 30px;
    width: max-content;
}
.saved__notify_container {
    background: #F9F9F9;
    padding: 15px 20px 20px;
    display: flex;
    justify-content: space-between;
    border-radius: 0 0 10px 10px;
}
.saved__notify_container .checkbox__label {
    font-size: 14px;
    line-height: 24px;
}
.saved__main {
    padding: 20px;
}
.saved__delete_button {
    color: #DA2020;
    font-size: 14px;
    line-height: 24px;
    cursor: pointer;
}
.saved__delete_button span {
    margin-left: 10px;
}
.account__block {
    display: none;
}
.account__block.active {
    display: block;
}
.exchange__container {
    background: rgba(249, 249, 249, .9);
}
.exchange-several__item_container {
    background: #FFFFFF;
    border-radius: 10px;
    display: flex;
    gap: 30px;
    margin-bottom: 20px;
}
.exchange-several__item_image {
    height: 100px;
    width: 85px;
    border-radius: 10px;
}
.exchange-several__item_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.exchange-several__item_title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px;
    margin-top: 10px;
}
.exchange-several__item_category {
    font-size: 14px;
    line-height: 24px;
}
.exchange-several__proposed_title {
    font-weight: 600;
    margin-bottom: 35px;
}
.exchange-several__proposed_icon {
    display: none;
    width: 60px;
    top: -5%;
    height: 60px;
    left: 50%;
    justify-content: center;
    z-index: 10;
    transform: translate(-50%, -50%);
    position: absolute;
    align-items: center;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 15px rgb(0 0 0 / 10%);
    background: #fff;
}
.exchange-several__proposed_items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px 50px;
}
.exchange-several__proposed_item {
    position: relative;
}
.exchange-several__buttons {
    display: flex;
    justify-content: end;
    gap: 20px;
    margin-top: 30px;
}
.exchange-several__items_container {
    display: none;
}
.exchange__wrapper {
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 70px;
}
.exchanges__item_icon-product {
    left: 0;
    transform: translate(-90%, -50%);
}
.exchange__accepted_container {
    max-width: 1100px;
    margin: 50px auto 0;
    width: 100%;
}
.accepted__user_info {
    margin-bottom: 30px;
    display: flex;
    font-weight: 600;
    align-items: center;
}
.accepted__user_image {
    width: 80px;
    height: 80px;
    margin-right: 10px;
    border-radius: 50%;
}
.accepted__user_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.accepted__links {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 100px;
}
.link__title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
}
.link__info {
    text-decoration: underline;
}
.accepted__title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 20px;
}
.exchange__info_title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 30px;
}
.exchange__info_button {
    background: #F8931F;
    color: #fff;
    padding: 10px 35px;
    border-radius: 25px;
    display: inline-block;
}
.accepted__text {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}
.exchange__title {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 30px;
}
.exchange__title_mobile {
    display: none;
}
.exchange__title_button {
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
    color: #000;
}
.exchange__title_button span {
    position: absolute;
    top: 0;
    left: -50px;
}
.header__popup {
    display: flex;
    align-items: center;
    padding: 0 20px;
    cursor: pointer;
    position: relative;
}
.header__popup_notifications {
    position: absolute;
    width: 16px;
    height: 16px;
    background: #DA2020;
    border-radius: 50%;
    top: -5px;
    right: -5px;
}
.header__popup_notifications-small {
    width: 9px;
    height: 9px;
    background: #DA2020;
    border-radius: 50%;
    align-self: center;
    margin-left: auto;
    margin-right: 10px;
}
.header__popup_link {
    display: flex;
    align-items: center;
    width: -webkit-fill-available;
}
.header__popup_icon {
    margin-right: 10px;
    width: 25px;
    height: 25px;
}
.header__popup_avatar {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.header__popup_name {
    margin-right: 30px;
    color: #000;
    overflow: hidden;
}
.header__popup_arrow.active {
    transform: rotate(180deg);
}
.header__popup_container {
    opacity: 0;
    position: absolute;
    top: 55px;
    width: 250px;
    background: #fff;
    max-width: 250px;
    right: 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 10px 10px;
    transition: all .3s ease;
    visibility: hidden;
}
.header__popup_container.active {
    transition: all 1s ease;
    visibility: visible;
    opacity: 1;
}
.header__popup_wrapper {
    display: flex;
    flex-direction: column;
    align-items: start;
}
.header__popup_title {
    font-weight: 600;
    color: rgba(0, 0, 0, .5);
    margin-bottom: 13px;
    margin-left: 20px;
    margin-top: 12px;
}
.header__popup_items {
    width: 100%;
    margin: 0 0 12px;
}
.header__popup_items:last-of-type{
    margin: 0;
}
.header__popup_item {
    display: flex;
    column-gap: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 12px;
    padding-top: 12px;
    width: 100%;
    color: #000;
    text-decoration: none;
}
.header__popup_item:hover {
    color: #000;
    background-color: #f8931f;
}
.header__popup_item-icon {
    margin-left: 20px;
}
.header__popup_logout {
    /* margin: 10px 0 0; */
    padding: 22px 0 12px 20px;
    display: flex;
    color: #DA2020;
    border-radius: 0 0 10px 10px;
}

.header__popup_logout:hover{
    background-color: rgb(218 32 32 / 30%);;
}
.popup__logout_icon {
    margin-right: 10px;
}
.profile__container {
    margin-top: 210px;
}
.popup__comments_container,
.popup__friends_container {
    height: 100%;
    align-items: center;
    width: 100%;
    justify-content: center;
    left: 0;
    top: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.2);
    z-index: 120    ;
    display: none;
}
.popup__comments_ratings {
    display: flex;
    align-items: center;
}
.popup__comments_value {
    margin-left: 5px;
    font-size: 14px;
    line-height: 24px;
}
.popup__comments_stars {
    display: flex;
}
.popup__comments_close,
.popup__friends_close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
}
.popup__comments_wrapper,
.popup__friends_wrapper {
    position: relative;
    max-width: 600px;
    width: 100%;
    background: #F9F9F9;
    border-radius: 10px;
    padding: 20px;
}
.popup__comments__user {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}
.popup__comments_image {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.popup__comments_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.popup__comments_date {
    font-size: 12px;
    line-height: 22px;
    color: rgba(0, 0, 0, .5);
    margin-bottom: 5px;
}
.popup__comments_undertext {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
}
.popup__comments_reviews {
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}
.popup__comments_comment {
    font-size: 14px;
    line-height: 24px;
}
.popup__comments_button {
    color: #000;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 25px;
    padding: 10px 35px;
    width: max-content;
    margin-left: auto;
    margin-top: 25px;
    cursor: pointer;
}
.popup__comments_name {
    font-size: 14px;
    line-height: 24px;
}
.popup__friends_wrapper {
    padding-bottom: 0;
    max-height: 700px;
    overflow-y: scroll;
}
.popup__friends_image {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}
.popup__friends_image img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.popup__friends_name {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    margin-right: 5px;
}
.popup__friends_following {
    font-size: 14px;
    line-height: 24px;
}
.popup__friends__user {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
}
.popup__friends_item {
    padding: 12px 0 12px 10px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}
.popup__friends_link {
    display: flex;
    align-items: center;
    color: #000;
}
.popup__friends__buttons {
    display: flex;
    margin-left: auto;
    align-items: center;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    column-gap: 30px;
}
.popup__friends_follow,
.popup__friends_unfollow {
    padding: 10px 30px;
    width: max-content;
}
.popup__friends_unfollow {
    border: 1px solid #F8931F;
    border-radius: 30px;
    color: #F8931F;
    background: #fff;
}
.popup__friends_view {
    color: #000;
}
.profile__wrapper {
    max-width: 1100px;
    margin: 0 auto;
}
.profile__user_info {
    position: relative;
    background: #F9F9F9;
    border-radius: 10px;
    padding: 95px 30px 30px;
    margin-bottom: 30px;
}
.profile__user_image {
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    width: 150px;
    height: 150px;
    border: 1px solid #FFFFFF;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1), 5px 5px 15px rgba(0, 0, 0, 0.1);
}
.profile__user_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.reviews__title_icon {
    margin-left: 15px;
}
.profile__user_name {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
}
.profile__user_location {
    text-align: center;
}
.profile__user_local {
    margin-top: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
}
.user__friends_text {
    font-weight: 600;
    cursor: pointer;
}
.profile__user_location {
    display: flex;
    align-items: center;
    justify-content: center;
}
.profile__user_location-icon {
    margin-right: 5px;
}

.profile__user_local .btn-wrapper{
    text-align: center;
}
.user__follow_button {
    color: #fff;
    padding: 10px 74px;
    background: #F8931F;
    border-radius: 30px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 600;
    width: max-content;
    justify-self: center;
    cursor: pointer;
    margin: 0 auto;
}
.user__unfollow_button {
    color: #fff;
    padding: 10px 74px;
    border: 1px solid #000;
    color: #212529;
    border-radius: 30px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 600;
    width: max-content;
    justify-self: center;
    cursor: pointer;
    margin: 0 auto;

}
.user__unfollow_button:hover {
    background: #000;
    color: #fff;
}
.user__already_invited_button{
    color: #5EB007;
}
.user__socials {
    justify-self: end;
    display: flex;
    column-gap: 15px;
}
.user__social {
    display: inline-block;
    cursor: pointer;
}
.profile__reviews {
    font-size: 14px;
    line-height: 24px;
}
.reviews__title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.reviews__items {
    display: flex;
    column-gap: 15px;
}
.reviews__item {
    width: 100%;
    max-width: 323px;
    padding: 10px 10px 15px;
    background: #F9F9F9;
    border-radius: 10px;
}
.reviews__image {
    border-radius: 50%;
    border: 1px solid #FFFFFF;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.reviews__image img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.reviews__name {
    font-weight: 600;
}
.reviews__user {
    align-items: center;
    display: flex;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    margin-bottom: 10px;
}
.reviews__data {
    font-size: 12px;
    line-height: 22px;
    color: rgba(0, 0, 0, .5);
    margin-bottom: 5px;
}
.reviews__text {
    margin-bottom: 5px;
}
.reviews__stars {
    display: flex;
    column-gap: 5px;
    align-items: center;
}
.reviews__comment {
    margin-top: 15px;
    border-top: 1px solid rgba(0, 0, 0, .2);
    padding-top: 10px;
}
.reviews__read {
    cursor: pointer;
    color: #F8931F;
    text-decoration: underline;
    margin-top: 10px;
}
.profile__products {
    margin-top: 50px;
}
.profile__products_title {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 30px;
}
.profile__exchanges {
    margin-top: 50px;
}
.profile__exchanges_title {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 30px;
}
/*Styling Selectbox*/
.custom-select__container {
    max-width: 320px;
    width: 100%;
    z-index: 2;
    cursor: pointer;
    position: relative;
}
.custom-select__container.active {
    filter: drop-shadow(5px 5px 15px rgba(0, 0, 0, 0.1));
    transition: all .5s ease;
    z-index: 10;
}
.custom-select__container.selected .custom-select {
    border: 1px solid #F8931F;
}
.custom-select__container.personal__location {
    max-width: none;
}
.custom-select {
    color: #474747;
    border: 1px solid rgba(0, 0, 0, 0.05);
    outline: none;
    height: max-content;
    border-radius: 25px;
    /* transition: all .5s ease; */
    background: #fff;
}
.custom-select.validate {
    border: 1px solid #F8931F;
}
.custom-select.validate .custom-select__main .custom-select__title{
    opacity: 1;
}
.custom-select.active {
    border-radius: 25px 25px 0 0;
}
.custom-select.active .dropdown__arrow {
    transform: rotate(-180deg);
}
.custom-select__container_city {
    display: flex;
    align-items: center;
    width: 100%;
}
.select__title_city-input {
    outline: none;
    border: none;
    font-size: 16px;
    line-height: 26px;
}
.custom-select__main {
    padding: 15px 30px;
    display: flex;
    justify-content: space-between;
}

.custom-select__main > div:first-child{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 5px 0 0;
}
.select__title_city {
    margin-left: 10px;
    margin-right: 10px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.custom-select__title_container {
    width: 100%;
    display: flex;
}

.custom-select .custom-select__title{
    color: #000;
    background: none;
}

.select__menu {
    display: none;
    z-index: 1;
    position: absolute;
    margin: 0;
    list-style: none;
    background: #fff;
    width: 100%;
    padding-inline: 20px;
    left: 0;
    border-radius: 0 0 10px 10px;
    overflow-y: auto;
    max-height: 245px;
}
.select__menu li {
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.select__menu li:hover,
.select__menu li.active {
    color: #F8931F;
}
.select__menu li:nth-last-child(1) {
    border: none;
}
.home__main_categories-mobile .swiper-slide {
    width: 180px !important;
    max-width: calc(50% - 5px);
}
.home__main_filters-mobile .swiper-slide {
    width: auto !important;
}
.home__filter_slider .swiper-slide {
    width: 100% !important;
}
.home__main_categories-mobile .main__filters_swiper {
    z-index: 10 !important;
}
.main__filters_swiper {
    overflow: visible !important;
}
.dropdown {
    cursor: pointer;
    width: 100%;
    max-width: 500px;
    display: inline-block;
    background-color: #F9F9F9;
    border-radius: 30px;
    transition: all .5s ease;
    position: relative;
    color: #474747;
    /*height: 100%;*/
    height: max-content;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    padding: 15px 33px 15px 30px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    outline: none;
    z-index: 100;
}
.dropdown.active {
    filter: drop-shadow(5px 5px 15px rgba(0, 0, 0, 0.1));
}
.dropdown.validate {
    background: #fff;
    border: 1px solid #F8931F;
}
.dropdown .select {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dropdown .select span:nth-child(2) {
    margin-left: 15px;
    color: #000;
}
.dropdown .select span:nth-child(3) {
    color: #000;
    opacity: 50%;
}
.dropdown .select > i {
    font-size: 13px;
    color: #000;
    opacity: 50%;
    cursor: pointer;
    transition: all .3s ease-in-out;
    line-height: 20px
}
.dropdown__arrow {
    transition: all .3s ease-in-out;
}
.dropdown.active .dropdown__arrow {
    transform: rotateX(-180deg);
}
.dropdown.active {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.dropdown .dropdown-menu,
.dropdown .dropdown-menu-mobile {
    position: absolute;
    background-color: #fff;
    margin: -1px 0 0;
    width: 100%;
    left: 0;
    border-radius: 10px;
    overflow: hidden;
    display: none;
    max-height: 144px;
    overflow-y: auto;
    z-index: 100;
    border: none;
    padding: 0;
    list-style: none;
}
.dropdown .dropdown-menu li,
.dropdown-menu-mobile li {
    padding: 15px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.dropdown-menu-mobile li {
    display: flex;
    justify-content: space-between;
}
.dropdown .dropdown-menu-mobile {
    border-radius: 0 0 25px 25px;
}
.dropdown-menu-icon {
    display: none;
}
.dropdown.active .dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.dropdown .dropdown-menu li:hover {
    background-color: #f2f2f2;
}
.dropdown .dropdown-menu li:active {
    background-color: #e2e2e2;
}
.dropdown-menu-mobile li.active {
    color: #F8931F;
}
/* .dropdown-menu-mobile li.active .dropdown-menu-icon {
    display: block;
} */
.popup__form_checkbox-container {
    display: flex;
    margin-top: 30px;
}
.popup__form_checkbox-container .checkbox__label a:hover{
    color: #F8931F !important;
}

.popup__form {
    display: none;
}

.popup__form .hidden{
    display: none;
}
.popup__login_checkbox-item {
    display: flex;
    align-items: center;
}
.popup__login_checkbox-container {
    align-items: center;
    max-width: 500px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.checkbox__label {
    max-width: 468px;
    font-size: 12px;
    line-height: 22px;
}
.checkbox__label a {
    font-weight: 600;
    color: #000;
    text-decoration: underline;
}
.popup__confirm_message {
    font-size: 16px;
    line-height: 26px;
    margin-top: auto;
    padding-top: 20px;
}
.popup__form_submit-container {
    display: flex;
    justify-content: right;
    max-width: 500px;
}
.popup__form_button-mobile {
    display: none;
    bottom: 0;
    z-index: 130;
    padding: 15px 10px 35px;
    position: fixed;
    background: #fff;
    left: 0;
    width: 100%;
    box-shadow: 5px -5px 15px rgba(0, 0, 0, 0.1);
}
.popup__filter_city-mobile.opened {
    display: block;
}
.popup__filter_city-mobile {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 5px -5px 15px rgba(0, 0, 0, 0.1);
    padding: 15px 10px 35px;
    z-index: 200;
}
.button__city_mobile {
    background: #F8931F;
    border-radius: 30px;
    padding-block: 12px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
}
.button__city_mobile.disable {
    background: rgba(248, 147, 31, 0.5);
}
.popup__confirm_buttons {
    font-weight: 600;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 20px;
}
.send__another_email {
    margin-top: 20px;
    width: max-content;
    font-weight: 600;
}
.popup__confirm_button {
    padding: 10px 30px;
    border: 1px solid #000000;
    border-radius: 30px;
    cursor: pointer;
}

.popup__confirm_button:hover{
    background: #000000;
    color: #fff;
}
.confirm__button {
    width: max-content !important;
    margin: 50px auto 0 !important;
}
.button__submit {
    padding: 15px 30px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    background-color: #F8931F;
    border-radius: 25px;
    border: 1px solid #FFFFFF;
    margin-top: 30px;
    cursor: pointer;
    outline: none;
}
.button__submit:hover{
    color: #000000;
}
.popup__cookies-banner {
    position: fixed;
    bottom: 30px;
    right: 50px;background: #1E1E1E;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 5px -5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    z-index: 9999999999;
    display: none;
}
.cookies-banner__button_text {
    display: none;
}
.cookies-banner__container {
    padding: 15px 0 15px 20px;
    display: flex;
    position: relative;
}
.cookies-banner__button {
    width: 150px;
    border-left: 1px solid rgba(256, 256, 256, .2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s;
}
.cookies-banner__button:hover{
    border-radius: 10px;
    background: rgba(255, 255, 255,0.2);
}
.cookies-banner__info {
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    margin-right: 20px;
    max-width: 500px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.cookies-banner__text span {
    font-weight: 600;
}
.cookies-banner__close {
    position: absolute;
    width: 26px;
    height: 26px;
    background: #1E1E1E;
    right: 0;
    top: -29px;
    display: none;
    border-radius: 5px;
}
.cookies-banner__close::before,
.cookies-banner__close::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 2px;
    background-color: white;
    transform: rotate(45deg);
    top: 12px;
    right: 5px;
}

.cookies-banner__close::after {
    transform: rotate(-45deg);
}


.popup__forgot,
.popup__reset-password {
    padding: 80px 100px 68px 100px;
    height: 100vh;
    display: none;
    width: 100%;
}
.popup__login {
    height: 100vh;
    /*display: none;*/
    padding: 80px 100px 68px 100px;
    width: 100%;
}
.popup__form_checkbox-container input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.popup__form_checkbox-container label {
    position: relative;
    cursor: pointer;
    min-width: auto;
}
.popup__form_checkbox-container label:before {
    content: '';
    background-color: transparent;
    border: 1px solid #000000;
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 2px;
}
.popup__form_checkbox-container input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 8px;
    width: 7px;
    height: 12px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.popup__login_checkbox-item label:before{
    padding: 8px;
}
.popup__login_checkbox-item input:checked + label:after{
    top: 7px;
    left: 6px;
    width: 6px;
    height: 10px;
}
.popup__form_facebook-container {
    margin-top: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    width: max-content;
}
.facebook__button {
    background: #3C5B97;
    border-radius: 30px;
    max-width: 277px;
    align-items: center;
    display: flex;
}
.facebook__text {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    margin-right: 25px;
}
.facebook__logo {
    width: 50px;
    display: flex;
    height: 50px;
    background-color: #fff;
    border-radius: 26px;
    justify-content: center;
    align-items: center;
    margin: 3px 15px 3px 3px;
}
.popup__close_button {
    position: absolute;
    right: 100px;
    cursor: pointer;
    top: 50px;
}
.popup__close_button:hover{
    opacity: 0.6;
}
.popup__close_small {
    display: none;
}
.footer__main {
    display: flex;
    padding: 50px;
    justify-content: space-around;
    row-gap: 50px;
    flex-wrap: wrap;
}
.form__newsletter_status {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
}
.footer__menu_item,
.footer__menu_item a {
    color: #000;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
}
.footer__menu_item:hover {
    opacity: .5;
}
.footer__socials {
    margin-top: 30px;
    display: flex;
    column-gap: 10px;
}
.footer__socials_mobile {
    display: none;
}
.footer__menu_item + .footer__menu_item {
    margin-top: 15px;
}
.footer__copyright {
    padding-block: 20px;
    margin-inline: 50px;
    display: flex;
    justify-content: center;
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.form__newsletter_title {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
}
.form__newsletter_container {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    display: flex;
}
.newsletter__container_mobile {
}
.form__newsletter_submit-container {
    position: relative;
    margin: 8px 8px 8px 0;
    margin-left: 30px;
}
.footer__container {
    background: #F9F9F9;
    border-radius: 10px;
    margin-bottom: 50px;
    margin-top: auto;
}
.footer {
    margin-top: 150px;
    padding-inline: 50px;
}
.footer__menu_newsletter .form__newsletter_input {
    border: none;
    outline: none;
    margin-left: 30px;
    width: 100%;
    max-width: 290px;
}
.form__newsletter_submit-container svg {
    position: absolute;
    right: 14px;
    top: 11px;
}
.footer__menu_newsletter .form__newsletter_submit {
    background: #F8931F;
    border-radius: 20px;
    color: #fff;
    padding: 7px 40px 7px 20px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    border: none;
}
.footer__newsletter_mobile {
    display: none;
}
.footer__newsletter_mobile .form__newsletter_input {
    max-width: 100%;
    margin-left: 0;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 15px 20px;
    border-radius: 30px;
}
.newsletter__container_mobile {
    flex-direction: column;
    border-radius: 0;
    border: none;
    background: transparent;
    row-gap: 15px;
}
.form__newsletter_button {
    background: #F8931F;
    border-radius: 20px;
    padding-block: 15px;
    display: flex;
    align-items: center;
    column-gap: 10px;
    justify-content: center;
}
.form__newsletter_submit-mobile {
    background: transparent;
    border: none;
    outline: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
}
.error_message {
    font-size: 10px;
    line-height: 18px;
    color: #DA2020;
}
.popup__form_input-container .error__container,
.contacts__form .error__container,
.dropdown .error__container {
    border: 1px solid #DA2020;
}
.popup__form_eye {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.popup__form_eye-open,
.popup__form_eye-close {
    display: none;
}
.popup__form_eye-open.active,
.popup__form_eye-close.active {
    display: block;
}
.error__confirm-code {
    display: flex;
    justify-content: center;
}
.create__recommended_items {
    display: none;
    margin-bottom: 50px;
}
.create__recommended_item.inactive .create__item_recommended_button {
    border: 1px solid #F8931F;
    border-radius: 30px;
    cursor: auto;
    color: #F8931F;
    background: #fff;
}
.product__exchanges_nonapproved {
    opacity: .5;
}
.popup-logout {
    display: none;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    z-index: 110;
}
.popup-logout__container {
    width: 100%;
    max-width: 900px;
    padding-block: 120px;
    background: #fff;
    border-radius: 10px;
    position: relative;
}
.popup-logout__title {
    text-align: center;
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 60px;
}
.popup-logout__buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
}
.popup-logout__button {
    padding: 10px 35px;
}
.popup-logout__close {
    position: absolute;
    top: 20px;
    right: 30px;
    cursor: pointer;
}

/* popup delete */
.popup-delete {
    display: none;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    z-index: 110;
}
.popup-delete__container {
    width: 100%;
    max-width: 800px;
    padding-block: 100px;
    background: #fff;
    border-radius: 10px;
    position: relative;
}
.popup-delete__title {
    text-align: center;
    font-size: 25px;
    line-height: 1.2;
    margin-bottom: 50px;
}
.popup-delete__buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
}
.popup-delete__buttons .custom__main_button {
    padding: 10px 35px;
}
.popup-delete__close {
    position: absolute;
    top: 20px;
    right: 30px;
    cursor: pointer;
}
/*----------------------------------------------------------------------------*/
#popup p.message, #approvePopup p.message {
    text-align: center;
    margin-top: 20px;
}
.popup-confirm {
    position: fixed;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    background: #cc3355;
    width: 220px;
    height: 150px;
    border: 1px solid #333;
    border-radius: 5px;
    padding: 10px;
    max-width: 100%;
    display: none;
}
span.close {
    opacity: 1;
    border: 1px solid;
    border-radius: 50%;
    padding: 2px 5px;
    cursor: pointer;
}
span.close:hover {
    color: #fff;
}
.popup-confirm button.yes {
    position: absolute;
    bottom: 10px;
    background: #f7931e;
    border: none;
    color: #fff;
}
.popup-confirm button.no {
    position: absolute;
    bottom: 10px;
    right: 10px;
    border: none;
}
.popup-confirm button.yes:hover,
.popup-confirm button.no:hover {
    /*border: 1px solid #000;*/
}
.popup-confirm button.no:hover {
    color: #986587;
}
.popup-confirm button.yes:hover {
    color: #000;
}
.popup__container {
    margin-top: 50px;
    display: flex;
    justify-content: space-evenly;
}
button.decline {
    background: #986587;
    border: none;
    color: #fff;
    border-radius: 4px;
    padding: 6px 15px;
    margin-left: 10px;
}
button.decline:hover {
    color: #000;
}
/* star rating system */
span.checked {
    color: orange;
}
.error__message {
    font-size: 20px;
    color: red;
    margin-bottom: 20px;
}
.photo__title {
    display: inline-block;
    margin-bottom: 15px;
}
/* end stars */
h3.account {
    margin: 3rem 0 1rem;
}
/* homepage */
.form__search_container {
    background-size: cover;
    border-radius: 10px;
    padding: 30px 48px;
    background-size: cover;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1500' height='140' viewBox='0 0 1500 140' fill='none'><g clip-path='url(%23clip0_1027_3819)'><path d='M1500 130C1500 135.523 1495.52 140 1490 140H608V0H1490C1495.52 0 1500 4.47716 1500 10L1500 130Z' fill='%23F9F9F9'/><path opacity='0.5' d='M661.2 140H10C4.47716 140 0 135.523 0 130V10C0 4.47716 4.47715 0 10 0H844L661.2 140Z' fill='%23F8931F'/><path d='M724.717 0H9.99999C4.47714 0 0 4.47715 0 10V130C0 135.523 4.47715 140 10 140H983L724.717 0Z' fill='%23F8931F'/></g><defs><clipPath id='clip0_1027_3819'><path d='M1500 10C1500 4.47716 1495.52 0 1490 0H9.99999C4.47714 0 0 4.47715 0 10V130C0 135.523 4.47715 140 10 140H1490C1495.52 140 1500 135.523 1500 130V10Z' fill='white'/></clipPath></defs></svg>") no-repeat center/cover;
    display: flex;
}
.form__search_title-container {
    position: relative;
    max-width: 800px;
    width: 100%;
}
.form__search_title-icon {
    position: absolute;
    top: 30px;
    left: 21px;
}
.form__search_title.active {
    border-bottom-left-radius: 0;
}
.form__search_title {
    outline: none;
    padding: 26px 30px 27px 60px;
    border: none;
    border-radius: 30px 0 0 30px;
    max-width: 800px;
    height: 100%;
    width: 100%;
    font-size: 18px;
    line-height: 27px;
    text-overflow: ellipsis;
}
.form__search_title::placeholder {
    color: #000;
    text-overflow: ellipsis;
    opacity: .5;
}
.form__search_submit-container {
    position: relative;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Montserrat', sans-serif !important;;
}
.form__search_submit-mobile {
    display: none;
    margin-top: 20px;
}
.form__search_submit-mobile .form__search_submit {
    width: 100%;
    border-radius: 20px;
    padding: 15px 0;
}
.form__search_submit-container .form__search_submit {
    margin-left: 10px;
    padding: 30px 50px 30px 80px;
    border-radius: 50px;
    font-weight: 700;
    outline: none;
    border: none;
    font-size: 18px;
    line-height: 22px;
}
.form__search_submit-icon {
    position: absolute;
    top: 30px;
    left: 50px;
}
.form__search_submit-inner {
    background: #F8931F;
    border-radius: 20px;
    padding-block: 15px;
    text-align: center;
}
.form__search_submit-mobile .form__search_submit {
    background: transparent;
    border: none;
    font-weight: 600;
    color: #fff;
    padding: 0;
    width: max-content;
    margin-left: 10px;
}
.form__search_submit-mobile svg {
    position: inherit;
    top: auto;
    left: auto;
    transform: none;
}
.header__desktop_search {
    display: none;
    width: 100%;
    max-width: 1100px;
    margin-left: auto;
}
.header__desktop_search-container {
    padding: 0;
}
.header__desktop_search .header__desktop_title {
    background: #F9F9F9;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-right: 0;
    padding: 13px 30px 13px 50px;
    height: max-content;
}
.header__search_title-icon {
    top: 17px;
    left: 20px;
    position: absolute;
}
.header__desktop_search.active {
    display: block;
}
.header__desktop_search-container .header__desktop_search-submit {
    padding: 15px 30px 15px 60px;
}
.header__search_submit-icon {
    top: 17px;
    left: 30px;
    position: absolute;
}
.header__desktop__title-container {
    max-width: 600px;
}
.header__desktop_select-container.form__search_dropdown {
    background-color: transparent;
}
.header__desktop_select-container .custom-select {
    background: #F9F9F9;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-left: 0;
}
.header__desktop_select-container .custom-select.active {
    border-top-left-radius: 0;
}
.header__desktop_select-container.form__search_dropdown:after {
    height: 42px;
    bottom: 8px;
}
#page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.header__container {
    max-width: 1600px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 26px;
}
.home-content {
    margin-top: 50px;
    display: flex;
}
.container-header {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 30px;
}
.container {
    max-width: 100%;
}
.referral-link {
    visibility: hidden;
    opacity: 0;
    height: 0;
    margin: 0;
}
.post-item__title {
    font-size: 40px;
    line-height: 50px;
}
.post-item__container {
    max-width: 1100px;
    margin: 150px auto 0;
}
.post-item__category_title {
    font-size: 24px;
    line-height: 34px;
    color: #000;
    margin: 0 0 0 20px;
}
.post-item__category_icon {
    margin: 0 20px 0 0;
}
.post-item__category_icon svg{
    max-width: 100%;
}
.post-item__secondary-category-title {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
}
.post-item__categories {
    display: flex;
    flex-direction: column;
    margin-top: 50px;
    gap: 50px;
}
.post-item__categories_main {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}
.post-item__category_icon-mobile {
    display: none;
}
.post-item__category_main {
    background: #F9F9F9;
    border-radius: 10px;
    padding: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.post-item__secondary_container {
    color: #fff;
    padding: 30px 100px;
    text-align: center;
}
.post-item__secondary_button {
    padding: 15px 30px;
    border: 1px solid #FFFFFF;
    border-radius: 25px;
    margin-top: 20px;
    display: inline-block;
    color: #fff;
}
.post-item__secondary_title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px;
}
.post-item__categories_secondary {
    background-repeat: no-repeat;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    background-image: url("./img/item-post-background-desktop.svg");
}
.post-item__categories_secondary-mobile {
    display: none;
}
.books .book-container {
    padding: 12px;
    width: 20%;
}
.books .book-container .book {
    box-shadow: 1px 1px 3px #333;
    width: 100%;
    flex: unset;
    border-radius: 15px;
    padding: 15px 15px 90px 15px;
    position: relative;
    height: 100%;
}
.books .book-container .book + .book {
    margin-top: 20px;
}
.profile-books.books .book-container {
    width: 25%;
}
.profile-books.books .book-container .book {
    padding-bottom: 0;
}
.cancel-proposal.book-container {
    margin: auto;
}
.cancel-proposal.book-container .book {
    padding-bottom: 15px;
}
.check-proposal.book-container {
    /*width: 50% !important;*/
    margin: auto;
}
.check-proposal.book-container .book {
    padding-bottom: 15px;
}
.check-proposal__buttons {
    display: flex;
    justify-content: space-around;
}
.check-proposal__buttons .decline {
    margin-bottom: 0;
    margin-top: 20px;
    margin-left: 0;
}
span.title {
    font-weight: bold;
    display: block;
    text-align: center;
    font-size: 24px;
    line-height: 29px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /*min-height:55px;*/
}
.user-info {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    margin-bottom: 13px;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    width: 85%;
}
.book .book-img {
    max-width: 100%;
    width: 100%;
    max-height: 300px;
    height: 300px;
    margin-bottom: 27px;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    object-fit: contain;
}
.book .reviews {
    margin-top: -39px;
    z-index: 2;
    position: relative;
    display: flex;
    justify-content: center;
}
.book .reviews-container {
    background-color: white;
    padding: 7px;
    border: 1px solid #000036;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.book .reviews-container img {
    width: 24px;
    height: 24px;
    margin-right: 5px;
}
span.author {
    display: block;
    color: #888;
    font-weight: bold;
    min-height: 50px;
    margin-top: 3px;
    font-size: 16px;
    text-align: center;
}
span.description {
    color: #333;
}
input.search {
    border-radius: 50%;
    padding: 25px 9px;
    background: #f7931e;
    color: #fff;
    border: none;
}
.mobile-filter {
    display: none;
}
form#searchForm {
    margin-left: auto;
    position: absolute;
    right: 0;
    top: 30px;
    display: flex;
}
#searchForm .row-per-page {
    padding: 10px 16px;
    border: 1px solid rgba(0, 0, 54, 0.1);
    border-radius: 16px;
    font-weight: bold;
    font-size: 16px;
    margin-left: 20px;
    background: url(../../uploads/arrow-down.png) no-repeat;
    background-position: calc(100% - 12px) 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 150px;
}
#searchForm .search {
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(../../uploads/search-icon.png) no-repeat;
    background-color: white;
    padding: 0;
    border-radius: 50px;
    top: 10px;
    left: 20px;
}
#searchForm #search {
    border: 1px solid #E5E5EA;
    border-radius: 50px;
    padding: 10px 20px;
    padding-left: 50px;
    width: 100%;
}
.disabled-pagination {
    pointer-events: none;
    cursor: default;
}
ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}
.pagination a {
    font-size: 16px;
    color: #000036;
    text-decoration: none;
    line-height: 32px;
}
.pagination li {
    display: inline-block;
    width: 32px;
    height: 32px;
}
.pagination li.active {
    background-color: #F7931E;
    color: white;
    border-radius: 50%;
}
.pagination li.active a {
    color: white;
}
ul.book-cats {
    padding: 0;
    margin: 0 0 0 40px;
}
ul.book-cats ul.book-cats {
    padding: 0;
    margin: 0 0 0 10px;
}
.book-cats li {
    list-style: none;
}
.book-cats li a {
    color: #f7931e;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
    font-size: 0.9rem;
}
.book-cats li a.first {
    font-size: 1rem;
}
.book-cats li a.second {
    font-size: 0.9rem;
}
.book-cats li a.third {
    font-size: 0.85rem;
}
.book-cats li a:visited, .book-cats li a:hover {
    color: #F7931D;
    font-weight: bold;
}
a.sidebar.first {
    background: none;
    border: 1px solid #333;
    color: #333;
    font-family: 'Lato', sans-serif;
    border-radius: 18px;
    width: 100%;
}
.book-cats li a.first {
    font-size: 1rem;
}
.book-cats li a.second {
    font-size: 0.9rem;
}
.book-cats li a.third {
    font-size: 0.85rem;
}
.book-cats li a:visited, .book-cats li a:hover {
    color: #F7931D;
    font-weight: bold;
}
a.parent-description {
    text-align: right;
}
.parent-description span.description {
}
.book span.user {
    font-size: 13px;
    padding: 4px 0;
}
.book span.rate {
    display: inline-block;
    max-width: 150px;
}
span.rate span.fa.fa-star {
    display: inline;
    float: left;
    padding: 0 2px;
}
/* end homepage */
/* profile */
p.odd, p.even {
    position: relative;
}
p.odd a.propose, p.even a.propose {
    position: inherit !important;
    transform: none;
    width: auto;
    margin: 0;
    left: 0;
}
.select2-container--default .select2-selection--single .select2-selection__clear,
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    bottom: 3px;
}
.um-right {
    float: none !important;
    display: flex;
    justify-content: end;
}
.select2-container--default .select2-selection--single .select2-selection__clear:hover,
.select2-container--default .select2-selection--multiple .select2-selection__clear:hover,
.select2.select2-container .select2-selection .select2-selection__arrow:hover::before {
    color: #000 !important;
}
.mc4wp-checkbox-wp-registration-form {
    padding-top: 15px;
    padding-bottom: 15px;
}
.timeline-container {
    width: 100%;
}
.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}
.timeline:before {
    top: 58px;
    bottom: 125px;
    position: absolute;
    content: " ";
    width: 1px;
    height: 85%;
    /*background-color: #eeeeee;*/
    /*left: 50%;*/
    left: calc(50% - 4px);
    border-left: #ccc 3px dotted;
}
.timeline > li {
    margin-bottom: 20px;
    position: relative;
    filter: grayscale(1);
}
.timeline > li:not(:first-child):hover {
    animation: grayscale 0.1s 1 linear;
    -webkit-animation-fill-mode: forwards;
}
.timeline > li:first-child {
    filter: grayscale(0);
}
.timeline > li.success {
    filter: grayscale(0);
}
.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " ";
}
.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}
.timeline > li:not(.btn-success):hover > .timeline-panel {
    animation: highlight_clouds 0.1s 1 linear;
    -webkit-animation-fill-mode: forwards;
}
.timeline > li > .btn-success {
    background-color: #20c997;
    border-radius: 12px;
    color: #fff;
    text-decoration: none;
}
.timeline > li > .btn-success:hover {
    background-color: #198754;
}
.timeline > li > .btn-success:before, .timeline > li > .btn-success:after {
    border-left-color: #20c997;
    border-right-color: #20c997;
}
.timeline > li > .btn-success:hover:before, .timeline > li > .btn-success:hover:after {
    border-left-color: #198754;
    border-right-color: #198754;
}
.timeline > li > .timeline-badge {
    color: #fff;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -65px;
    /*background-color: #999999;*/
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}
.timeline-badge {
    margin-left: 0;
    top: 16px;
}
.timeline-badge.primary {
    background-color: #2e6da4 !important;
}
.timeline-badge.success {
    background-color: #3f903f !important;
}
.timeline-badge.warning {
    background-color: #f0ad4e !important;
}
.timeline-badge.danger {
    background-color: #d9534f !important;
}
.timeline-badge.info {
    background-color: #5bc0de !important;
}
.timeline-title {
    margin-top: 0;
    color: inherit;
}
.timeline-body > ul {
    width: calc(100% - 3em);
}
.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}
.timeline-body > p + p {
    margin-top: 5px;
}
.timeline-panel.block {
    max-width: calc(50% - 20px);
}
.timeline-panel.block-1 {
    width: 20% !important;
}
/*.timeline-panel.block-3, .timeline-panel.block-5, .timeline-panel.block-6 {
	left: -150px;
}*/
.timeline-inverted > .block-1 {
    left: auto;
    right: 26% !important;
}
.timeline-inverted > .block-1.btn-success {
    min-width: 180px;
}
img.row-img {
    max-width: 119px;
}
.post-item__title {
    margin-bottom: 30px;
    text-align: center;
}
#register #um-submit-btn {
    /*position: absolute;*/
    /*bottom: -54px;*/
    /*left: 60px;*/
}
#register .um-field-checkbox-state {
    top: -98px;
}
#um_field_35_termini .um-field-checkbox-option {
    color: transparent !important;
}
div.uimob800 .um-account-meta img {
    border-radius: 10px !important;
}
div.uimob800 .um-account-meta a {
    border: none !important;
}
input#confirm_user_password-35::placeholder {
    color: transparent;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: transparent !important;
}
#um_field_35_termini {
    margin-bottom: -30px;
}
#um_field_35_termini .um-field-label {
    display: block;
    margin-left: 35px;
}

/* search result page */
.search-result-wrapper {
    padding-top: 120px;
}

.search-result-wrapper [type=search] {
    outline: none;
    background: #F9F9F9;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    padding: 15px 30px;
    width: 100%;
    outline: none;
}

.search-result-wrapper .search-submit{
    background: #F8931F;
    border: 1px solid #FFFFFF;
    border-radius: 30px;
    color: #fff;
    padding: 15px 50px;
}

.search-result-wrapper .page-header{
    margin: 0 0 40px;
}

.search-result-wrapper a{
    color:#F8931F ;
    transition: 0.3s;
}

.search-result-wrapper article{
    margin: 0 0 40px;
}

.search-result-wrapper article:last-child{
    margin: 0;
}

.search-result-wrapper h2{
    font-size: 24px;
}

.search-result-wrapper .entry-summary{
    margin-top: 1em;
}

.no-results.not-found {
    text-align: center;
}

.product__recommended_slider .swiper-pagination-bullets.swiper-pagination-horizontal{
    width: auto;
}

.posts-no-result {
    font-weight: 600;
    margin: 24px auto;
    text-align: center;
    max-width: 600px;
}

.posts-navigation .nav-links{
    flex-direction: row-reverse;
}

.posts-navigation .nav-previous {
    text-align: right;
}

.posts-navigation .nav-previous a {
    margin: 0;
}

.posts-navigation .nav-next{
    text-align: left;
}

.go-home,
.go-back {
    color: #212529;
    display: inline-flex;
    align-items: center;
    margin: 0 0 15px;
}

.go-back {
    margin-bottom: 25px;
    font-size: 14px;
    cursor: pointer;
}

.go-home:hover,
.go-back:hover {
    color: #F8931F !important;
}

.go-home svg,
.go-back svg{
    transform: rotate(90deg);
    margin: 0 10px 0 0;
}

.go-back svg{
    width: 15px;
}

.go-home:hover path,
.go-back:hover path {
    stroke: #F8931F;
}

@media screen and (max-width: 1600px) {
    .home__main_item {
        height: 360px;
        /*width: 300px;*/
    }
    .home__main_slider {
        max-width: 930px;
    }
    .menu-item + .menu-item,
    .button__register{
        margin-left: 12px;
    }
    .register__button,
    .main-navigation a,
    .add__item_button{
        padding: 8px 25px;
    }
}
@media screen and (max-width: 1440px) {
    .menu-item + .menu-item,
    .button__register{
        margin-left: 8px;
    }
    .register__button,
    .main-navigation a,
    .add__item_button{
        padding: 6px 20px;
    }
    .main-navigation,
    .button__register {
        font-size: 14px;
        line-height: 24px;
    }
    .home__main_item {
        height: 300px;
        /*width: 230px;*/
    }
    .item__info_title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .home__main_slider {
        max-width: 720px;
    }
}
@media screen and (max-width: 1280px) {
    .main-navigation{
        display: none !important;
    }
    .add__item_button,
    .header__register_button,
    .header__popup {
        display: none;
    }
    .register__button {
        background: #F8931F;
        border-radius: 30px;
        color: #fff;
        border: none;
    }
    .button__register {
        margin-left: auto;
        column-gap: 25px;
    }
    .header__menu_burger {
        display: block;
        cursor: pointer;
    }
    .popup__header_mobile.opened {
        top: 0;
        visibility: visible;
        transition: top 1s, visibility 0s;
    }
    .admin-bar .popup__header_mobile.opened{
        top: 32px;
    }
    .primary-sidebar {
        /*max-width: 300px;*/
    }
    .home__banner_main-text {
        font-size: 25px;
        line-height: 35px;
    }
    .product__photo {
        max-height: 400px;
    }
    .about__title {
        font-size: 50px;
        line-height: 66px;
    }
    .home__main_container{
        grid-template-columns: repeat(2, 1fr);
    }
    .home__main_item{
        max-width: 100%;
    }
    .product__info {
        min-width: 500px;
    }
}
@media screen and (max-width: 991px) {
    #popup_register {
        border: 1px solid rgba(0, 0, 0, 0.05);
        box-shadow: 5px -5px 15px rgba(0, 0, 0, 0.1);
        border-radius: 10px 10px 0 0;
    }
    .popup__register.opened {
        top: 0;
    }
    .popup__image {
        display: none;
    }
    .form__search_container {
        padding: 30px 20px;
    }
    .product__photo {
        max-height: 300px;
    }
    .about__item_text {
        padding: 20px 30px;
    }
    .sidebar__container_desktop {
        display: none;
    }
    .home__sidebar_mobile {
        display: block;
    }
    .home-content {
        flex-direction: column;
    }
    .home-sidebar__title {
        font-size: 16px;
        line-height: 26px;
    }
    .filter__type_container span {
        font-size: 16px;
        line-height: 26px;
    }
    .filter__type {
        padding: 15px 0;
    }
    .home-sidebar__title {
        margin-bottom: 15px;
    }
    .filter__type_categories {
        top: 60px;
        width: 100%;
        padding-right: 10px;
    }
    .home-sidebar__city {
        margin-top: 0;
    }
    .custom-select__container.form__city_dropdown {
        max-width: 100%;
        padding: 15px 0 0;
        border-radius: 25px;
    }
    .form__city_dropdown .dropdown-menu-mobile {
        position: inherit;
        max-height: 400px;
        border-top: 1px solid rgba(0, 0, 0, 0.05);
    }
    .form__city_dropdown .select {
        padding: 0 20px 15px 10px;
    }
    .form__city_dropdown .dropdown-menu-mobile li {
        padding-inline: 0;
    }
    .product__exchange_proposals {
        padding: 35px 20px 60px;
    }
    .about__container{
        margin-top: 50px;
    }
}
@media screen and (max-width: 768px) {
    .popup__close_small {
        display: block;
    }
    .custom-select__container.form__search_dropdown:after,
    .form__search_submit-desktop,
    .popup__close_big {
        display: none;
    }
    .popup__close_button {
        top: 15px;
        right: 15px;
    }
    .popup__form {
        padding: 50px;
    }
    .popup__form_title {
        font-size: 20px;
        line-height: 30px;
    }
    .home__text_logo {
        font-size: 30px;
        line-height: 40px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .archive-seo-intro {
        margin-top: -10px;
        margin-bottom: 30px;
    }
    .archive-seo-intro p {
        font-size: 15px;
        line-height: 1.55;
    }
    .archive-seo-intro__links {
        gap: 6px 14px;
        margin-top: 14px;
        font-size: 14px;
    }
    .form__search_container {
        flex-direction: column;
        row-gap: 20px;
    }
    .form__search_title,
    .custom-select__container.form__search_dropdown {
        border-radius: 20px;
        max-width: 100%;
        width: 100%;
        font-size: 14px;
        line-height: 21px;
    }
    .custom-select__container.form__search_dropdown {
        background: transparent;
    }
    .form__search_title-container svg {
        top: 50%;
        transform: translateY(-50%);
        left: 15px;
    }
    .form__search_title {
        padding: 10px 45px;
        font-size: 16px;
    }
    .dropdown.active {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    .form__search_submit-mobile {
        display: block;
    }
    .form__search_submit-container .form__search_submit {
        margin-left: 0;
    }
    .custom-select__container .select__title_city {
        margin-left: 10px;
        font-size: 16px;
    }
    .footer {
        padding-inline: 10px;
    }
    .footer__logo {
        width: 100%;
    }
    .footer__menu,
    .footer__menu_second {
        font-size: 14px;
        line-height: 24px;
    }
    .footer__socials_desktop {
        display: none;
    }
    .footer__socials_mobile {
        display: flex;
        margin-top: 0;
        margin-inline: auto;
    }
    .footer__menu_newsletter {
        width: 100%;
    }
    .footer__newsletter_desktop {
        display: none;
    }
    .footer__newsletter_mobile {
        display: block;
    }
    .footer__main {
        padding: 30px 20px 50px;
        justify-content: space-between;
    }
    .footer__copyright {
        margin-inline: 20px;
        padding-block: 20px
    }

    .home__main_slider {
        margin-bottom: 50px;
    }
    .home .books {
        margin-bottom: 50px;
    }
    .form__search_dropdown .custom-select {
        border-radius: 20px;
    }
    .form__search_dropdown .custom-select.active {
        border-radius: 25px 25px 0 0;
    }
    .custom-select__main {
        padding: 10px 15px;
    }
    .home__main_item {
        height: 250px;
        /*width: 200px;*/
    }
    .container-header {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .home__main_filters-desktop,
    .home__main_categories-desktop {
        display: none;
    }
    .home__main_filters-mobile {
        display: block;
        margin-bottom: 30px;
    }
    .home__main_filter_reset {
        margin-top: 15px;
    }
    .home__main_categories-mobile {
        display: block;
    }
    .home__main_save-container {
        margin-top: 15px;
        margin-left: 0;
    }
    .home__main_save-button {
        border: none;
        border-radius: 0;
    }
    .product__photos {
        display: none;
    }
    .product__info {
        min-width: 0;
        width: auto;
    }
    .product__main_container {
        margin-top: 30px;
        margin-bottom: 100px;
    }
    .product__mobile_container {
        margin-top: 100px;
        display: block;
    }
    .product__mobile_container.exchange__product_container {
        display: none;
    }
    .product__title {
        font-size: 30px;
        line-height: 40px;
    }
    .how__items_desktop {
        display: none;
    }
    .how__items_mobile {
        display: flex;
    }
    .how__title {
        font-size: 40px;
        line-height: 50px;
    }
    .about__title {
        font-size: 30px;
        line-height: 46px;
    }
    .about__main_image {
        margin: 30px 0;
    }
    .about__quote_text {
        font-size: 16px;
        line-height: 26px;
    }
    .about__quote {
        margin-bottom: 50px;
    }
    .about__subtitle {
        font-size: 30px;
        line-height: 40px;
    }
    .about__items {
        flex-wrap: wrap;
        justify-content: center;
    }
    .about__item_text {
        padding: 30px 50px;
    }
    .about__under_quote {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 100px;
    }
    .about__block_title {
        font-size: 30px;
        line-height: 40px;
    }
    .about__block_item {
        padding: 30px;
    }
    .about__block_button {
        width: 100%;
        text-align: center;
    }
    .about__start_title {
        font-size: 30px;
        line-height: 40px;
    }
    .about__start_text {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 30px;
    }
    .contacts__container {
        margin-top: 50px;
    }
    .create__steps {
        display: flex;
    }
    .custom__input.field__input_price {
        padding: 10px 15px 10px 37px;
    }
    .field__custom_symbol {
        left: 15px;
    }
    .create__fields {
        max-width: none;
        margin-right: 0;
    }
    .custom__input {
        padding: 10px 15px;
    }
    .checkbox__text, .field__text {
        margin-bottom: 5px;
    }
    .field__block {
        margin-bottom: 15px;
    }
    .create__title {
        font-size: 20px;
        line-height: 30px;
    }
    .create__step_block {
        display: none;
    }
    .create__step_block.active {
        display: block;
    }
    .create__steps_buttons {
        display: flex;
    }
    .create__checkboxes_desktop {
        display: none;
    }
    .create__checkboxes_container {
        padding-right: 0;
        width: 100%;
    }
    .create__checkboxes {
        max-width: none;
    }
    .create__photos{
        padding: 20px 15px;
    }
    .photos__title {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 10px;
    }
    .photos__text {
        font-size: 12px;
        line-height: 20px;
    }
    .photos__item.active .photo__item_control{
        display: flex;
    }
    /* .photos__item.photos__item_hide {
        display: none;
    } */
    .photos__items {
        margin-top: 15px;
        grid-template-columns: repeat(2, 1fr);
    }
    .photos__item {
        max-width: none;
    }
    .create__description__input {
        padding: 10px 15px;
        height: 180px;
    }
    .create__change_block .change__block_input {
        padding: 10px 15px;
        margin-top: 5px;
    }
    .create__description {
        margin-bottom: 30px;
    }
    .create__change {
        margin-bottom: 30px;
    }
    .create__change_title {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .padding__container_contact.padding__container {
        padding: 0;
    }
    .create__buttons {
        flex-direction: column;
        row-gap: 20px;
        padding: 0 50px;
    }
    .create__button_publish {
        padding: 10px 15px;
        width: 100%;
    }
    .create__step_info.active,
    .navigation__items_mobile {
        display: block;
    }
    .navigation__items,
    .item__info_buttons {
        display: none;
    }
    .item__buttons_mobile {
        display: flex;
    }
    .account__item_info {
        padding: 10px;
        max-width: none;
    }
    .account__item_wrapper {
        max-width: none;
    }
    .item__info_status {
        font-size: 12px;
        line-height: 22px;
    }
    .account__item_image {
        max-width: 130px;
        height: 170px;
    }
    .item__info_title {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
    }
    .item__info_ratings {
        font-size: 12px;
        line-height: 22px;
    }
    .item__info_author {
        font-size: 12px;
        line-height: 22px;
    }
    .account__item_delete-icon {
        opacity: 0;
        visibility: hidden;
    }
    .account__items {
        grid-template-columns: 1fr;
    }
    .exchanges__item {
        row-gap: 40px;
        flex-direction: column;
    }
    .exchanges__item_user-owner {
        order: -1;
        border: none;
    }
    .exchanges__item_user-owner .item__user_image {
        height: 110px;
        max-width: 90px;
        order: -1;
    }
    .exchanges__item_user-owner .item__user_info {
        justify-content: center;
    }
    .exchanges__item_user-owner .info_category {
        display: none;
    }
    .product-exchange__item_user .info_category {
        display: block;
    }
    .exchanges__item_icon {
        top: 130px;
    }
    .exchanges__item_user {
        max-width: none;
    }
    .account__user_avatar {
        display: none;
    }
    .info_title {
        margin-bottom: 10px;
    }
    .item__user_info {
        padding: 10px;
    }
    .info__user {
        margin-top: 10px;
    }
    .exchanges__button_cancelled-text {
        display: none;
    }
    .exchanges__buttons {
        margin-top: 15px;
        /*align-items: start;*/
        flex-direction: column;
    }
    .exchanges__button_view,
    .exchanges__button_accept {
        width: 100%;
        text-align: center;
    }
    .exchanges__item_user-user .item__user_image {
        height: 170px;
        max-width: 130px;
    }
    .settings__user {
        flex-direction: column;
        align-items: start;
    }
    .user__main_avatar {
        margin-bottom: 20px;
        width: 100%;
    }
    .settings__user_button-mobile {
        display: block;
        margin-left: auto;
    }
    .settings__user_button-mobile.active .user__button_mobile {
        display: none;
    }
    .settings__user_button-mobile.active .user__button_mobile-active {
        display: block;
    }
    .settings__control_buttons {
        display: none;
    }
    .settings__contact .btn-wrapper{
        flex-direction: column;
    }
    .save-message{
        margin: 0 0 15px;
    }
    .avatar__image {
        margin-right: 20px;
    }
    .contact__phone_input {
        padding: 10px 15px;
        max-width: none;
    }
    .friends__following_mobile {
        display: block;
    }
    .friends__following_desktop {
        display: none;
    }
    .friends__items {
        display: block;
    }
    .friends__search_input,
    .favourites__search_input {
        padding-left: 45px;
    }
    .friends__search_icon,
    .favourites__search_icon {
        left: 15px;
    }
    .friends__search,
    .favourites__search {
        margin-bottom: 15px;
    }
    .friends__title {
        font-size: 16px;
        line-height: 26px;
    }
    .friends__name {
        font-size: 14px;
        line-height: 24px;
    }
    .friends__ratings,
    .friends__location,
    .friends__button_view {
        font-size: 12px;
        line-height: 22px;
    }
    .friends__button_follow,
    .friends__button_following {
        font-size: 12px;
        line-height: 22px;
        padding: 5px 0;
    }
    .friends__location {
        margin-bottom: 20px;
    }
    .friends__button_view {
        margin-top: 20px;
    }
    .friends__image {
        width: 70px;
        height: 70px;
    }
    .friends__item {
        padding: 10px;
    }
    .item__info {
        left: 10px;
    }
    .item__favourite_icon {
        top: 10px;
        left: 10px;
    }
    .item__info_location-date svg,
    .favourites__items .item__info_user {
        display: none;
    }
    .item__info_location-date span {
        margin-left: 0;
    }
    .saved__main {
        padding: 15px 10px;
    }
    .saved__title {
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 26px;
    }
    .saved__categories {
        gap: 5px 10px;
        font-size: 12px;
        line-height: 22px;
    }
    .saved__message {
        margin-top: 15px;
    }
    .saved__notify_container {
        padding: 15px 10px;
    }
    .new__proposals_desktop {
        display: none;
    }
    .new__proposals_mobile {
        display: block;
    }
    .exchange__title_button {
        margin-top: 10px;
        font-size: 14px;
        line-height: 24px;
        /*display: none;*/
    }
    .exchange__title_button span {
        position: initial;
        margin-right: 10px;
    }
    .exchange__wrapper {
        padding-bottom: 30px;
    }
    .exchange__accepted_container {
        margin-top: 30px;
    }
    .exchange__info_title {
        font-size: 30px;
        line-height: 40px;
    }
    .exchange__info_button {
        font-size: 14px;
        line-height: 24px;
        padding: 10px 50px;
    }
    .accepted__title {
        font-size: 30px;
        line-height: 40px;
    }
    .accepted__text {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 30px;
    }
    .accepted__user_info {
        font-weight: 400;
        align-items: start;
    }
    .accepted__user_image {
        width: 50px;
        height: 50px;
    }
    .link__title {
        font-size: 16px;
        line-height: 26px;
    }
    .link__info {
        font-size: 14px;
        line-height: 24px;
    }
    .accepted__links {
        column-gap: 70px;
    }
    .profile__user_image {
        width: 100px;
        height: 100px;
    }
    .profile__user_info {
        padding-top: 60px;
    }
    .profile__user_name {
        font-size: 16px;
        line-height: 26px;
    }
    .profile__user_location {
        font-size: 12px;
        line-height: 22px;
    }
    .user__friends_text {
        font-size: 14px;
        line-height: 24px;
    }
    .user__mutual_text {
        font-size: 12px;
        line-height: 22px;
    }
    .profile__user_local {
        grid-template-columns: 1fr 1fr;
        row-gap: 30px;
    }
    .user__follow_button {
        order: 1;
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .reviews__title {
        font-size: 16px;
        line-height: 26px;
    }
    .reviews__name {
        font-size: 14px;
        line-height: 24px;
    }
    .reviews__text {
        font-size: 14px;
        line-height: 24px;
    }
    .reviews__star_rating {
        font-size: 12px;
        line-height: 22px;
    }
    .reviews__nav_mobile {
        display: flex;
    }
    .reviews__nav_desktop,
    .profile__products_desktop {
        display: none;
    }
    .profile__products_mobile {
        display: block;
    }
    .item__info_location-date span {
        font-size: 12px;
        line-height: 22px;
    }
    .item__shadow {
        background: linear-gradient(
                360deg, #000000 0%, rgba(0, 0, 0, 0) 60.99%);
    }
    .user__follow_button.disable {
        display: none;
    }
    .profile__exchanges_item-user-owner .item__user_image {
        order: -1;
        height: 110px;
        max-width: 90px;
    }
    .profile__exchanges_item-user-owner {
        order: -1;
    }
    .profile__exchanges_item-user .item__user_image {
        order: -1;
    }
    .exchanges__items_desktop {
        display: none;
    }
    .exchanges__items_mobile {
        display: block;
    }
    .popup__friends__buttons {
        font-size: 12px;
        line-height: 24px;
    }
    .popup__friends_view {
        display: none;
    }
    .popup__comments_container {
        align-items: end;
    }
    .popup__comments_wrapper {
        padding: 10px 15px 35px;
    }
    .popup__comments_button {
        width: 100%;
        text-align: center;
        font-size: 14px;
        line-height: 24px;
    }
    .popup__comments_comment {
        font-size: 12px;
        line-height: 22px;
    }
    .reviews__read {
        font-size: 12px;
        line-height: 22px;
    }
    .popup__confirm_form {
        padding: 50px;
    }
    .popup__created {
        padding: 50px;
    }
    .popup__cookies-banner {
        right: 15px;
    }
    .product__exchange_container {
        border-radius: 10px 10px 0 0;
    }
    .product__exchange_popup {
        align-items: end;
        padding: 30px 20px 0;
    }
    .product__exchange_container-select {
        padding: 50px 50px 35px;
    }
    .product__exchange_next {
        background: #F8931F;
        border-radius: 30px;
        padding-block: 10px;
        color: #fff;
        text-align: center;
        opacity: 1;
        position: initial;
        margin-top: 10px;
    }
    .product__exchange_next svg path {
        stroke: #fff;
    }
    .product__exchange_select {
        font-size: 12px;
        line-height: 18px;
    }
    .product__exchange_propose-button {
        width: 100%;
        text-align: center;
    }
    .exchanges__item_icon-product {
        left: 50%;
        top: -20px;
        transform: translate(-50%, -50%);
    }
    .exchanges__item_proposal .item__user_image {
        order: -1;
    }
    .product__exchange_items {
        display: block;
    }
    .product__exchange_proposals {
        padding: 0 30px 0;
        margin-top: 0;
        max-height: none;
    }
    .product__exchange_items-exchange {
        position: relative;
        bottom: 20px;
    }
    .product__exchange_container-created {
        padding: 60px 30px 35px;
    }
    .product__created_title {
        margin-bottom: 5px;
        font-size: 25px;
        line-height: 35px;
    }
    .product__created_status {
        margin-bottom: 50px;
        font-size: 16px;
    }
    .product__created_button {
        width: 100%;
        min-width: 0;
    }
    .popup__form_icons-container {
        width: max-content;
    }
    .popup__login,
    .popup__forgot,
    .popup__reset-password {
        padding: 50px;
    }
    .popup-password {
        align-items: end;
    }
    .popup-password__container {
        border-radius: 10px 10px 0 0;
        box-shadow: 5px -5px 15px rgba(0, 0, 0, 0.1);
        border: 1px solid rgba(0, 0, 0, 0.05);
    }
    .popup-password__title {
        font-size: 30px;
        line-height: 40px;
    }
    .popup-password__text {
        font-size: 16px;
        line-height: 24px;
    }
    .popup-password__changed {
        padding-block: 150px;
    }
    .popup-logout {
        align-items: end;
    }
    .popup-logout__container {
        padding-block: 150px;
        border-radius: 10px 10px 0 0;
        border: 1px solid rgba(0, 0, 0, 0.05);
        box-shadow: 5px -5px 15px rgba(0, 0, 0, 0.1);
    }
    .popup-delete {
        align-items: end;
    }
    .popup-delete__container {
        padding-block: 150px;
        border-radius: 10px 10px 0 0;
        border: 1px solid rgba(0, 0, 0, 0.05);
        box-shadow: 5px -5px 15px rgba(0, 0, 0, 0.1);
    }
    .product__exchange_back-button {
        display: block;
    }
    .product__exchange_propose {
        display: flex;
        flex-direction: column;
    }
    .product__exchanges_title-desktop {
        display: none;
    }
    .product__exchanges_title-mobile {
        display: block;
        margin: 65px 0 10px 20px;
    }
    .product__exchange_items-proposal {
        padding-top: 35px;
        margin-bottom: 60px;
        /* overflow-y: scroll; */
    }
    .popup-receive,
    .popup-default {
        align-items: end;
    }
    .popup-receive__container,
    .popup-default__container {
        height: auto;
    }
    .popup-receive__choose,
    .popup-default__choose {
        padding: 55px 30px 35px;
        gap: 50px;
    }
    .popup-receive__buttons,
    .popup-default__buttons {
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }
    .popup-receive__button,
    .popup-default__button {
        width: 100%;
        text-align: center;
    }
    .popup-receive__close,
    .popup-default__close {
        top: 15px;
        right: 15px;
    }
    .popup-receive__title,
    .popup-default__title {
        font-size: 24px;
        line-height: 35px;
    }
    .popup-receive__success {
        padding: 90px 30px 35px;
    }
    .popup-receive__textarea {
        height: 200px;
        padding: 10px 15px;
    }
    .popup-receive__success_title {
        margin-bottom: 20px;
    }
    .popup-receive__text {
        margin-bottom: 10px;
    }
    .popup-receive__textarea_text {
        display: block;
        margin-bottom: 15px;
    }
    .popup-receive__accepted {
        padding: 55px 30px 35px;
        gap: 50px;
    }
    .popup-receive__accepted .popup-receive__title {
        text-align: center;
    }
    .popup-receive__closing {
        padding: 55px 30px 35px;
    }
    .popup-receive__closing_title {
        margin-bottom: 10px;
    }
    .popup-receive__closing_text {
        margin-bottom: 50px;
    }
    .popup-receive__unsuccess {
        padding: 90px 30px 35px;
    }
    .popup-receive__unsucess_text {
        margin-bottom: 20px;
    }
    .success__avatar {
        width: 50px;
        height: 50px;
    }
    .popup-receive__contacts_title {
        font-size: 16px;
        line-height: 26px;
    }
    .popup-receive__contacts_info {
        font-size: 14px;
        line-height: 24px;
    }
    .popup-receive__contacts {
        margin-bottom: 50px;
    }
    .exchange__title_mobile {
        display: block;
    }
    .exchange__title {
        color: #000;
        margin-top: 10px;
        font-size: 14px;
        line-height: 24px;
    }
    .exchange__title span {
        margin-left: 10px;
    }
    .exchange__title_desktop {
        display: none;
    }
    .exchanges__item_user .item__user_image {
        order: -1;
    }
    .exchange-several__proposed_items {
        grid-template-columns: 1fr;
    }
    .exchange-several__buttons {
        flex-direction: column-reverse;
    }
    .exchange-several__proposed_title {
        margin-bottom: 65px;
    }
    .exchange-several__proposed_icon {
        display: flex;
    }
    .exchanges__button_reject {
        width: 100%;
        order: 1;
    }
    .exchanges__button_about {
        margin-right: 0;
        margin-bottom: 25px;
        margin-top: 25px;
    }
    .exchanges__button_about span {
        font-size: 14px;
        line-height: 24px;
        font-weight: 600;
    }
    .exchanges__buttons_desktop {
        display: none;
    }
    .exchanges__buttons_mobile {
        display: flex;
    }
    .post-item__container{
        margin-top: 50px;
    }
    .post-item__categories_main {
        flex-direction: column;
        gap: 10px;
    }
    .post-item__category_main {
        padding-block: 20px;
    }
    .post-item__categories {
        gap: 35px;
    }
    .post-item__categories_secondary-desktop {
        display: none;
    }
    .post-item__categories_secondary-mobile {
        display: block;
        margin-top: 35px;
    }
    .post-item__categories_secondary {
        background-image: url("./img/item-post-background-mobile.svg");
        border-radius: 0;
    }
    .post-item__title {
        font-size: 34px;
        line-height: 44px;
    }
    .post-item__secondary_container {
        padding: 15px 50px 35px;
    }
    .post-item__secondary_button {
        width: 100%;
    }
    .post-item__secondary_title {
        font-size: 24px;
        line-height: 34px;
    }
    .post-item__secondary_text {
        font-size: 10px;
        line-height: 18px;
    }
    .search-result-wrapper {
        padding-top: 30px;
    }

    /* reset for privacy policy */
    article ol,
    article ul{
        margin-left: 0;
    }
}
@media screen and (max-width: 568px) {
    .padding__container {
        padding: 0 20px;
    }
    .home__form_search.padding__container {
        padding: 0;
    }
    .popup__form {
        padding: 50px 10px 0 10px;
    }
    .table-wrap{
        padding: 0 20px;
        margin: 0 -20px;
    }
    article .table-wrap table{
        min-width: 990px;
    }
    .button__submit {
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        width: 100%;
        margin-top: 0;
        height: max-content;
    }
    .button__submit.disable {
        opacity: .5;
    }
    .popup__form_submit-container {
        display: none;
    }
    .popup__form_container {
        margin-bottom: 200px;
    }
    .popup__form_button-mobile.opened {
        display: block;
    }
    .header__mobile_logo {
        padding: 20px 15px 0;
    }
    .header__mobile_inner {
        padding-inline: 35px;
    }
    .header__mobile_buttons {
        padding: 30px 20px 0;
    }
    .header__mobile_button {
        width: auto;
        text-align: center;
    }
    .form__search_submit-container {
        padding-inline: 10px;
    }
    .form__search_submit-mobile .form__search_submit {
        font-size: 14px;
        line-height: 21px;
    }
    .footer__copyright {
        margin-inline: 10px;
        padding-block: 10px
    }
    .footer__main {
        padding-inline: 10px;
    }
    .home__main_item {
        height: 220px;
        /*width: 170px;*/
    }
    .container-header {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .home__banner_main-text {
        font-size: 18px;
        line-height: 28px;
    }
    .info__item_code,
    .product__button_propose,
    .product__button_free,
    .home__banner_button,
    .home__banner_submain-text,
    .product__button_favorite {
        font-size: 14px;
        line-height: 24px;
    }
    .product__button_propose,
    .product__button_free {
        width: 100%;
        text-align: center;
        margin-right: 0;
    }
    .product__buttons {
        justify-content: center;
    }
    .how__item_title {
        font-size: 20px;
        line-height: 30px;
    }
    .how__item_button {
        font-size: 14px;
        line-height: 20px;
    }
    .how__item {
        height: 100%;
    }
    .how__container {
        margin-top: 100px;
    }
    .how__item_numeric {
        font-size: 20px;
        line-height: 30px;
        padding: 0 10px;
    }
    .how__item_text {
        font-size: 14px;
        line-height: 20px;
    }
    .about__subtitle {
        font-size: 22px;
        line-height: 32px;
    }
    .about__item_text {
        padding: 20px 30px;
    }
    .about__block_items {
        flex-wrap: wrap;
    }
    .contacts__title {
        font-size: 30px;
        line-height: 40px;
    }
    .contacts__undertitle {
        margin: 10px 0;
        font-size: 18px;
        line-height: 28px;
    }
    .contacts__text {
        font-size: 14px;
        line-height: 24px;
    }
    .contacts__input {
        padding: 10px 15px;
        font-size: 16px;
        line-height: 24px;
    }
    .contacts__label {
        margin: 15px 0 5px;
    }
    .contacts__form .contacts__submit {
        margin-left: 0;
        justify-content: center;
        width: 100%;
    }
    .create__container {
        margin-top: 30px;
    }
    .create__buttons {
        padding: 0 10px;
    }
    .create__contact {
        padding: 20px 10px;
    }
    .contact__title {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .contact__text {
        font-size: 12px;
        line-height: 22px;
        margin-bottom: 30px;
    }
    .contact__under_title {
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
    }
    .contact__phone,
    .contact__messengers {
        padding: 20px 10px;
    }
    .contact__messengers .contact__messengers_input {
        padding: 10px 30px 10px 40px;
    }
    .contact__messengers_symbol {
        left: 15px;
    }
    .actions__popup_container {
        padding-top: 15px;
        padding-bottom: 35px;
    }
    .account__rejected_item {
        max-width: none;
        padding: 10px 10px 20px;
    }
    .account__rejected_items {
        margin-top: 15px;
    }
    .account__rejected_title {
        font-size: 16px;
        line-height: 26px;
    }
    .account__rejected_button {
        font-size: 12px;
        line-height: 22px;
        width: 100%;
        text-align: center;
    }
    .account__rejected_comment {
        font-size: 12px;
        line-height: 22px;
    }
    .account__navigation {
        margin-top: 30px;
    }
    .personal__items {
        grid-template-columns: 1fr;
    }
    .personal__input {
        max-width: none;
    }
    .settings__contact {
        max-width: none;
    }
    .contact__phone_title {
        margin-bottom: 5px;
    }
    .contact__messengers_input {
        padding: 10px 15px 10px 40px;
        max-width: none;
    }
    .newsletter__button {
        width: 100%;
    }
    .footer {
        margin-top: 50px;
    }
    .home__main_container,
    .favourites__items {
        grid-template-columns: repeat(2, 1fr);
    }
    .saved__notify_container {
        flex-direction: column;
        row-gap: 20px;
    }
    .exchanges__button_status span {
        font-size: 14px;
        line-height: 24px;
    }
    .exchange__info_title {
        font-size: 20px;
        line-height: 30px;
    }
    .accepted__title {
        font-size: 20px;
        line-height: 30px;
    }
    .profile__user_info {
        padding: 60px 10px 20px;
    }
    .user__follow_button {
        text-align: center;
        width: 100%;
    }
    .reviews__item {
        max-width: none;
    }
    .register__button {
        font-size: 12px;
        line-height: 22px;
        padding: 10px 20px;
    }
    .popup__form_input {
        padding: 10px 45px 10px 15px;
        font-size: 14px;
        line-height: 24px
    }
    .custom-select__container_register {
        font-size: 14px;
        line-height: 24px;
    }
    .popup__confirm_form {
        padding: 50px 10px 30px 10px;
    }
    .popup__confirm_logo {
        font-size: 20px;
        line-height: 30px;
    }
    .popup__confirm_button {
        font-size: 14px;
        line-height: 24px;
    }
    .popup__confirm_form .input__code {
        width: 40px;
        height: 50px;
        padding: 10px 15px;
        font-size: 14px;
        line-height: 24px;
    }
    .popup__confirm_text,
    .popup__created_text {
        margin-top: 10px;
    }
    .popup__created_buttons  {
        font-size: 14px;
        line-height: 24px;
    }
    .popup__created_text {
        font-size: 14px;
        line-height: 24px;
    }
    .popup__created {
        padding: 50px 10px 30px 10px;
    }
    .popup__cookies-banner {
        right: 10px;
        left: 10px;
    }
    .cookies-banner__info {
        font-size: 10px;
        line-height: 18px;
        margin-bottom: 15px;
        margin-right: 0;
    }
    .cookies-banner__container {
        flex-direction: column;
        padding: 10px 10px 0;
    }
    .cookies-banner__button {
        height: 70px;
        width: 100%;
        border-left: none;
        border-top: 1px solid rgba(0, 0, 0, 0.2);
    }
    .cookies-banner__button_text {
        display: block;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        margin-left: 15px;
        color: #fff;
    }
    .about__quote {
        align-items: start;
    }
    .about__quote_text {
        font-size: 14px;
        text-align: left;
        line-height: 24px;
    }
    .about__quote_under {
        font-size: 14px;
        line-height: 24px;
    }
    .about__subtitle {
        text-align: left;
    }
    .about__items {
        display: none;
    }
    .core-values__items {
        flex-direction: column;
    }
    .core-values__item {
        font-size: 14px;
        line-height: 24px;
    }
    .core-values__title {
        text-align: left;
    }
    .about__core-values {
        margin-bottom: 50px;
    }
    .about__under_quote {
        font-size: 22px;
        line-height: 32px;
        text-align: left;
    }
    .how__item_title {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .how__item {
        padding: 10px;
    }
    .product__exchange_container-select {
        padding: 50px 10px 35px;
    }
    .product__exchange_items-proposal {
        padding-top: 20px;
        gap: 20px;
    }
    .product__exchange_close {
        top: 10px;
        right: 15px;
    }
    .product__created_title {
        font-size: 18px;
        line-height: 50px;
    }
    .popup_message-mobile {
        padding: 40px 10px 30px;
    }
    .popup__login,
    .popup__forgot,
    .popup__reset-password {
        padding: 50px 10px 0 10px;
    }
    .home__main_button {
        width: 100%;
        justify-content: center;
    }
    .form__search_result {
        padding-left: 45px;
    }
    .popup-password__title {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 26px;
        text-align: left;
    }
    .popup-password__text {
        text-align: left;
    }
    .popup-password__submit-button {
        padding-block: 10px;
    }
    .popup-password__change,
    .popup-password__changed {
        padding-top: 55px;
        padding-bottom: 35px;
    }
    .popup-password__close {
        top: 15px;
        right: 15px;
    }
    .popup-password__label {
        margin-bottom: 5px;
    }
    .popup-password__title-changed {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .popup-password__text-changed {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .popup-password__button {
        padding: 10px 0;
        width: 100%;
        text-align: center;
    }
    .popup-logout__container {
        padding-top: 55px;
        padding-bottom: 35px;
    }
    .popup-logout__button {
        text-align: center;
    }
    .popup-logout__buttons {
        flex-direction: column;
        gap: 10px;
    }
    .popup-logout__title {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 50px;
    }
    .popup-delete__container {
        padding-top: 55px;
        padding-bottom: 35px;
    }
    .popup-delete__button {
        text-align: center;
    }
    .popup-delete__buttons {
        flex-direction: column;
        gap: 10px;
    }
    .popup-delete__title {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 50px;
    }
    .product__exchange_propose {
        padding: 10px 10px 35px;
    }
    .product__exchange_proposals {
        padding: 0 10px 0;
    }
    .product__exchange_container-created {
        padding: 35px 10px ;
    }
    .popup-receive__title,
    .popup-default__title {
        font-size: 18px;
        line-height: 26px;
    }
    .popup-receive__choose,
    .popup-receive__accepted,
    .popup-receive__closing {
        padding: 55px 10px 35px;
    }
    .popup-receive__unsuccess,
    .popup-receive__success {
        padding: 90px 10px 35px;
    }
    .popup-receive__back {
        left: 10px;
    }
    .show__more_filter {
        width: 100%;
        text-align: center;
        padding: 10px 0;
    }
    .home__filter_slider-mobile,
    .home__related_slider-mobile {
        display: block;
    }
    .home__filter_slider-desktop,
    .home__related_slider-desktop {
        display: none;
    }
    .exchange-several__buttons {
        margin-top: 20px;
        gap: 15px;
    }
    .post-item__secondary_container {
        padding: 15px 10px 35px;
    }
    .post-item__secondary_title {
        font-size: 15px;
        line-height: 23px;
    }
    .post-item__secondary_text {
        padding-inline: 15px;
    }
    .post-item__secondary_button {
        padding: 10px 30px;
    }
    .post-item__category_title {
        font-size: 15px;
        line-height: 34px;
    }
    .post-item__category_icon-mobile {
        display: block;
    }
    .post-item__category_icon-desktop {
        display: none;
    }
    .post-item__title {
        font-size: 15px;
        line-height: 23px;
    }
    .post-item__category_main {
        padding-inline: 20px;
        gap: 20px;
    }
    .post-item__category_title {
        margin: 0 0 0 10px;
    }
    .post-item__category_icon{
        margin: 0 10px 0 0;
    }
}
@media screen and (max-width: 373px) {
    .photos__items{
        grid-template-columns: repeat(1, 1fr);
    }
}
#register #newsletter::before {
    content: "\f372";
    font-family: "Ionicons", sans-serif !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: -3px;
}
#register #newsletter {
    width: 17px;
    height: 17px;
    margin: 0 15px 0 2px;
    font-size: 24px;
    color: #aaa;
    position: relative;
}
.um input[type=submit].um-button {
    background-color: #F7931E !important;
    border-radius: 27px !important;
    font-size: 16px !important;
    font-weight: bold !important;
}
.um input[type="submit"].um-button {
    background-color: #F7931E !important;
    border-radius: 27px !important;
    font-size: 16px !important;
    font-weight: bold !important;
}
.um .um-form input[type=text],
.um .um-form input[type=password],
.um .um-form input[type=email] {
    padding: 20px 24px !important;
    line-height: 19px;
    height: 63px !important;
    border-radius: 10px;
    font-weight: bold;
    color: #000036 !important;
    border: 1px solid rgba(0, 0, 54, 0.1) !important;
    box-sizing: border-box;
}
.um-37.um {
    max-width: 1140px !important;
}
.account-items.container {
    padding: 0;
}
.account-items .proposal {
    flex-wrap: nowrap;
}
.account-items .proposal__account {
    flex-wrap: wrap;
}
.account-items .proposal-item {
    width: auto;
    margin-right: 15px;
}
.account-items .proposal-actions {
    flex-grow: 0;
    flex-shrink: 0;
}
.account-items .proposal-actions a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    padding: 5px 8px;
    background: #f7931e;
    font-size: 13px;
}
/*@media screen and (max-width: 550px) {*/
/*    .menu-toggle, .main-navigation.toggled ul {*/
/*        display: flex;*/
/*    }*/
/*    .main-navigation.toggled #header-sidebar p a:last-child {*/
/*        display: flex;*/
/*    }*/
/*    .books .book-container {*/
/*        width: 100% !important;*/
/*    }*/
/*    .account-items .proposal,*/
/*    .profile__items {*/
/*        flex-direction: column;*/
/*    }*/
/*    .profile__items .proposal-date {*/
/*        display: flex;*/
/*        justify-content: center;*/
/*    }*/
/*    .proposal-icon {*/
/*        margin-top: 10px;*/
/*        margin-bottom: 10px;*/
/*    }*/
/*    .account-items .proposal-actions {*/
/*        margin-top: 15px;*/
/*        display: flex;*/
/*        align-items: center;*/
/*    }*/
/*    .profile-books.books .book-container {*/
/*        width: 100%;*/
/*    }*/
/*    .social-media {*/
/*        margin: 20px 0 20px;*/
/*        align-self: center;*/
/*    }*/
/*    table.items img,*/
/*    table.items video {*/
/*        max-width: 150px;*/
/*        max-height: 150px;*/
/*        object-fit: cover;*/
/*    }*/
/*    span.info .info-popup1 {*/
/*        max-width: 150px;*/
/*    }*/
/*    span.info .info-popup2 {*/
/*        border-radius: 0 !important;*/
/*        padding: 10px;*/
/*        display: none;*/
/*        position: absolute;*/
/*        top: -36px;*/
/*        right: 24px;*/
/*        width: 110px;*/
/*        background: #888;*/
/*    }*/
/*}*/
.footer__social_icon svg:hover rect {
    fill: #F8931F
}
.header__mobile_close {
    cursor: pointer;
}
.switch {
    position: relative;
    border: 1px solid;
    border-radius: 20px;
    display: inline-block;
    width: 50px;
    height: 25px;
}
.switch input {
    display: none
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    -webkit-transition: .4s;
    transition: .4s;
}
/*
.slider:before {
    position: absolute;
    content: url("./img/light-mode.svg");
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px;
    -webkit-transition: .4s;
    transition: .4s;
} */

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px;
    -webkit-transition: .4s;
    transition: .4s;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'><circle cx='10.5' cy='10.5' r='10' fill='black' stroke='black'/><path fill-rule='evenodd' clip-rule='evenodd' d='M13.9346 6.77354C13.7752 6.63982 13.7545 6.40224 13.8882 6.24296L15.0581 4.84858C15.192 4.68932 15.4295 4.66857 15.5887 4.80216C15.7481 4.93588 15.7689 5.17346 15.6351 5.33274L14.4652 6.72712C14.3906 6.8159 14.2839 6.8617 14.1765 6.8617C14.091 6.8617 14.0052 6.83272 13.9346 6.77354L13.9346 6.77354ZM10.6315 6.44593C8.27456 6.44593 6.35708 8.36341 6.35708 10.7203C6.35708 13.0772 8.27443 14.9948 10.6315 14.9948C12.9883 14.9948 14.9059 13.0773 14.9059 10.7203C14.9059 8.36341 12.9884 6.44593 10.6315 6.44593V6.44593ZM10.2483 5.19693V3.37671C10.2483 3.1687 10.4169 3 10.625 3C10.833 3 11.0017 3.16859 11.0017 3.37671V5.19693C11.0017 5.40494 10.8331 5.57364 10.625 5.57364C10.4169 5.57364 10.2483 5.40505 10.2483 5.19693ZM5.6174 5.34121C5.48356 5.18183 5.50456 4.94435 5.66381 4.81063C5.82307 4.67679 6.06067 4.69766 6.19439 4.85705L7.36434 6.25143C7.49818 6.41081 7.47718 6.64841 7.31792 6.78201C7.24732 6.84119 7.16149 6.87017 7.07603 6.87017C6.96846 6.87017 6.86188 6.82437 6.78735 6.7356L5.6174 5.34121ZM5.12527 10.1387L3.3328 9.82261C3.12786 9.78651 2.99108 9.59115 3.0273 9.38621C3.06327 9.1814 3.25863 9.04474 3.46357 9.08071L5.25616 9.39678C5.4611 9.43288 5.59788 9.62824 5.56167 9.83305C5.5295 10.0158 5.37048 10.1443 5.19122 10.1443C5.16936 10.1446 5.14738 10.1426 5.12528 10.1387L5.12527 10.1387ZM6.17734 13.2994C6.28134 13.4795 6.21958 13.7099 6.03957 13.814L4.46321 14.7241C4.4039 14.7584 4.33907 14.7746 4.27522 14.7746C4.14494 14.7746 4.01834 14.7069 3.94871 14.5862C3.84471 14.406 3.90647 14.1757 4.0866 14.0716L5.66296 13.1615C5.84334 13.0576 6.07346 13.1192 6.17732 13.2994H6.17734ZM9.10219 16.0416L8.47963 17.7521C8.42401 17.9051 8.27961 18 8.12575 18C8.08289 18 8.03943 17.9928 7.99694 17.9773C7.80133 17.9062 7.70065 17.6901 7.77187 17.4946L8.39442 15.7842C8.46564 15.5887 8.68211 15.4881 8.87721 15.5591C9.07257 15.6301 9.17338 15.8462 9.10216 16.0417L9.10219 16.0416ZM13.503 17.4901C13.5741 17.6855 13.4734 17.9017 13.2778 17.9727C13.2353 17.9882 13.1918 17.9956 13.1491 17.9956C12.9952 17.9956 12.8508 17.9005 12.7951 17.7477L12.1725 16.0372C12.1014 15.8417 12.2021 15.6256 12.3977 15.5545C12.5931 15.4836 12.8093 15.5842 12.8804 15.7797L13.503 17.4901ZM17.3206 14.5748C17.2509 14.6957 17.1243 14.7631 16.9941 14.7631C16.9303 14.7631 16.8654 14.7468 16.8061 14.7127L15.2298 13.8026C15.0496 13.6986 14.9879 13.4682 15.0919 13.288C15.1959 13.1078 15.4263 13.0462 15.6065 13.1501L17.1829 14.0603C17.3627 14.1643 17.4246 14.3945 17.3206 14.5748H17.3206ZM17.9277 9.80969L16.1352 10.1258C16.113 10.1297 16.091 10.1317 16.0693 10.1317C15.8899 10.1317 15.731 10.0031 15.6988 9.82039C15.6627 9.61545 15.7994 9.42023 16.0043 9.38411L17.7969 9.06804C18.0022 9.03182 18.1972 9.16873 18.2333 9.37354C18.2693 9.57823 18.1325 9.77361 17.9277 9.80969H17.9277Z' fill='white'/></svg>") no-repeat center/contain;
}

input:checked+.slider {
    background-color: #242424;
}
input:focus+.slider {
    box-shadow: 0 0 1px #242424;
}
/*input:checked+.slider:before {*/
/*    content: url("./img/dark-mode.svg");*/
/*    transform: translateX(23px);*/
/*}*/
input:checked + .slider:before {
    content: "";
    transform: translateX(23px);
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'><circle cx='10.5' cy='10.5' r='10' fill='white' stroke='white'/><path d='M7.64274 3C4.6942 4.09272 3 6.93221 3 10.261C3 14.5351 6.46484 18 10.739 18C14.0675 18 16.9074 16.3057 18 13.3573C17.1186 13.7118 16.1567 13.8929 15.1485 13.8929C10.9241 13.8929 7.10717 10.076 7.10717 5.85159C7.10717 4.84328 7.28824 3.88139 7.64274 3Z' fill='%23242424'/></svg>") no-repeat center/contain;
}

.slider.round {
    border-radius: 34px
}
.slider .round:before {
    border-radius: 50%
}
.dark-mode,
.dark-mode .site-header,
.dark-mode .popup__form,
.dark-mode .contact__phone,
.dark-mode .contact__messengers,
.dark-mode .exchanges__item_icon,
.dark-mode .footer__container,
.dark-mode .form__newsletter_container,
.dark-mode .contact__phone_input,
.dark-mode .contact__messengers_input,
.dark-mode .contact__messengers_input:focus,
.dark-mode .contact__phone_input:focus,
.dark-mode .footer__menu_newsletter .form__newsletter_input,
.dark-mode .footer__menu_item,
.dark-mode .header__popup_name,
.dark-mode .reviews__data,
.dark-mode .profile__exchanges_item-user-owner,
.dark-mode .swiper-pagination-create .swiper-pagination-bullet,
.dark-mode .header__popup_item,
.dark-mode .book a,
.dark-mode .footer__menu_item a,
.dark-mode .register__button,
.dark-mode .navigation__item,
.dark-mode .navigation__exchange,
.dark-mode .main-navigation a,
.dark-mode .header__menu_button,
.dark-mode .form__search_title,
.dark-mode .create__change_block .change__block_input,
.dark-mode .custom-select,
.dark-mode .popup__form_input,
.dark-mode .contacts__input,
.dark-mode .popup__form_input:focus,
.dark-mode .contacts__input:focus,
.dark-mode .contacts__input.active,
.dark-mode .create__description__input,
.dark-mode .dropdown .select span:nth-child(2),
.dark-mode .dropdown .select span:nth-child(3),
.dark-mode .contacts__input::placeholder,
.dark-mode .popup__form_input::placeholder,
.dark-mode .mobile__item a,
.dark-mode .how__container .how__item_button,
.dark-mode .favourites__search_input,
.dark-mode .favourites__search_input:focus,
.dark-mode .personal__input,
.dark-mode .popup-receive__contact a,
.dark-mode .custom-select .custom-select__title,
.dark-mode .go-home,
.dark-mode .go-back,
.dark-mode .product__user_name a,
.dark-mode .exchanges__button_receive,
.dark-mode .friends__name a{
    color: #fff;
}
.dark-mode .how__container .how__item_button:hover,
.dark-mode .exchanges__button_receive:hover{
    color: #242424;
}
.dark-mode,
.dark-mode .site-header,
.dark-mode .account__exchanges_inner,
.dark-mode .contact__phone,
.dark-mode .contact__messengers,
.dark-mode .exchanges__item_icon,
.dark-mode .footer__container,
.dark-mode .popup__header_mobile,
.dark-mode .mobile__user_popup,
.dark-mode .account__item_delete-icon,
.dark-mode .exchanges__item_user-owner,
.dark-mode .popup-password__container,
.dark-mode .saved__message,
.dark-mode .actions__popup_block,
.dark-mode .popup-receive__container,
.dark-mode .popup-default__container,
.dark-mode .popup-receive__cancel,
.dark-mode .popup-receive__button_leave,
.dark-mode .popup__friends_wrapper,
.dark-mode .popup__comments_wrapper,
.dark-mode .popup__comments_button-close,
.dark-mode .product__exchange_container,
.dark-mode .sidebar__container_mobile {
    background: #242424;
}
.dark-mode .custom__input,
.dark-mode .exchanges__item_icon,
.dark-mode .popup__form_input,
.dark-mode .contacts__input,
.dark-mode .saved__message,
.dark-mode .popup-receive__cancel,
.dark-mode .popup-receive__button_leave,
.dark-mode .popup__comments_button-close {
    border: 1px solid rgba(255, 255, 255, 0.05);
}
.dark-mode .exchanges__item_icon {
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
}
.dark-mode .footer__container,
.dark-mode .about__item,
.dark-mode .core-values__item,
.dark-mode .product__photo,
.dark-mode .create__contact,
.dark-mode .create__checkboxes,
.dark-mode .about__block_item-image,
.dark-mode .home-sidebar__container,
.dark-mode .home__sidebar_select,
.dark-mode .header__mobile_user,
.dark-mode .account__item,
.dark-mode .account__exchanges_inner,
.dark-mode .friends__item,
.dark-mode .saved__notify_container,
.dark-mode .product__exchange_proposals,
.dark-mode .post-item__category_main {
    background: #1E1E1E;
}
.dark-mode .form__newsletter_container,
.dark-mode .contact__phone_input,
.dark-mode .contact__messengers_input,
.dark-mode .contact__messengers_input:focus,
.dark-mode .contact__phone_input:focus,
.dark-mode .footer__menu_newsletter .form__newsletter_input,
.dark-mode .select__menu,
.dark-mode .how__item,
.dark-mode .custom__input,
.dark-mode .header__popup_container,
.dark-mode .dropdown,
.dark-mode .custom-select__container.form__search_dropdown,
.dark-mode .form__search_title,
.dark-mode .create__change_block .change__block_input,
.dark-mode .custom-select,
.dark-mode .popup__form_input,
.dark-mode .contacts__input,
.dark-mode .popup__form_input:focus,
.dark-mode .contacts__input:focus,
.dark-mode .contacts__input.active,
.dark-mode .create__description__input,
.dark-mode .dropdown .select span:nth-child(2),
.dark-mode .dropdown .select span:nth-child(3),
.dark-mode .contacts__input::placeholder,
.dark-mode .popup__form_input::placeholder,
.dark-mode .popup__form_input.active,
.dark-mode .control__button_view,
.dark-mode .control__button_password,
.dark-mode .friends__search_input,
.dark-mode .favourites__search_input,
.dark-mode .form__search_results,
.dark-mode .popup__form_input-container .popup__form_input.active,
.dark-mode .home__sidebar_category.active,
.dark-mode .home__sidebar_city.active {
    background: #3A3A3A;
}
.dark-mode .popup__close_small svg circle {
    fill: #3a3a3a;
}
.dark-mode .footer__menu_newsletter .form__newsletter_input,
.dark-mode .reviews__data,
.dark-mode .footer__menu_item:hover,
.dark-mode .header__popup_title,
.dark-mode .book a:hover,
.dark-mode .footer__menu_item a:hover,
.dark-mode .footer__social_icon svg:hover,
.dark-mode .navigation__item,
.dark-mode .navigation__exchange,
.dark-mode .header__popup_item:hover,
.dark-mode .dropdown .select>i,
.popup-receive__contact a:hover{
    opacity: 0.5;
}
.dark-mode .footer__menu_item:hover,
.dark-mode .header__popup_title,
.dark-mode .book a:hover,
.dark-mode .footer__menu_item a:hover,
.dark-mode .form__search_title::placeholder,
.dark-mode .custom__input::placeholder,
.dark-mode .custom__input:focus,
.dark-mode .header__popup_item:hover,
.dark-mode .custom__input.active,
.dark-mode .checkbox__label a,
.dark-mode .dropdown .select>i,
.dark-mode .form__search_title:focus,
.dark-mode .item__button_open,
.dark-mode .item__button_edit,
.dark-mode .info_title,
.dark-mode .info_category,
.dark-mode .control__button_view span,
.dark-mode .control__button_password span,
.dark-mode .friends__button_view,
.dark-mode .saved__message,
.dark-mode .actions__open,
.dark-mode .actions__edit,
.dark-mode .popup-receive__cancel,
.dark-mode .popup-receive__button_leave,
.dark-mode .popup__friends_view,
.dark-mode .popup__friends_name,
.dark-mode .popup__comments_button-close,
.dark-mode .post-item__category_title,
.dark-mode .popup-receive__contact a:hover,
.dark-mode .navigation__item,
.dark-mode .navigation__exchange{
    color: #ffffff !important;
}
.dark-mode .form__search_count,
.dark-mode .actions__title {
    color: rgba(256, 256, 256, .5);
}
.dark-mode .profile__exchanges_item-user-owner {
    border-color: #141414;
}
.dark-mode .profile__user_info,
.dark-mode .profile__exchanges_item-user-owner,
.dark-mode .reviews__item,
.dark-mode .popup__register,
.dark-mode .popup-logout__container,
.dark-mode .popup-delete__container{
    background: #141414;
}
.dark-mode .popup-logout,
.dark-mode .popup-delete{
    background: rgb(32, 32, 32, 60%);
}

.dark-mode .exchanges__button_receive:hover {
    background: #ffffff;
}
.dark-mode .custom-logo-link svg:nth-child(2) path,
.dark-mode .footer__social_icon svg rect,
.dark-mode .custom-select__main svg path,
.dark-mode .dropdown__arrow svg path,
.dark-mode .product__button_favorite svg path,
.dark-mode .profile__user_location-icon svg path,
.dark-mode .about__image svg path,
.dark-mode .form__search_title-icon path,
.dark-mode .header__mobile_close svg rect,
.dark-mode .item__button_edit svg path,
.dark-mode .control__button_password svg path,
.dark-mode .control__button_view svg path,
.dark-mode .friends__search_icon svg path,
.dark-mode .favourites__search_icon svg path,
.dark-mode .friends__location svg path,
.dark-mode .popup-receive__location svg path,
.dark-mode .item__buttons_icon circle,
.dark-mode .user__button_mobile circle,
.dark-mode .success__review svg path,
.dark-mode .default__button_close.active svg circle,
.dark-mode .home__main_filter_reset_icon path,
.dark-mode .saved__title svg path,
.dark-mode .header__menu_burger rect,
.dark-mode .back-to-login path {
    fill: #fff;
}
.dark-mode .home__books_filter_reset:hover path,
.dark-mode .back-to-login:hover path,
.dark-mode .go-home:hover path,
.dark-mode .go-back:hover path {
    fill: #F8931F;
}
.dark-mode .filter__type_arrow svg path,
.dark-mode .header__popup_item-icon svg path,
.dark-mode .header__popup_item-icon svg rect,
.dark-mode .header__popup_arrow svg path,
.dark-mode .popup__close_button svg path,
.dark-mode .header__mobile_arrow svg path,
.dark-mode .item__info_proposal svg path,
.dark-mode .default__button_close svg path,
.dark-mode .product__exchange_next svg path,
.dark-mode .product__exchange_back-main svg path,
.dark-mode .go-home path,
.dark-mode .go-back path {
    stroke: #fff;
    fill: #fff;
}
.dark-mode .default__button_close.active svg path {
    stroke: #000;
}
.dark-mode .footer__social_icon svg path{
    fill: #000000;
}
.dark-mode .default__button_close svg circle {
    fill: #141414;
}
.dark-mode .navigation__custom_swiper svg rect {
    fill: transparent;
}
.dark-mode .user__social svg,
.dark-mode .popup-receive__back svg{
    filter: invert(1);
}
.dark-mode .filter__type,
.dark-mode .reviews__user,
.dark-mode .reviews__comment,
.dark-mode .header__popup_item {
    border-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .product__photo {
    border-color: rgb(0, 0, 0);
}
.dark-mode .popup__form_checkbox-container label:before,
.dark-mode .checkbox__item,
.dark-mode .contact__messengers__item,
.dark-mode .popup__form_checkbox-container input:checked+label:after,
.dark-mode .register__button,
.dark-mode .navigation__item,
.dark-mode .navigation__exchange,
.dark-mode .main-navigation a,
.dark-mode .header__menu_button,
.dark-mode .item__button_edit,
.dark-mode .actions__edit,
.dark-mode .item__button_edit,
.dark-mode .how__container .how__item_button,
.dark-mode .exchanges__button_receive{
    border-color: #FFFFFF;
}
.dark-mode .product__questions,
.dark-mode .popup__confirm_button {
    border-color: rgb(255 255 255 / 20%);
}
.dark-mode .popup__confirm_button:hover{
    background-color: rgb(255 255 255 / 20%);
}
.dark-mode .navigation__item.active,
.dark-mode .navigation__exchange.active,
.dark-mode .navigation__item:hover,
.dark-mode .navigation__exchange:hover {
    opacity: 1;
}
.dark-mode .current_page_item a,
.dark-mode .main-navigation a:hover,
.dark-mode .add__item_button.current_page_item,
.dark-mode .header__menu_button:hover,
.dark-mode .custom__input.active,
.dark-mode .contacts__form .contacts__submit,
.dark-mode .button__submit,
.dark-mode .how__container .how__item_button:hover{
    border-color: #F8931F;
}
.dark-mode .form__search_container {
    background: url("./img/form-search-bg-dark.svg") no-repeat center;
}
.dark-mode .how__item_image-dark,
.dark-mode .about__main_image-dark,
.dark-mode .dark-theme__logo {
    display: block;
}
.dark-mode .how__item_image-light,
.dark-mode .about__main_image-light,
.dark-mode .white-theme__logo {
    display: none;
}
.dark-mode .form__newsletter_input,
.dark-mode .form__search_count,
.dark-mode .popup-receive__textarea {
    border: 1px solid rgba(255, 255, 255, 0.05);
    background: #3A3A3A;
    color: #fff;
}
.dark-mode .newsletter__container_mobile,
.dark-mode .header__mobile_button-check {
    background: none;
}
.dark-mode .home__sidebar_border {
    border-right: 1px solid rgba(256, 256, 256, .2);
}
.dark-mode .exchanges__item_user-owner {
    border: 1px solid #242424;
}
.dark-mode .actions__open,
.dark-mode .actions__edit,
.dark-mode .swiper-pagination span {
    border: 1px solid #fff !important;
}
.dark-mode .popup__form_button-mobile {
    background: #0A0A0A;
}
.dark-mode .popup__friends__user,
.dark-mode .saved__title {
    border-bottom: 1px solid #fff;
}
.dark-mode .popup__friends_item {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}
.dark-mode .home__main_filter_reset_icon svg rect {
    fill: transparent;
}
.dark-mode .swiper-button-next svg rect,
.dark-mode .swiper-button-prev svg rect {
    fill: rgba(122, 122, 122, 0.5);
}
.dark-mode .swiper-button-next.active svg rect,
.dark-mode .swiper-button-prev.active svg rect {
    fill: rgba(255, 255, 255, 0.5);
}
#wpadminbar a.ab-item:hover {
    color: #72aee6 !important;
}

.home .books .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: 54px;
}

.home__main_item .item__info_author a{
    color: #ffffff;
}
.home__main_item .item__info_author a:hover{
    color: #ffffff !important;
}

/* ITC updates */
.friends-box{
    margin: 0 0 40px;
}

.friends-list{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.friends-item{
    width: 100%;
    padding: 0 10px;
    margin: 0 0 20px;
    display: flex;
    flex-direction: column;
}

.friends-list .cont{
    background: #F9F9F9;
    border-radius: 10px;
    padding: 15px 10px 10px;
    flex-grow: 1;
}

.friends-list .cont:hover{
    filter: drop-shadow(1px 1px 6px rgba(0, 0, 0, 0.05));
}

.friends-list .friends-item .cont:hover {
    filter: none;
}

.friends-item-container {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-auto-rows: auto;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 15px;
}

.friends-item-container.full-size-img {
    grid-template-columns: 100%;
}

.friends-item-container-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    display: block;
}



.friends-item-container img {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
}

.dark-mode .friends-list .cont{
    background: #3A3A3A;
}

.friends-list .friends-photo{
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto 10px;
}

.friends-list .friends-email {
    display: block;
    color: #F8931F;
    white-space: break-spaces;
    word-break: break-all;
    text-align: center;
    line-height: 1.2;
    transition: 0.3s;
}

.friends-list .cont:hover .friends-email{
    color: #000;
}

.dark-mode .friends-list .cont:hover .friends-email{
    color: #fff;
}

.friends-list.friends-list--have-posts {
    display: flex;
    flex-direction: column;
}

.friends-list.friends-list--have-posts .cont {
    margin-bottom: 15px;
}

.friends-list.friends-list--have-posts .profile__products_desktop {
    display: grid;
    gap: 15px;
}

.friends-list.friends-list--have-posts .friends-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
}

.friends-list.friends-list--have-posts .friends-item:last-child {
    margin-bottom: 0;
}

@media(min-width: 1px){
    .friends-item,
    .friends-list.friends-list--have-posts .cont {
        width: 50%;
    }

    .friends-list.friends-list--have-posts .profile__products_desktop {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(min-width: 500px){
    .friends-item,
    .friends-list.friends-list--have-posts .cont {
        width: 50%;
    }

    .friends-list.friends-list--have-posts .profile__products_desktop {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(min-width: 768px){
    .friends-item,
    .friends-list.friends-list--have-posts .cont {
        width: 33%;
    }

    .friends-list.friends-list--have-posts .profile__products_desktop {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media(min-width: 1200px){
    .friends-item,
    .friends-list.friends-list--have-posts .cont {
        width: 25%;
    }

    .friends-list.friends-list--have-posts .profile__products_desktop {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media(min-height: 800px) {
    .popup-receive__container,
    .popup-default__container{
        min-height: 730px;
    }
    .product__exchange_container-created {
        padding-block: 260px;
    }
}

.shortened-name + .profile__user_location + .profile__user_local > .user__socials {
    display: none;
}

/**/

.free-product-item {
    display: flex;
    border-radius: 10px;
    background: #F9F9F9;
}

.free-product-image {
    width: 180px;
    border-radius: 10px;
    overflow: hidden;
}

.free-product-image img {
    display: block;
    margin: 0;
    width: 100%;
    height: auto;
}

.free-product-content {
    flex-direction: column;
    padding: 20px 20px 15px;
}

.free-product-title a {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    font-weight: 500;
    color: #212529;
}

.free-product-users {

}

.free-product-users-item {

}

.how__subtitle  {
    margin-bottom: 35px;
    text-align: center;
}

/* Free Items Styles */

.create__type {
    /*opacity: 0;*/
    /*height: 0;*/
}

.create__type__title {

}

.create__type__options {
    display: flex;
    gap: 20px;
    margin-bottom: 40px;
}

.toggle-button {
    display: flex;
    align-items: center;
    justify-content: start;
    width: 290px;
    height: 56px;
    background: #F9F9F9;
    border: 1px solid #F9F9F9;
    border-radius: 30px;
    padding: 0 20px;
    gap: 11px;
    cursor: pointer;
}

.create__type__options input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.create__type__options input[type="radio"]:checked + .toggle-button {
    background-color: #fff;
    border-color: #F8931F;
}

.create__type__options input[type="radio"]:checked + .toggle-button .toggle-button-indicator {
    background: url('/wp-content/themes/agora/img/checked.svg') center #F8931F no-repeat;
    border-color: #F8931F;
}

.toggle-button-indicator {
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 20px;
    background: #fff;
}

.dark-mode .toggle-button {
    background: #1E1E1E;
    border: 1px solid #1E1E1E;
}

.dark-mode .toggle-button-indicator {
    border: 2px solid #444;
    background: #3A3A3A;
}

.dark-mode .create__type__options input[type="radio"]:checked + .toggle-button {
    background-color: #1E1E1E;
    border-color: #F8931F;
}

@media(max-width: 640px) {
    .create__type__options {
        flex-direction: column;
    }
}

.what-to-change.what-to-change--hide {
    display: none;
}

.item__image,
.account__item_image {
    position: relative;
}

.item__image.item__image--free:before,
.account__item_image.item__image--free:before,
.product__photo.item__image--free:before {
    content: 'Gratis';
    width: 95px;
    height: 30px;
    border-radius: 50px;
    background: #F8931FB2;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 16px;
}

.product-type-subtext {
    margin-top: 20px;
}

.item__info_proposals {
    position: relative;
}

.item__info_claimed_users {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 100%;
    max-width: 600px;
    height: 305px;
    z-index: 999;
    border-radius: 9px;
    padding: 15px;
    font-size: 16px;
    line-height: 26px;
    display: none;
    border: 1px solid #F8931F;
}

.item__info_proposals.show::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
}

.claimed-users-pop-head {
    margin-bottom: 15px;
    color: #212529;
    font-size: 20px;
    font-weight: 500;
    position: relative;
}

.claimed-users-list {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 24px;
    max-height: 235px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.claimed-users-list a {
    color: #F8931F;
}

.item__info_claimed_users_show {
    cursor: pointer;
}

.item__info_proposals.show .item__info_claimed_users {
    display: block;
}

.item__info_proposals.show .item__info_proposal svg {
    transform: rotate(90deg);
}

.claimed-users-pop-close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 1001;
}

.claimed-users-pop-close-button {
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    border-radius: 50%;
    position: relative;
}

.claimed-users-pop-close-button::before,
.claimed-users-pop-close-button::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 1px;
    background-color: #000;
    transform-origin: center;
}

.claimed-users-pop-close-button::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.claimed-users-pop-close-button::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.claimed-users-pop-close:hover .claimed-users-pop-close-button {
    border-color: #F8931F;
}

.claimed-users-pop-close:hover .claimed-users-pop-close-button {
    border-color: #F8931F;
}

.claimed-users-pop-close:hover .claimed-users-pop-close-button::before,
.claimed-users-pop-close:hover .claimed-users-pop-close-button::after {
    background-color: #F8931F;
}

.free-product-instruction {
    border: 1px solid #F8931F;
    padding: 10px 15px;
    border-radius: 7px;
}

.free-product-instruction p:last-child {
    margin-bottom: 0;
}

.html-overflow-hidden {
    overflow: hidden;
}

.accept-user-btn {
    border: 1px solid #000;
    border-radius: 25px;
    padding: 5px 20px;
    font-size: 14px;
    color: #000;
    margin-right: 15px;
}

.accept-user-btn:focus,
.accept-user-btn:active {
    outline: none;
}

.accept-user-btn:hover {
    border: 1px solid #F8931F;
    color: #F8931F;
}

.accept-user-btn:disabled {
    opacity: 0.5;
}

.accept-user-btn:disabled:hover {
    opacity: 0.5;
    border: 1px solid #000;
    color: #000;
    cursor: auto;
}

#moove_gdpr_cookie_info_bar {
    z-index: 999999999999999 !important;
}

/* Blog */

.two-columns-wrapper {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 30px;
    padding-top: 25px;
}

.two-columns-wrapper a {
    color: #F8931F !important;
    font-weight: normal;
}

.two-columns-wrapper a:hover {
    color: #F8931F !important;
    text-decoration: underline !important;
    font-weight: normal;
}

.two-columns-aside {
    padding-top: 6px;
}

.two-columns-aside-title {
    font-size: 24px;
    margin: 0;
    margin-bottom: 15px;
}

.two-columns-aside-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.two-columns-aside-list .current-cat a {
    text-decoration: underline !important;
    color: #F8931F !important;
}

.two-columns-main {
    overflow: hidden;
}

@media(max-width: 1280px) {

    .two-columns-wrapper {
        grid-template-columns: 1fr;
        padding-top: 10px;
    }

    .two-columns-main {
        order: 1;
    }

    .two-columns-aside {
        order: 2;
    }

    .two-columns-articles {
        gap: 20px;
    }
}

/* Blog Post */

.single-article .entry-meta {
    display: block;
    margin-bottom: 15px;
}

.single-article .entry-meta > span,
.single-article .entry-meta > span span.author {
    display: inline;
}

.single-article pre {
    background: gray;
}

.single-article table td,
.single-article table th {
    border: 1px solid #F8931F;
    padding: 5px;
}

/* Category */

.category-header {
    text-align: center;
    margin-bottom: 49px;
}

.category-title {

}

.two-columns-articles {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}

.single-article-сard h2 {
    font-size: 24px;
}

.single-article-сard .post-thumbnail {
    margin-bottom: 15px;
    display: block;

}

.single-article-сard .post-thumbnail:hover {

}

.single-article-сard .post-thumbnail img {
    display: block;
    margin: 0;
    aspect-ratio: 1024 / 768;
    object-fit: cover;
}
.pagination-wrapper {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding-top: 70px;
    gap: 10px;
}

.pagination-wrapper .pagination-prev {
    justify-self: start;
}

.pagination-wrapper .pagination-next {
    justify-self: end;
}

.pagination-wrapper .pagination-numbers {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.pagination-wrapper .pagination-prev a,
.pagination-wrapper .pagination-next a,
.pagination-wrapper .pagination-numbers a,
.pagination-wrapper .pagination-numbers span {
    display: inline-block;
    padding: 15px 30px;
    color: #fff !important;
    background: #F8931F;
    border-radius: 30px;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    width: max-content;
    text-align: center;
}

.pagination-wrapper .pagination-prev a:hover,
.pagination-wrapper .pagination-next a:hover,
.pagination-wrapper .pagination-numbers a:hover {
    color: #000 !important;
    text-decoration: none !important;
}

.pagination-wrapper .pagination-numbers .current {
    background-color: #333;
    color: #fff;
    cursor: auto;
}

@media(max-width: 1280px) {
    .pagination-wrapper .pagination-numbers a,
    .pagination-wrapper .pagination-numbers span {
        display: none;
    }
}


@media(max-width: 991px) {
    .two-columns-articles {
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    .category-header {
        margin-bottom: 30px;
    }
}

@media(max-width: 568px) {
    .two-columns-articles {
        grid-template-columns: 1fr;
    }

    .pagination-wrapper {
        grid-template-columns: 1fr;
        padding-top: 40px;
    }

    .pagination-wrapper .pagination-prev,
    .pagination-wrapper .pagination-next {
        justify-self: center;
    }

    .pagination-wrapper .pagination-prev a,
    .pagination-wrapper .pagination-next a {
        width: 230px;
    }
}

.related-posts-wrapper {
    padding-top: 24px;
}

.related-posts-title {
    margin-bottom: 20px;
}

.breadcrumbs-wrapper {
    padding-top: 9px;
    padding-bottom: 10px;
}

.item__info_ratings-container {
    display: none;
}

.byline {
    display: none !important;
}

#contactsForm .g-recaptcha {
    display: flex;
    justify-content: center;
    padding: 20px 0 0 0;
}

.header__mobile_button {
    display: inline-block;
    transition: transform 0.2s ease-in-out;
    transform-origin: center;
}

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        transform: scale3d(1, 1, 1);
    }
}

.animate__tada {
    animation: tada 1s ease-in-out;
}

/* For cookie banner on ios */

.fc-consent-root button,
.fc-consent-root [role="button"] {
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
}

.fc-dialog-overlay {
    pointer-events: none !important;
}

.fc-consent-root,
.fc-consent-root * {
    animation: none !important;
    transition: none !important;
    transform: none !important;
}

.fc-footer-buttons-container button {
    min-height: 44px !important;
    padding: 12px 20px !important;
    z-index: 999999 !important;
}

.post-type-archive .books {
    margin-top: 100px;
}

.post-type-archive .books:first-child {
    margin-top: 0;
}

/* QA accessibility and validation fixes (BG_11, BG_13-BG_29). */
.create__photos .error__product_photo:not(:empty) {
    display: block;
    margin: 15px 0 0;
    padding: 10px 14px;
    border: 2px solid #DA2020;
    border-radius: 8px;
    background: #FFFFFF;
    color: #B01616;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.create__product_category .custom-select.error__container {
    border: 1px solid #DA2020;
}

.account__my-products .item__info_title {
    max-width: 100%;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.contact__save.is-saving {
    opacity: .55;
    pointer-events: none;
    cursor: wait;
}

.popup-password__input-wrapper {
    position: relative;
}

.popup-password__input-wrapper .popup-password__input {
    width: 100%;
    padding-right: 52px;
}

.popup-password__toggle {
    position: absolute;
    top: 50%;
    right: 18px;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 22px 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='16' viewBox='0 0 22 16' fill='none'%3E%3Cpath d='M1 8s3.7-7 10-7 10 7 10 7-3.7 7-10 7S1 8 1 8Z' stroke='%23000' stroke-width='1.5'/%3E%3Ccircle cx='11' cy='8' r='3' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E");
    transform: translateY(-50%);
    cursor: pointer;
}

.popup-password__toggle.is-visible {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='18' viewBox='0 0 22 18' fill='none'%3E%3Cpath d='M1 9s3.7-7 10-7 10 7 10 7-3.7 7-10 7S1 9 1 9Z' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M3 1 19 17' stroke='%23000' stroke-width='1.8'/%3E%3C/svg%3E");
}

.favourites__search {
    max-width: 450px;
}

.favourites__search .favourites__search_input {
    padding-right: 48px;
}

.search__clear {
    position: absolute;
    top: 50%;
    right: 14px;
    display: none;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #444;
    font-size: 25px;
    line-height: 26px;
    transform: translateY(-50%);
    cursor: pointer;
}

.search__clear.is-visible {
    display: block;
}

.search__no-results[hidden] {
    display: none;
}

.account__products_search {
    margin-bottom: 30px;
}

.footer__logo .custom-logo-link img {
    transition: transform .2s ease, opacity .2s ease;
}

.footer__logo .custom-logo-link:hover img,
.footer__logo .custom-logo-link:focus-visible img {
    opacity: .82;
    transform: scale(1.04);
}

.popup__confirm_text span {
    margin-inline-start: .3em;
}

.popup__forgot .popup__form_submit-container {
    justify-content: center;
}

.popup__forgot .popup__form_forgot-button {
    margin-inline: auto;
}

/* Mobile auth: only the form scrolls; close and submit controls keep their own
   space, so consent text can never sit underneath the submit bar. */
.popup__auth_toolbar,
.popup__auth_backdrop {
    display: none;
}

@media screen and (max-width: 768px) {
    #popup_register {
        --auth-top-gap: calc(44px + env(safe-area-inset-top, 0px));
        display: flex;
        flex-direction: column;
        height: calc(100vh - var(--auth-top-gap));
        height: calc(100dvh - var(--auth-top-gap));
        min-height: 0;
        overflow: hidden;
    }

    #popup_register.opened {
        top: var(--auth-top-gap);
    }

    #popup_register.opened + .popup__auth_backdrop {
        display: block;
        position: fixed;
        inset: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: rgba(0, 0, 0, .5);
        z-index: 115;
        cursor: pointer;
    }

    #popup_register .popup__auth_toolbar {
        display: flex;
        flex: 0 0 auto;
        justify-content: flex-end;
        padding: 6px max(10px, env(safe-area-inset-right, 0px));
        border-bottom: 1px solid rgba(128, 128, 128, .2);
    }

    #popup_register .popup__auth_close {
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: rgba(128, 128, 128, .12);
        color: inherit;
    }

    #popup_register .popup__auth_close:focus-visible {
        outline: 2px solid #F8931F;
        outline-offset: 2px;
    }

    #popup_register > .popup__inner {
        display: block;
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        scroll-padding-block: 16px;
    }

    #popup_register .popup__inner .popup__close_button {
        display: none;
    }

    #popup_register .popup__form,
    #popup_register .popup__login,
    #popup_register .popup__forgot,
    #popup_register .popup__reset-password,
    #popup_register .popup__confirm_form,
    #popup_register .popup__created {
        height: auto;
        padding-top: 16px;
        padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
    }

    #popup_register .popup__form_container {
        margin-bottom: 0;
    }

    #popup_register .back-to-login {
        position: static;
        display: inline-flex;
        margin-bottom: 12px;
    }

    #popup_register > .popup__form_button-mobile {
        position: static;
        flex: 0 0 auto;
        padding: 12px 10px calc(12px + env(safe-area-inset-bottom, 0px));
    }

    #popup_register input,
    #popup_register select,
    #popup_register textarea {
        font-size: 16px;
    }
}

/* ChatGPT Builder loads after the theme. Keep its launcher below mobile
   dialogs (z-index 110+) without changing the opened chat panel. */
@media screen and (max-width: 768px) {
    body .ktt10-btn {
        z-index: 90 !important;
        bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important;
    }

    /* Let the final footer content scroll clear of the 60px launcher. */
    body:has(.ktt10-btn) .footer__copyright {
        padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px));
    }
}

@media screen and (min-width: 569px) {
    .popup__confirm_buttons {
        flex-wrap: nowrap;
        align-items: center;
    }

    .popup__confirm_button {
        white-space: nowrap;
    }
}