@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins-400.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins-600.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins-700.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}
html {
scroll-behavior: smooth;
}

body {
margin:0px;
padding:30px 0px;
background:#fff;
font-family: "Poppins", sans-serif;
color:#23242F;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}

a {
color:#3584DE;
transition: .5s;
}

a:hover {
color: #3584DE;
text-decoration:none;
}

.btn, .feedback, button, .order  {
transition: .5s;
cursor:pointer;
}

* {
box-sizing: border-box;
}

/*input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
box-shadow: 0 0 0 30px #000 inset !important;
}*/


.go-page-btn {
	height: 30px;
	border: 0;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--8663DA, #3584DE);
	border-radius: 4px;
    color: #FFF;
    font-size: 14px;	
}

.go-page-input {
	width:45px;
	height: 30px;
}

input, button, textarea, select {
font-size:16px;
outline:none;
font-family: "Poppins", sans-serif;
}

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

h2 {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 49px */
}

h3 {
font-size: 23px;
font-style: normal;
font-weight: 600;
line-height: 140%;
}

h4 {
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 140%;
}

p {
margin:0 0 20px 0;
}

p:last-child {
margin:0px !important;
}

.container {
padding:0 78px;
}

.site-body {
width:100%;
max-width:1460px;
margin:0 auto;
border-radius: 40px;
border: 10px solid rgba(189, 23, 109, 0.05);
background: var(--F0F4F9, #F0F4F9);
}

.header {
background: var(--FFFFFF, #FFF);
padding:18px 0 17px 0;
margin:0 0 40px 0;
position:sticky;
top:0px;
left:0px;
right:0px;
z-index:8;
border-radius:30px 30px 0 0;
}

.header.page {
margin:0 0 14px 0;
}

.header .container {
padding:0 72px;
}

.header.fixed {
border-radius:0px;
}

.header .container {
display:flex;
align-items:center;
gap:17px;
}

.header .logo {
margin:0 2px 0 0;
}

.header .logo a {
display:table;
text-decoration:none;
color: #202020;
font-family: Poppins;
font-size:18px;
line-height: 28px;
font-weight: 500;
position: relative;
}

.header .logo img {
position: absolute;
top: 32px;
left: 37px;
z-index: 3;
width: 20px;
height: 20px;
}

.header .logo span {
font-weight: 400;
color: #202020;
margin: 0 0 -2px 0;
}

.header .logo a:hover {
opacity:.7;
}

.header .menu {
padding:0 25px 0 0;
}

.header .menu ul {
display:flex;
gap:23px;
list-style:none;
margin:0px;
padding:0px;
}

.header .menu a {
display:flex;
align-items:center;
justify-content: center;
gap:10px;
text-decoration:none;
color:#23242F;
font-family: Poppins;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
position:relative;
padding:10px;
}

.header .menu a:hover {
color: #F8633E !important;
}

.header .menu .icon {
font-size:0px;
line-height:0px;
display:flex;
align-items:center;
justify-content: center;
width: 25px;
height: 25px;
background:#3584DE;
border-radius:555px;
transition: .5s;
}

.header .menu a:hover .icon {
background:#F8633E;
}

.header .menu a span {
position:absolute;
top: 3px;
left: 24px;
z-index:3;
width: 15px;
height: 15px;
border-radius: 100px;
background: var(--F8633E, #F8633E);
display: flex;
align-items: center;
justify-content: center;
color: var(--FFFFFF, #FFF);
text-align: center;
font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 14px */
text-transform: uppercase;
}

.header .menu ul li {
position:relative;
}

.header .menu .hover {
    position: absolute;
    top: calc(100% + 30px);
    left: 0px;
    z-index: 7;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    padding: 16px 15px 16px 16px;
    display: none;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.header .menu li:hover > .hover {
display:flex;
}

.header .menu .hover .col {
width:252px;
padding:0 20px;
border-right:1px #EDEDED solid;
}

.header .menu .hover .col:first-child {padding:0 20px 0 0;}
.header .menu .hover .col:last-child {padding:0 0 0 20px; border-right:0px #EDEDED solid;}

.header .menu .hover .col-name {
color: var(--23242F, #23242F);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 19.6px */
text-transform: uppercase;
margin:0 0 23px 0;
}

.header .menu li:hover:before {
content:"";
position:absolute;
bottom:-40px;
left:0px;
right:0px;
z-index:3;
height:40px;
}

.header .menu .hover li:before {
display:none;
}

.header .menu .best-block {
display:flex;
justify-content: center;
gap:17px;
margin:0 0 20px 0;
}

.header .menu .best-block .btn {
display:flex;
align-items:center;
justify-content: center;
gap:10px;
border-radius: 100px;
color: var(--FFFFFF, #FFF) !important;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
text-decoration:none;
padding:10px;
flex:1;
border:0px !important;
}

.header .menu .best-block .btn:before {
content:"";
width:24px;
height:24px;
background:url(../images/section12-best.svg) no-repeat;
}

.header .menu .best-block .btn:nth-child(1) {
background: linear-gradient(90deg, #F8633E 0%, #F56197 100%);
}

.header .menu .best-block .btn:nth-child(2) {
background: linear-gradient(90deg, #BD5717 0%, #EEB449 100%);
}

.header .menu .best-block .btn:nth-child(3) {
background: linear-gradient(90deg, #2ABD17 0%, #1E9947 100%);
}

.header .menu .best-name {
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
margin:0 0 20px 0;
padding:0 0 20px 0;
border-bottom: 1px solid var(--3584DE, #3584DE);
}

.header .menu .hover ul {
flex-direction: column;
gap:17px;
margin:0px;
}

.header .menu .hover ul a {
padding:0px;
background:none;
border:0px;
min-width:inherit;
text-transform:none;
display:block;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 19.6px */
}

.header .menu .hover ul a:hover, .cats-list-module li a:hover {
color:#F8633E !important;
text-decoration: underline;
}

body.dark .header .menu .hover {
background:#222;
}

body.dark .header .menu .best-name {color:#fff;}

.header .menu .hover .all a {
color: var(--8663DA, #3584DE) !important;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 19.6px */
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}

.header .menu .hover .all a:hover {
color: var(--F8633E, #F8633E) !important;
}

.header .tl {
display:flex;
align-items:center;
justify-content: center;
gap:6px;
text-decoration:none;
padding:10px 5px;
border-radius: 100px;
border: 3px solid #FFF;
background: #3584DE;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
color: var(--FFFFFF, #FFF);
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 140%;
min-width:198px;
}

.header .tl:hover {
box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.55);
}

.checkbox-ios {
position: relative;
font-size:0px;
line-height:0px;
cursor:pointer;
}

.checkbox-ios .checkbox-ios-switch {
position: relative;
width:69px;
height:31px;
transition: .2s;
border-radius: 100px;
background:url(../images/sun.svg) no-repeat left 5px center, url(../images/moon.svg) no-repeat right 10px center, #F0F4F9;
display:block;
}

.checkbox-ios .checkbox-ios-switch:before {
content: '';
position: absolute;
top: 4px;
left: 4px;
display: inline-block;
width: 24px;
height: 24px;
background:#3584DE;
transition: .15s;
border-radius:555px;
}

.checkbox-ios input[type=checkbox] {
display: block;
width: 0;
height: 0;
position: absolute;
z-index: -1;
opacity: 0;
}

.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch {
background:url(../images/sun.svg) no-repeat left 10px center, url(../images/moon.svg) no-repeat right 10px center, #3584DE;
}

.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch:before, body.dark .checkbox-ios input[type=checkbox] + .checkbox-ios-switch:before {
transform:translateX(36px);
}

.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch:before {
background:#fff;
}

.fixed-social {
position:fixed;
top:194px;
right:0px;
z-index:9;
display:flex;
align-items: flex-end;
flex-direction:column;
overflow:hidden;
}

.fixed-social a {
display:block;
text-decoration:none;
width: 42px;
height: 42px;
position:relative;
}

.fixed-social a:hover {
width:50px;
height:50px;
}

.fixed-social .tw {
background:#3C89E3 url(../images/fixed-tw.svg) no-repeat center center;
}

.fixed-social .fb {
background:#2D479C url(../images/fixed-fb.svg) no-repeat center center;
}

.fixed-social .red {
background:#CC3131 url(../images/fixed-red.svg) no-repeat center center;
}

.fixed-social .tl {
background:#46A7D8 url(../images/fixed-tl.svg) no-repeat center center;
}

.fixed-social .wh {
background:#3AA23A url(../images/fixed-wh.svg) no-repeat center center;
}

.section-1 {
margin:0 0 40px 0;
}

.section-1 h1 {
text-align: center;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 49px */
margin:0 0 20px 0;
}

.section-1 .desc, .wrapper .desc {
    color: #525252;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    max-width: 800px; 
    margin: 0 auto 30px auto; 
    position: relative; 
    padding-bottom: 30px; 
}


	
.section-1 .desc::after, .wrapper .desc::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e5e7eb;
}

.section-1 .hide, .wrapper .hide {
display: none;
}

.section-1 .show, .wrapper .show {
color:#008ccf;
text-decoration: underline;
cursor: pointer;
}

.section-1 .show:hover, .wrapper .show:hover {
text-decoration: none;
}

.section-1 .show, .wrapper .show {
color:#3584DE;
text-decoration: underline;
display: table;
cursor: pointer;
margin: 0 auto;
}

.section-1 .show:hover, .wrapper .show:hover {
text-decoration: none;
}
.show-more {
    cursor: pointer;
    text-decoration: underline; 
    text-decoration-color: #d1d5db; 
    text-decoration-thickness: 1px;
    text-underline-offset: 3px; 
    transition: all 0.3s ease;
}

.show-more:hover {
text-decoration: none;
}

.section-1 .desc .show-more,
.wrapper .desc .show-more {
    text-decoration: underline;
    text-decoration-color: #d1d5db;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.section-1 .desc .show-more:hover,
.wrapper .desc .show-more:hover {
    text-decoration: none;
}

.title-section {
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 42px */
text-align:center;
margin: 70px 0 40px 0;
}

.title-section span {
color: var(--8663DA, #3584DE);
font-weight: 700;
}

.section-2 {
margin:30px 0;
}


.section-2 .title-section {
text-align:left;	
margin:0 0 48px 0;
}

.card-flex {
display:flex;
flex-wrap:wrap;
gap:24px;
}

.card-flex .card {
width:calc(25% - 18px);
position:relative;
height:500px;
border-radius:10px;
overflow:hidden;
transition: .5s;
}

.card-flex .card:hover {
transform:scale(1.05);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.card-flex .owl-stage-outer {
padding:15px 0;
}

.card-flex.slider .card {
width:100%;
}

.card-flex .images {
font-size:0px;
line-height:0px;
border-radius: 10px;
height:100%;
}

.card-flex .images img {
width:100%;
height:100% !important;
object-fit:cover;
}

.card-flex .block {
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:3;
color: #FFF;
font-family: Poppins;
font-size: 13px;
font-style: normal;
font-weight: 600;
line-height: 180%; /* 23.4px */
display:flex;
flex-direction:column;
}

.card-flex .head {
width:100%;
display:flex;
align-items:flex-start;
justify-content: space-between;
gap:20px;
flex:1;
padding:8px 16px 0 10px;
position: relative;
}

.card-flex .head .online {
position: absolute;
top: 60px;
left: 10px;
z-index: ;
border-radius: 100px;
background: rgba(255, 255, 255, 0.70);
color: #000;
font-family: Poppins;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 180%; /* 23.4px */
display: flex;
align-items: center;
gap:5px;
padding: 2px 4px;
}

.card-flex .head .online::before {
content: "";
width: 10px;
height: 10px;
border-radius:555px;
background: #82BD5B;
}

.card-flex .name {
border-radius: 100px;
background: rgba(21, 21, 21, 0.60);
padding:10px;
color: var(--FFFFFF, #FFF);
font-family: Poppins;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: center;
margin: 0px;
}

.card-flex .name a {color: #fff; font-size: 9px;}

.card-flex .favorite {
text-decoration:none;
cursor:pointer;
width: 35px;
height: 35px;
display:flex;
align-items:center;
justify-content:center;
background: rgba(0, 0, 0, 0.5);
border-radius:555px;
padding:1px 0 0 0;
transition: .5s;
border: 0px;
}

.card-flex .favorite:hover {
opacity:.7;
}

.card-flex .favorite svg path {
transition: .5s;
}

.card-flex .favorite.add {
background:#F8633E;
}

.custom-select {
  position: relative;
  cursor: pointer;
  user-select: none;
}
.select-trigger {
  display: flex;
  align-items: center;
  gap: 7px;
  text-decoration: none;
  color: #525252;
}
.select-trigger:hover {
  color: #3584DE;
}
.select-trigger:after {
  content: "";
  width: 18px;
  height: 18px;
  background: url(../images/down-chevron.png) no-repeat center;
  background-size: contain;
  filter: none;
}
.select-trigger:hover:after {
  filter: invert(35%) sepia(100%) saturate(500%) hue-rotate(190deg);
}
body.dark .select-trigger:after {
  background: url(../images/down-chevron.png) no-repeat center;
  background-size: contain;
}
.select-trigger.up:after {
  background: url(../images/down-chevron.png) no-repeat center !important;
  background-size: contain !important;
  transform: rotate(180deg);
  filter: invert(35%) sepia(100%) saturate(500%) hue-rotate(190deg) !important;
}
.select-trigger.active {
  color: #3584DE !important;
}
.select-trigger.active:after {
  filter: invert(35%) sepia(100%) saturate(500%) hue-rotate(190deg) !important;
}
.select-options {
  display: none;
  position: absolute;
  top: 100%;
  left: -1px;
  background: #fff;
  border: 1px solid #ccc;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 10;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.select-options li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #333;
  white-space: nowrap;
}
.select-options li a:hover {
  background: #3584DE;
  color: #fff;
}
.custom-select.active .select-options {
  display: block;
}

/* Dark theme */
body.dark .select-options {
  background: #2a2a2a;
  border-color: #444;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
body.dark .select-options li a {
  color: #fff;
}
body.dark .select-options li a:hover {
  background: #3584DE;
  color: #fff;
}
body.dark .filters h2 {
color: #fff;
}

body.dark .select-trigger {
color: #fff;
}

body.dark .select-trigger:after {
  background: url(../images/down-chevron.png) no-repeat center;
  background-size: contain;
  filter: invert(1);
}

body.dark .select-trigger:hover:after {
  filter: invert(35%) sepia(100%) saturate(500%) hue-rotate(190deg);
}

body.dark .select-trigger.up:after {
  filter: invert(35%) sepia(100%) saturate(500%) hue-rotate(190deg) !important;
}

body.dark .select-trigger:hover {
  color: #3584DE !important;
}

body.dark .filters a {
  color: #fff;
}
body.dark .popup-block .clear-wishlist .descs {
color: #fff;
}

.container .container {
padding: 0px;
}










@media screen and (min-width:1000px) {
.card-flex .favorite:hover {
background:#F8633E;
}
}

.card-flex .favorite:hover svg path, .card-flex .favorite.add svg path {
fill: #FFF;
stroke-width: 1px;
stroke: #FFF;
}

.card-flex .flex {
display:flex;
justify-content: space-between;
gap:20px;
margin:0 0 24px 0;
}

.card-flex .flex .top-number {
display: flex;
align-items: center;
justify-content: center;
gap:10px;
border-radius: 100px 0 0 100px;
background: var(--8663DA, #3584DE);
width: 106px;
height: 35px;
color: #FFF;
font-size: 13px;
font-style: normal;
font-weight: 500;
}


.card-flex .flex .top-number::before {
content: "";
width: 21px;
height: 21px;
background: url(../images/rating-top.svg) no-repeat;
}

.card-flex .pay {
display:flex;
align-items:center;
justify-content:center;
gap:5px;
border-radius: 0 20px 20px 0;
background: #30A882;
padding:10px;
color: #FFF;
font-family: Poppins;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 16.8px */
}

.card-flex .pay.price {
border-radius: 0 20px 20px 0;
background: #FFF;
color: var(--8663DA, #3584DE);
font-size: 12px;
font-style: normal;
line-height: 140%; /* 21px */
}

.card-flex .pay.price span {
font-weight: 700;
}

.card-flex .country {
display:flex;
align-items:center;
justify-content:center;
gap:10px;
padding:10px;
border-radius: 100px 0 0 100px;
background: rgba(21, 21, 21, 0.60);
}

.card-flex .country a {
color: var(--FFFFFF, #FFF);
font-family: Poppins;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 18.2px */
}

.card-flex .info {
display:flex;
align-items:center;
justify-content: space-around;
gap:16px;
padding:4px;
background: rgba(21, 21, 21, 0.60);
}

.card-flex .info div {
flex:1;
text-align: center;
position: relative;
}

.card-flex .info div::before {
content: "";
position: absolute;
top: 50%;
right: -9px;
width: 1px;
height: 10px;
margin: -5px 0 0 0;
background: rgba(255,255,255,.2);
}

.card-flex .info div:last-child::before {display: none;}

.card-flex .btn {
display:block;
text-decoration:none;
cursor:pointer;
padding:12px;
border-radius: 0 0 10px 10px;
background: var(--8663DA, #3584DE);
color: var(--FFFFFF, #FFF);
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 25.2px */
text-align:center;
}

.owl-dots {
display:flex;
align-items:center;
justify-content: center;
gap:12px;
width:100%;
margin:35px 0 0 0;
}

.owl-dots button {
width:16px;
height:16px;
border-radius: 100px;
background: rgba(53, 132, 222, 0.60) !important;
border:0px;
}

.owl-dots button.active {
width: 20px;
height: 20px;
background: #3584DE !important;
}

.block-rating {
width:100%;
max-width:412px;
margin:0 auto 30px auto;
padding:39px;
border-radius: 30px;
background: var(--FFFFFF, #FFF);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.block-rating .rating {
display:flex;
justify-content: center;
gap:5px;
margin:0 0 15px 0;
font-size:0px;
line-height:0px;
}

.block-rating .rating .no path {
fill:#fff;
stroke-width: 1px;
stroke: #B3B3B3;
}

.block-rating .rating svg:hover path {
fill: rgb(218, 194, 60);
}

.block-rating .number {
color: var(--8663DA, #3584DE);
text-align: center;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 42px */

}

.section-8 {
margin:0 0 82px 0;
}

.section-8 .title-section {
text-align:center;
margin:0 0 30px 0;
}

.section-8 .info {
color: #525252;
text-align: center;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 26.6px */

}

.section-9 .flex {
display:flex;
gap:24px;
margin:0 0 50px 0;
}

.section-9 .item {
flex:1;
padding:20px;
border-radius: 10px;
border: 1px solid var(--3584DE, #3584DE);
background: var(--FFFFFF, #FFF);
color: var(--7C7C7C, #7C7C7C);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */

min-height:270px;
}

.section-9 .number {
width: 70px;
height: 70px;
margin:0 0 14px 0;
border-radius:555px;
display:flex;
align-items:center;
justify-content: center;
color: var(--F8633E, #F8633E);
font-size: 27px;
font-style: normal;
font-weight: 800;
line-height: 140%; /* 37.8px */
text-transform: uppercase;
background:#F8E8F0;
}

.section-9 .name {

font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 35px */

margin:0 0 16px 0;
}

.btn-all {
display:table;
margin:0 auto;
cursor:pointer;
text-decoration:none;
padding:14px;
text-align:center;
width:100%;
max-width:378px;
border-radius: 100px;
background: var(--8663DA, #3584DE);
color: var(--FFFFFF, #FFF) !important;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: uppercase;
transition: .5s;
}

.section-10 .item {
margin:0 0 24px 0;
padding:19px 88px 19px 19px;
border-radius: 12px;
border: 1px solid var(--3584DE, #3584DE);
background: var(--FFFFFF, #FFF);
position:relative;
cursor:pointer;
}

.section-10 .item.active {
background: var(--F8E8F0, #F8E8F0);
}

.section-10 .question {
cursor:pointer;

font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.section-10 .answer {
display:none;

font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
padding:8px 0 0 0;
}

.section-10 .answer a {
color: var(--F8633E, #F8633E);
}

.section-10 .item:before {
content:"";
position:absolute;
top:50%;
right:19px;
z-index:3;
width:24px;
height:24px;
background:url(../images/section10-arrow.svg) no-repeat;
margin:-12px 0 0 0;
transition: .5s;
}

.section-10 .item.active:before {
transform: rotate(180deg);
}

.footer {
background: var(--23242F, #23242F);
padding: 32px 0 38px 0;
border-radius: 0 0 40px 40px;
}

.footer .head {
display:flex;
justify-content: flex-start;
gap:300px;
margin:0 0 84px 0;
}

.footer .name {
color: #FFFFFF;
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 35px */
margin:0 0 17px 0;

}

.footer ul {
list-style:none;
margin:0px;
padding:0px;
display:flex;
flex-direction:column;
gap:5px;
}

.footer ul a {
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 80%; /* 26.6px */
cursor: pointer;
text-decoration: underline; 
text-decoration-color: #d1d5db; 
text-decoration-thickness: 1px;
text-underline-offset: 3px; 
transition: all 0.3s ease;
}

.footer ul a:hover {
color: #3584DE !important;
text-decoration: none !important;
}

.footer .social {
display:flex;
gap:9px;
margin:17px 0;
}

.footer .social a {
text-decoration:none;
display:flex;
align-items:center;
justify-content:center;
border-radius:555px;
width: 42px;
height: 42px;
border:1px #FFF solid;
}

.footer .social a:hover {
background:#F8633E;
border:1px #F8633E solid;
}

.footer .copyright {
color: #FFFFFF;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 140%;
margin: 20px 0 0 0;
}

.footer .bottom {
color: #FFFFFF;
font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 19.6px */
max-width:955px;
}

#top {
position:fixed;
bottom:35px;
right:27px;
z-index:7;
width:30px;
height:30px;
cursor:pointer;
display:flex;
align-items:center;
justify-content: center;
border-radius:555px;
}

.speedbar {
margin:14px 0 40px 0;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 18.2px */
}

.speedbar a {
text-decoration:none;
margin:0 24px 0 0;
position:relative;
cursor: pointer;
text-decoration: underline; 
text-decoration-color: #3584DE;
text-decoration-thickness: 1px;
text-underline-offset: 3px; 
transition: all 0.3s ease;
}

body.dark .speedbar a {
text-decoration-color: #fff;
}

body.dark .speedbar .flex {
  color: #fff;
}

body.dark .speedbar a::before {
  filter: brightness(0) invert(1);
}
.speedbar a:hover {
text-decoration: none !important;
}

.speedbar a:before {
content:"";
position:absolute;
top:50%;
right:-18px;
width:12px;
height:12px;
background:url(../images/speedbar.svg) no-repeat;
margin:-6px 0 0 0;
}

.section-11 .container {
display:flex;
gap:24px;
}

.section-11 .sidebar {
width:303px;
display:flex;
flex-direction:column;
gap:15px;
}

.section-11 .container-right {
flex:1;
}

.section-11 h1 {

font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 49px */

margin:0 0 11px 0;
}

.section-11 .found {
color:#525252;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 26.6px */

margin:0 0 50px 0;
}

.container-title {

font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 42px */

margin:0 0 14px 0;
}

.section-11 .found-flex {
display:flex;
flex-wrap:wrap;
gap:24px;
margin:0 0 50px 0;
}

.section-11 .found-flex .link {
position:relative;
text-decoration:none;
width:calc(33.333% - 16px);
padding:20px 60px 20px 20px;
background:url(../images/found-arrow.svg) no-repeat right 24px center, #FFF;
color: var(--525252, #525252);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */

min-height:125px;
display:flex;
align-items:flex-start;
justify-content: center;
flex-direction:column;
border-radius: 10px;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.section-11 .found-flex .link span {
display:block;
color: var(--8663DA, #3584DE);
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 25.2px */

transition: .5s;
}

.section-11 .card-flex {
gap:23px;
}


.loading-more {
text-align:center;
margin:49px 0 61px 0;
}

.title-page {

text-align: center;
font-size: 35px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 49px */
margin:0 auto 30px auto;
}

.desc-page {
margin:-40px 0 23px 0;
color:#525252;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 26.6px */
}

.desc-page.margin {
margin:23px 0;
text-align: left;
}

.section-13 .icon {
display:table;
font-size:0px;
line-height:0px;
margin:0 auto 22px  auto;
}

.section-13 .title {

text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 42px */

margin:0 0 19px 0;
}

.section-13 .desc {
color: var(--7C7C7C, #7C7C7C);
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 26.6px */

margin:0 0 39px 0;
}

.section-13 .btn-all {
max-width:245px;
font-size: 15px;
}

.section-14 .head {
margin:0 0 50px 0;
position:relative;
}

.section-14 .desc-page {
margin:-25px 0 0 0;
}

.section-14 .clear {
cursor:pointer;
text-decoration:none;
display:flex;
align-items:center;
justify-content: center;
gap:10px;
padding:10px;
border-radius: 100px;
border: 2px solid var(--8663DA, #3584DE);
width:100%;
max-width:187px;
color: var(--8663DA, #3584DE);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: none;
position:absolute;
top:50%;
right:0px;
margin:-25px 0 0 0;
transition: .5s;
}

body.dark .section-14 .clear {
border: 2px solid var(--8663DA, #fff);
color: var(--8663DA, #fff);
}

body.dark .section-14 .clear:hover {
color: var(--8663DA, #3584DE);
}

body.dark .section-14 .clear path {
fill:#fff;
transition: .5s;
}

body.dark .section-14 .clear:hover path {
fill:#F8633E;
}

.wrapper {
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 25.5px */
}

.page404 {
padding:15px 0 0 0;
}

.page404 .images {
font-size:0px;
line-height:0px;
text-align:center;
margin:0 0 25px 0;
}

.page404 .title {

text-align: center;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 42px */

margin:0 0 13px 0;
}

.page404 .desc {
color: var(--525252, #525252);
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin:0 0 33px 0;
}

.section-15 .title-page {
margin:0 0 31px 0;
text-align:left;
}

.section-15 .flex {
display:flex;
gap:28px;
}

.section-15 .block-form {
flex:1;
border-radius: 10px;
background: var(--FFFFFF, #FFF);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
padding:34px 50px 63px 22px;
display:flex;
flex-wrap:wrap;
gap:32px;
}

.section-15 .images {
font-size:0px;
line-height:0px;
border-radius: 10px;
overflow:hidden;
}

.section-15 .images img {
width:100%;
height:100% !important;
object-fit:cover;
}

.section-15 .radio {
width:100%;
display:flex;
flex-wrap:wrap;
gap:23px;
margin:0 0 -7px 0;
}

.section-15 .radio input {
display:none;
}

.section-15 .radio span {
display:flex;
align-items:center;
gap:8px;
cursor:pointer;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
}

.section-15 .radio span:before {
content:"";
width:26px;
height:26px;
background:url(../images/radio.svg) no-repeat;
}

.section-15 .block-form .radio input:checked + span:before {
background:url(../images/radio-active.svg) no-repeat;
}

.section-15 .input {
width:calc(50% - 16px);
}

.section-15 .input label {
display:block;
margin:0 0 10px 0;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
}

.section-15 .input label b {
color:#3584DE;
}

.section-15 .input label span b {
margin:0 0 0 10px;
padding: 2px 10px 2px 5px;
background: #008ccf;
color: #fff;
border-radius: 555px;
position: relative;
}

.checkboxes {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 20px 0;
}

.checkboxes label {
  display: flex;
  align-items: flex-start; 
  gap: 10px;  
  cursor: pointer;
  font-size: 14px;  
  line-height: 1.4;
}

.checkboxes input[type="checkbox"] {
  margin-top: 3px;
  flex-shrink: 0; 
}

.select-option .hover span:hover b, .select-option .hover span.active b, .select-option .hover input:checked + span b {
background: #dea533;
}

.section-15 .input label span b::before {
content: "";
width:14px;
height:14px;
background: url(../images/fire.png) no-repeat;
position: absolute;
top: 0px;
right: -5px;
z-index: 3;
}
.section-15 .input input {
width:100%;
height:42px;
border-radius: 100px;
background: #E7F0FB;
padding:0 20px;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%;
border:1px transparent solid;
}

.section-15 .input select {
width:100%;
height:63px;
border-radius: 100px;
border: 1px solid var(--3584DE, #3584DE);
padding:0 20px;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background:url(../images/select.svg) no-repeat right 20px center;
}

.section-15 .input textarea {
width:100%;
height:113px;
border-radius: 20px;
background: #E7F0FB;
resize:none;
padding:10px 20px;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%;
border:1px transparent solid;
}

.section-15 .input input:focus, .section-15 .input select:focus, .section-15 .input textarea:focus {border:1px #F8633E solid;}

.section-15 .file {
width:calc(50% - 16px);
}

.section-15 .file input {
display:none;
}

.section-15 .file span {
display:flex;
align-items:center;
justify-content: center;
gap:10px;
cursor:pointer;
border-radius: 100px;
border: 2px solid var(--8663DA, #3584DE);
color: var(--8663DA, #3584DE);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: uppercase;
padding:12px;
transition: .5s;
}

.section-15 .file span:hover {
background: #3584DE;
color:#fff;
}

.section-15 .file span:hover path {fill:#fff;}

.section-15 button {
width:calc(50% - 16px);
max-width:none;
border:0px;
height:50px;
}

.load-file {
width:calc(50% - 16px);
display:none;
align-items:center;
gap:15px;
}

.load-file.active {
display:flex;
}

.load-file span {
display:flex;
align-items:center;
gap:10px;
color: var(--7C7C7C, #7C7C7C);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
}

.load-file span:before {
content:"";
width:24px;
height:24px;
background:url(../images/section15-download-icon1.svg) no-repeat;
}

.load-file .delete {
cursor:pointer;
width:24px;
height:24px;
background:url(../images/section15-download-icon2.svg) no-repeat;
transition: .5s;
}

.load-file .delete:hover {opacity:.7;}

.section-15 .input.error label, .section-15 .input.error ::placeholder {
color:#E54040;
}

.section-15 .input.error input, .section-15 .input.error select, .section-15 .input.error textarea {
border: 1px solid #E54040;
color:#E54040;
}

.section-16 {
margin:0 0 59px 0;
}

.section-16 .title {

text-align: center;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 42px */

margin:0 0 21px 0;
}

.section-16 .desc {
color: var(--525252, #525252);
text-align: center;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 26.6px */

margin:0 0 73px 0;
}

.section-16 .flex {
display:flex;
flex-wrap:wrap;
gap:25px;
margin:-46px 0 0px 0;
}

.section-16 .flex a {
width:calc(33.333% - 17px);
display:flex;
align-items:center;
justify-content: space-between;
gap:20px;
text-decoration:none;
padding:30px 30px;
border-radius: 10px;
background: var(--FFFFFF, #FFF);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 25.2px */

}

.section-16 .flex a:after {
content:"";
width:26px;
height:26px;
background:url(../images/found-arrow.svg) no-repeat;
flex-shrink:0;
transition: .5s;
}

.section-16 .flex a:hover:after {
background:url(../images/found-arrow.svg) no-repeat;
}

.section-16 .bottom {
border-radius: 10px;
background: var(--F8E8F0, #F8E8F0);
padding:20px;
margin:-18px 0 0 0;
display:flex;
align-items:flex-start;
flex-direction:column;
gap:10px;
}

.section-16 .bottom .name {

font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 28px */

}

.section-16 .bottom .info {
color: var(--7C7C7C, #7C7C7C);
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 23.8px */

}

.section-16 .bottom .geo {
display:inline-flex;
align-items:center;
gap:10px;
text-decoration:none;
padding:12px 25px;
border-radius: 100px;
background: var(--F8633E, #F8633E);
color: var(--FFFFFF, #FFF);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: uppercase;
}

.section-16 .bottom .geo:before {
content:"";
width:25px;
height:25px;
background:url(../images/section16-geo.svg) no-repeat;
}

.widget-block {
border-radius: 10px;
background: var(--FFFFFF, #FFF);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
overflow:hidden;
}

.widget-block .title {
display:flex;
align-items:center;
gap:6px;
position:relative;
color: #FFF;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 140%;
cursor:pointer;
padding:12px 15px;
background: var(--8663DA, #3584DE);
}

.widget-block .hover {
padding:15px 15px 32px 15px;
}

.widget-block .title:before {
content:"";
position:absolute;
top:50%;
right:10px;
z-index:3;
width:14px;
height:14px;
background:url(../images/widget-arrow.svg) no-repeat;
margin:-6px 0 0 0;
transition: .5s;
}

.widget-block .title.active:before {
transform: rotate(180deg);
}

.widget-block .select-price {
display:flex;
flex-wrap:wrap;
gap:10px;
margin:0 0 16px 0;
}

.widget-block .select-price span {
cursor:pointer;
transition: .5s;
border-radius: 100px;
background: #E7F0FB;
padding:10px;

font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 19.6px */
}

.widget-block .select-price span:hover {
background: var(--E09137, #F8633E);
box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.55);
color: #fff;
}

.widget-block .tl {
display:flex;
align-items:center;
justify-content: center;
gap:10px;
text-decoration:none;
border-radius: 100px;
background: var(--F8633E, #F8633E);
padding:15px;
color: var(--FFFFFF, #FFF);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: uppercase;
}

.widget-block .tl:before {
content:"";
width:17px;
height:17px;
background:url(../images/widget-tl.svg) no-repeat;
}

.widget-block .labels {
display:flex;
flex-direction:column;
gap:11px;
}

.widget-block .labels div {
display:flex;
align-items:center;
gap:8px;

font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}

.widget-block .labels input {
display:none;
}

.widget-block .labels div:before {
content:"";
width:26px;
height:26px;
background:url(../images/checkbox.svg) no-repeat;
}

.widget-block .labels span:first-child {
flex:1;
}

.widget-block .labels input:checked + div:before {
background:url(../images/checkbox-active.svg) no-repeat;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
width: 18px;
height: 18px;
background:#F8633E;
border-radius:555px;
border:0px;
}

.ui-widget.ui-widget-content {
border-radius: 100px;
background:#F8633E;
height:6px;
border:0px;
}

.ui-widget-header {
border-radius: 100px;
background: #E7F0FB;
}

.widget-block .price-counter {
margin:0 0 12px 0;
display:flex;
justify-content: space-between;
gap:20px;

font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
}

.ui-slider-horizontal .ui-slider-handle {
top:-0.417vw;
}

#slider-range {
margin:0 10px;
}

.popup-block {
display:none;
}

.popup-block .popup-bg {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(44, 44, 44, 0.60);
backdrop-filter: blur(10px);
z-index: 99999999999999;
overflow: auto;
width:100%;
height:100%;
}

.popup-block .block {
width:100%;
max-width:488px;
position:fixed;
top:50%;
left:50%;
z-index:99999999999;
transform: translate(-50%, -50%);
}

.popup-block .close {
width:17px;
height:17px;
background:url(../images/popup-close.svg) no-repeat;
cursor:pointer;
transition: .5s;
}

.popup-block .close:hover {
opacity:.7;
}

.popup-block .head {
display:flex;
align-items:center;
gap:20px;
padding:20px;
border-radius: 20px 20px 0 0;
background: var(--8663DA, #3584DE);
}

.popup-block .head .col-left {
flex:1;
color: #FFF;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 23.8px */
}

.popup-block .head .title {
color: #FFF;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 30.8px */
}

.popup-block .main {
border-radius: 0 0 20px 20px;
background: var(--FFFFFF, #FFF);
padding:20px;
color: var(--525252, #525252);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 140%;
max-height: 90vh;
overflow-y: auto;
}

.popup-block .search-country {
margin:0 0 20px 0;
position:relative;
}

.popup-block .search-country input {
width:100%;
height:41px;
border-radius: 100px;
border: 1px solid var(--3584DE, #3584DE);
padding:0 20px;
font-size: 15px;
}

.popup-block .select-country-name {

font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 26.6px */
margin:0 0 23px 0;
}

.popup-block .select-country-list {
display:flex;
flex-direction:column;
gap:10px;
}

.popup-block .select-country-list a {
display:flex;
align-items:center;
gap:10px;
text-decoration:none;
padding:20px;
border-radius: 10px;
border: 1px solid var(--3584DE, #3584DE);
background: var(--FFFFFF, #FFF);
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 25.2px */

}

.popup-block .select-country-list a:hover {
background: var(--F8633E, #F8633E);
color: #FFF;
}

.popup-block .select-country-list span {
font-weight: 600;
}

.popup-block .no-countries-found {
display:flex;
align-items:center;
flex-direction:column;
gap:10px;
text-align:center;
color: var(--7C7C7C, #7C7C7C);
text-align: center;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 23.8px */

}

.popup-block .no-countries-found span {
font-size: 19px;
}

.popup-block .clear-wishlist .descs {
color: var(--525252, #525252);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 25.2px */
}

.popup-block .clear-wishlist .bottom {
display:flex;
flex-direction:column;
gap:20px;
padding-top:30px;
}

.popup-block .clear-wishlist .cancel-btn {
text-decoration:none;
display:block;
cursor:pointer;
flex:1;
border-radius: 100px;
border: 2px solid var(--8663DA, #3584DE);
padding:12px;
color: var(--8663DA, #3584DE);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-align:center;
transition: .5s;
}

.popup-block .clear-wishlist .clear-btn {
	text-decoration:none;
	display:block;
	cursor:pointer;
	flex:1;
	border-radius: 100px;
	border: 2px solid var(--8663DA, #3584DE);
	padding:12px;
	color: var(--8663DA, #3584DE);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    text-align: center;
    transition: .5s;
}

.exit-btn_18 {
  text-decoration: none;
  display: block;
  cursor: pointer;
  border-radius: 100px;
  border: 2px solid var(--8663DA, #3584DE);
  padding: 13px;
  color: var(--8663DA, #3584DE);
  font-size: 15px;
  font-weight: 500;
  line-height: 140%;
  text-align: center;
  transition: .5s;
}

.exit-btn_18:hover {
  background: #E54040;
  border: 2px solid #fff;
  color: #fff;
}

.exit-btn_18_yes {
  text-decoration: none;
  display: block;
  cursor: pointer;
  border-radius: 100px;
  border: 2px solid #3CB371;
  padding: 13px;
  color: #fff;
  background: #3CB371;
  font-size: 15px;
  font-weight: 500;
  line-height: 140%;
  text-align: center;
  transition: .5s;
}

.exit-btn_18_yes:hover {
  background: #2a9d5c;
  border-color: #2a9d5c;
  color: #fff;
}

.popup-block .share-block .name {
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 26.6px */
margin:0 0 10px 0;
}

.popup-block .share-block .link {
color: var(--525252, #525252);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 25.2px */
margin:0 0 51px 0;
overflow-wrap: break-word;
}

.popup-block .share-block .social {
display:flex;
justify-content: space-between;
gap:10px;
margin:0 0 51px 0;
}

.popup-block .share-block .social a {
text-decoration:none;
display:flex;
align-items:center;
justify-content:center;
border-radius:555px;
width: 67px;
height: 67px;
background:#fff;
border:1px #3584DE solid;
}

.popup-block .share-block .social img {
transform:scale(1.5);
}

.popup-block .share-block .social svg path {
transition: .5s;
fill: var(--8663DA, #3584DE);
}

.popup-block .share-block .social svg {
width:31px;
height:31px;
}

.popup-block .share-block .social a:hover {
background:#F8633E;
border:0px;
}

.popup-block .share-block .social a:hover svg path {
fill:#fff;
}

.popup-block .share-block .copy {
display:flex;
align-items:center;
justify-content: center;
gap:10px;
padding:14px;
border-radius: 100px;
border: 2px solid var(--8663DA, #3584DE);
color: var(--8663DA, #3584DE);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: uppercase;
cursor:pointer;
transition: .5s;
}

.popup-block .share-block .copy:hover {
background: var(--F8633E, #F8633E);
color: var(--FFFFFF, #FFF);
}

.popup-block .share-block .copy:before {
content:"";
width:20px;
height:20px;
background:url(../images/copy.svg) no-repeat;
}

.popup-block .share-block .copy:hover:before {
background:url(../images/copy-hover.svg) no-repeat;
}

.video-popup {
position:fixed;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:9;
border-radius: 40px;
border: 10px solid rgba(189, 23, 109, 0.05);
background: var(--F0F4F9, #F0F4F9);
background-size:cover;
padding:40px;
display:none;
}

.video-popup .video-block {
width:100%;
max-width:618px;
height:100%;
margin:0 auto;
position:relative;
}

.video-popup .demo {
position:absolute;
top:47px;
left:78px;
z-index:3;
border-radius: 100px;
background: var(--8663DA, #3584DE);
padding:10px 31px;
color: var(--FFFFFF, #FFF);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */

width:100%;
max-width:265px;
text-align:center;
}

.video-popup .close {
position:absolute;
top:40px;
right:78px;
z-index:3;
cursor:pointer;
width:47px;
height:47px;
background:url(../images/video-popup-close.svg) no-repeat;
transition: .5s;
}

.video-popup .volume {
position:absolute;
top:122px;
right:77px;
z-index:3;
cursor:pointer;
width:47px;
height:47px;
background:url(../images/video-popup-volume.svg) no-repeat;
transition: .5s;
}

.video-popup .volume.muted {
background:url(../images/video-popup-volume-muted.svg) no-repeat;
}

.video-popup .close:hover, .video-popup .volume:hover {
opacity:.7;
}

.video-popup .video {
position:relative;
font-size:0px;
line-height:0px;
overflow:hidden;
border-radius: 20px;
height:100%;
}

.video-popup .video .player {
height:100%;
}

.video-popup .video .player img {
width:100%;
height:100% !important;
}

.video-popup .button {
position:absolute;
top:50%;
right:24px;
z-index:3;
display:flex;
flex-direction:column;
gap:28px;
}

.video-popup .favorite {
text-decoration:none;
cursor:pointer;
width: 56px;
height: 56px;
display:flex;
align-items:center;
justify-content:center;
background:rgba(0,0,0,.5);
border-radius:555px;
}

.video-popup .favorite svg path {
transition: .5s;
}

.video-popup .favorite:hover svg path, .video-popup .favorite.add svg path {
stroke: var(--F8633E, #F8633E);
fill: var(--F8633E, #F8633E);
}

.video-popup .share {
text-decoration:none;
cursor:pointer;
width: 56px;
height: 56px;
display:flex;
align-items:center;
justify-content:center;
background:rgba(0,0,0,.5);
border-radius:555px;
}

.video-popup .share svg path {
transition: .5s;
}

.video-popup .share:hover svg path {
stroke: var(--F8633E, #F8633E);
fill: var(--F8633E, #F8633E);
}

.video-popup .timeline {
position:absolute;
bottom:0px;
left:0px;
right:0px;
z-index:3;
height:15px;
background: rgba(255, 255, 255, 0.40);
}

.video-popup .timeline span {
display:block;
top:0px;
left:0px;
background: var(--F8633E, #F8633E);
z-index:1;
height:100%;
}

.video-popup .video-block .owl-stage-outer, .video-popup .video-block .owl-stage, .video-popup .video-block .owl-item {
height:100%;
}

.owl-nav {
display:flex;
align-items:center;
flex-direction:column;
gap:30px;
position:absolute;
top:50%;
right:-120px;
z-index:3;
transform: translate(0%, -50%);
}

.owl-nav button {
cursor:pointer;
width:57px;
height:57px;
background:url(../images/video-popup-arrow.svg) no-repeat !important;
border:0px;
}

.owl-nav .owl-prev {
transform: rotate(180deg);
}

.owl-nav button:hover {
opacity:.7;
}

.owl-nav span {
display:none;
}

.card-flex .btn:hover,
.btn-all:hover,
.section-16 .bottom .geo:hover,
.widget-block .tl:hover,
.popup-block .clear-wishlist .clear-btn:hover {
background: var(--F8633E, #F8633E);
border: 2px solid var(--F8633E, #F8633E);
color:#fff;
}

.section-14 .clear:hover {
background:#fff;
}

.section-6 .tl:hover {
border: 2px solid var(--LINEAR, #059ACE);
background: var(--LINEAR, linear-gradient(90deg, #059ACE 0%, #1080B5 100%));
box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.55);
}

.section-16 .flex a:hover {
background: var(--E09137, #F8633E);
box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.55);
color:#fff;
}

.popup-block .clear-wishlist .cancel-btn:hover {
background: var(--F8633E, #F8633E);
border: 2px solid var(--F8633E, #F8633E);
color:#fff;
}

.section-5 .play:hover, .window-cookies .apply:hover {
background: var(--E09137, #F8633E);
box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.55);
}

.section-1 .search {
position:relative;
}

.result-block-search {
width:100%;
max-width:712px;
margin:0 auto;
position:absolute;
top:calc(100% + 15px);
left:0px;
right:0px;
z-index:7;
background: var(--FFFFFF, #FFF);
border-radius: 10px;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
overflow:hidden;
display:none;
}

.result-block-search ul {
list-style:none;
margin:0px;
padding:0px;
display:flex;
flex-direction:column;
}

.result-block-search ul li {
width:100%;
}

.result-block-search ul a {
display:flex;
align-items:center;
gap:12px;
text-decoration:none;
padding:10px;

font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 19.6px */
}

.result-block-search ul a:hover {
background: var(--8663DA, #3584DE);
color: #FFF;
}

.header .menu .best-block .btn:hover {
background: var(--E09137, #F8633E);
box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.55);
}

.mobile-search {
display:none;
}

.mobile-menu {
display:none;
}

.section-7 .slider-mobile {
display:none;
}

.open-filter-mobile {
display:none;
}

.window-cookies {
background: var(--23242F, #23242F);
padding:10px 0;
position: fixed;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 99;
}

.window-cookies .container {
display: flex;
align-items: center;
justify-content: center;
gap:12px;
color: #FFF;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.window-cookies .apply {
cursor:pointer;
padding:5px 10px;
border-radius: 100px;
background:#3584DE;
color: #FFF;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
flex-shrink:0;
transition: .5s;
}

.mobile-block {
display:none;
}

.mobile-block .close {
position:absolute;
top:18px;
right:15px;
z-index:3;
width:14px;
height:14px;
background:url(../images/mobile-menu-close.svg) no-repeat;
cursor:pointer;
transition: .5s;
}

.mobile-block .close:hover {
opacity:.7;
}

.mobile-block .logo a {
display:table;
text-decoration:none;
color: #808080;
font-family: Poppins;
font-size:16px;
line-height: 28px;
font-weight: 300;
margin:0 0 38px 0;
}

body.dark .mobile-block .logo a, body.dark .mobile-block .logo span {color:#fff;}

.mobile-block .logo span {
display: block;
font-weight: 600;
color: #202020;
margin: 0 0 -5px 0;
}

.mobile-block .menu {
margin:0 0 32px 0;
}

.mobile-block .menu .icon {
display:flex;
align-items:center;
justify-content: center;
font-size:0px;
line-height:0px;
width: 25px;
height: 25px;
background:#3584DE;
border-radius:555px;
}

.mobile-block .menu ul {
display:flex;
align-items:flex-start;
flex-direction:column;
list-style:none;
margin:0px;
padding:0px;
}

.mobile-block .menu li {

}

.mobile-block .menu a {
display:flex;
align-items:center;
justify-content: center;
gap:10px;
text-decoration:none;
padding:7px;
color: #151515;
font-family: Poppins;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
position:relative;
}

.mobile-block .menu a:hover {
color: var(--F8633E, #F8633E);
}

.mobile-block .menu span {
position:relative;
}

.mobile-block .menu a b {
position:absolute;
top: -4px;
left:-15px;
z-index:3;
width: 15px;
height: 15px;
border-radius: 100px;
border: 1px solid var(--FFFFFF, #FFF);
background: var(--E09137, #F8633E);
display: flex;
align-items: center;
justify-content: center;
color: var(--FFFFFF, #FFF);
text-align: center;
font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 14px */
text-transform: uppercase;
}

.mobile-block .menu .sub > a:after {
content:"";
width:24px;
height:24px;
background:url(../images/mobile-menu-sub.svg) no-repeat;
transform: rotate(180deg);
}

.mobile-block .menu .sub > a.active:after {
transform: rotate(0deg);
}

.mobile-block .menu ul li {
position:relative;
}

.mobile-block .menu .hover {
padding:20px 0 0 0;
display:none;
}

.mobile-block .menu li:hover:before {
content:"";
position:absolute;
bottom:-40px;
left:0px;
right:0px;
z-index:3;
height:40px;
}

.mobile-block .menu .hover li:before {
display:none;
}

.mobile-block .menu .best-block {
display:flex;
justify-content: center;
flex-direction:column;
gap:17px;
margin:0 0 20px 0;
}

.mobile-block .menu .best-block .btn {
display:flex;
align-items:center;
justify-content: center;
gap:10px;
border-radius: 100px;
color: var(--FFFFFF, #FFF);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
text-decoration:none;
padding:10px;
flex:1;
border:0px !important;
}

.mobile-block .menu .best-block .btn:before {
content:"";
width:24px;
height:24px;
background:url(../images/section12-best.svg) no-repeat;
}

.mobile-block .menu .best-block .btn:nth-child(1) {
background: linear-gradient(90deg, #F8633E 0%, #F56197 100%);
}

.mobile-block .menu .best-block .btn:nth-child(2) {
background: linear-gradient(90deg, #BD5717 0%, #EEB449 100%);
}

.mobile-block .menu .best-block .btn:nth-child(3) {
background: linear-gradient(90deg, #2ABD17 0%, #1E9947 100%);
}

.mobile-block .menu .best-name {
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
margin:0 0 20px 0;
padding:0 0 20px 0;
border-bottom: 1px solid var(--3584DE, #3584DE);
}

.mobile-block .menu .hover ul {
flex-wrap:wrap;
gap:17px;
margin:0 0 40px 0;
}

.mobile-block .menu .hover ul a {
padding:0px;
background:none;
border:0px;
min-width:inherit;
text-transform:none;
display:block;
}

.mobile-block .menu .hover ul a:hover {
color: var(--E09137, #F8633E);
}

.mobile-block .menu .hover .all {
display:flex;
align-items:center;
justify-content: center;
gap:10px;
text-decoration:none;
padding:11px;
border-radius: 100px;
border: 2px solid var(--F8633E, #F8633E);
color: var(--F8633E, #F8633E);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: uppercase;
background:#fff;
}

.mobile-block .menu .hover .all:before {
content:"";
width:24px;
height:24px;
background:url(../images/topmenu-best-icon.svg) no-repeat;
transition: .5s;
}

.mobile-block .menu .hover .all:hover {
border-radius: 100px;
background: var(--E09137, #F8633E);
box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.55);
color:#fff;
border:2px #F8633E solid;
}

.mobile-block .menu .hover .all:hover:before {
background:url(../images/topmenu-best-icon-hover.svg) no-repeat;
}

.mobile-block .tl {
display:flex;
align-items:center;
justify-content: center;
gap:6px;
text-decoration:none;
color: var(--FFFFFF, #FFF);
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 19.6px */
border-radius: 100px;
border: 3px solid #FFF;
background: #F5B941;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
margin:0 0 32px 0;
padding:15px;
}

.mobile-block .tl:hover {
box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.55);
}

.mobile-block .theme-dark {
display:flex;
align-items:center;
gap:12px;
color: var(--23242F, #23242F);
font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 23.8px */
}

body.noscroll {
overflow:hidden;
}

.header .search {
flex:1;
display:flex;
align-items:center;
gap:8px;
width:100%;
max-width:250px;
margin:0 auto;
padding:0 10px;
font-size: 11px;
font-style: normal;
font-weight: 300;
line-height: 140%;
border-radius: 100px;
border-radius: 100px;
background: #E7F0FB;
transition: .5s;
position:relative;
border:1px transparent solid;
}

.header .search ::placeholder {
color:#7D7D7D;
}

.header .search button {
cursor:pointer;
border:0px;
width:18px;
height:18px;
background:url(../images/section1-search.svg) no-repeat center center;
}

.header .search input {
flex:1;
width:100%;
background:none;
border:0px;
height:35px;
font-size: 11px;
}

.header .search.active {
border: 1px solid var(--F8633E, #F8633E);
background: var(--FFFFFF, #fff);
}

.header .search.active button {
background:url(../images/section1-search-hover.svg) no-repeat center center;
}

.section-15 .textarea {
width:100%;
}

.select-option {
position:relative;
}

.select-option .select {
width:100%;
cursor:pointer;
border-radius: 100px;
background:url(../images/select.svg) no-repeat right 20px center, #E7F0FB;
padding:10px 44px 10px 20px;
color: #7D7D7D;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
}

.select-option .select.active {

}

.section-15 .input ::placeholder {
color: #7D7D7D;
}

.select-option .hover {
border-radius: 10px;
background: #FFF;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
position:absolute;
top:calc(100% + 14px);
left:0px;
right:0px;
z-index:3;
display:none;
}

.select-option .hover label {
display:block;
margin:0 0 11px 0;
}

.select-option .hover label:last-child {
margin:0px;
}

.select-option .hover input {
display:none;
}

.select-option .hover span {
display:block;
cursor:pointer;
padding:10px 20px;
color: var(--151515, #151515);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
transition: .5s;
}

.select-option .hover span:hover, .select-option .hover span.active, .select-option .hover input:checked + span {
background: var(--8663DA, #3584DE);
color: #FFF;
}

.section-11 .found-flex .link:hover {
background: url(../images/found-arrow.svg) no-repeat right 24px center, #F8633E;
}

.section-11 .found-flex .link:hover span {
color:#fff;
}

.widget-block .warning {
margin:16px 0;
padding:10px;
border-radius: 10px;
border: 1px solid var(--F8633E, #F8633E);
background: var(--F8E8F0, #F8E8F0);

font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 18.2px */
}

.widget-block .name-location {
color: #000;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
margin:0 0 10px 0;
}

.select-location-open {
width:100%;
border-radius: 100px;
border: 1px solid var(--3584DE, #3584DE);
padding:10px 20px;
background:url(../images/select.svg) no-repeat right 20px center;
color: var(--ADADAD, #ADADAD);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%;
cursor:pointer;
}

.found-selects {
display:flex;
flex-wrap:wrap;
gap:14px;
margin:-21px 0 30px 0;
}

.found-selects .tag {
display:flex;
align-items:center;
gap:10px;
border-radius: 100px;
background: #D1DDEB;
padding:9px 10px;

font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
transition: .5s;
}

.found-selects .tag .delete {
cursor:pointer;
display:flex;
align-items:center;
transition: .5s;
}

.found-selects .remove {
display:flex;
align-items:center;
gap:10px;
cursor:pointer;
padding:9px 10px;
border-radius: 100px;
background: var(--8663DA, #3584DE);
color: var(--FFFFFF, #FFF);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
}

path {
transition: .5s;
}

.found-selects .tag:hover svg path {
fill:#fff;
}

.sidebar-mobile {
display:none;
}

body.dark {
color:#fff;
background: #000;
}

body.dark .site-body {
background:#000;
border: 10px solid rgb(59 52 55);
}

body.dark .header {
background:#111;
}

body.dark .title-section {
color:#fff;
}

body.dark .section-4 .name {
color:#fff;
}

body.dark .footer {
background: #141414;
}

body.dark .footer ul a {
color:#fff;
}

body.dark .section-16 .title {
color:#fff;
}

body.dark .wrapper {
color:#fff;
}

body.dark .section-13 .title {
color:#fff;
}

body.dark .container-title {
color:#fff;
}

body.dark .section-10 .item.active {
background:#fff;
}

.found-selects .tag:hover {
background: var(--F8633E, #F8633E) !important;
color: var(--FFFFFF, #FFF);
}

.search-mobile-block {
display:none;
}

.search-empty {
position:absolute;
top:37px;
right:25px;
z-index:3;
cursor:pointer;
width:24px;
height:24px;
background:url(../images/search-empty.svg) no-repeat;
display:none;
}

.header .form .search-empty {
top: 5px;
right: 8px;
}

.popup-block .search-country .search-empty {
top: 8px;
right: 8px;
}

.video-popup .info {
position:absolute;
bottom:35px;
left:24px;
right:24px;
z-index:3;
display:flex;
gap:16px;
}

.video-popup .info .avatar {
font-size:0px;
line-height:0px;
overflow:hidden;
border-radius:555px;
width: 71px;
height: 71px;
border: 3px solid var(--FFFFFF, #FFF);
}

.video-popup .info .right {
flex:1;
overflow: hidden;
color: #FFF;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
}

.video-popup .info .name {
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 28px */

}

.video-popup .info span {
display:block;
margin:0 0 12px 0;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 26.6px */
}

.section-3 {
margin:0 0 78px 0;
}

.section-3 ul, .section-3 ol {
margin:30px 0;
padding:0 0 0 20px;
}

.section {
margin:0 0 113px 0;
}

.section-16 .title-section {
text-align:center;
font-size: 35px;
margin:0 0 30px 0;
}

.search-mobile-block .close {
position: absolute;
top: 10px;
right: 10px;
z-index: 3;
cursor: pointer;
transition: .5s;
width: 14px;
height: 14px;
background: url(../images/mobile-menu-close.svg) no-repeat;
background-size: contain;
}

body.dark .search-mobile-block {
background:#000;
}

.loadmore-show {
width:260px;
margin:0 auto;
}

body.dark .search-mobile-block .close {
background: url(../images/mobile-menu-close-white.svg) no-repeat;
}

.search-mobile-block .close:hover {
opacity:.7;
}

body.dark .header .menu a {
color:#fff;
}

body.dark .section-15 .block-form, body.dark .widget-block .hover, body.dark .found-selects .tag {
background: #212121;
}

body.dark .widget-block .select-price span {
background: #575757;
}

#dlemasscomments, #dle-comments-form {
display:none !important;
}

.theme-dark, #top {
transition: .5s;
}

.theme-dark:hover, #top:hover {
opacity:.7;
}

body.dark .result-block-search {
background:#2b2b2b;
}

body.dark .section-1 .desc, body.dark .desc-page {
color:#fff;
}

body.dark .header .tl:hover {
box-shadow: 0 0 13px 0 rgb(255 255 255 / 55%);
}

body.dark .mobile-menu {
background: url(../images/mobile-menu-white.svg) no-repeat;
}

.header form {
  display: contents;
}

.fixed-mobile-block, .mobile-popular-categories {display: none;}

.filterss {
    margin-top: -10px; 
	
}

.filters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
	font-size: 16px;	
	
}

.filters .name {
    flex: 0 0 100%;
    text-align: center;
}

.filters h2 {
    color: var(--23242F, #23242F);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-top: 0px;  
    margin-bottom: 5px; 
	
}

.filters select {
width: 85px;
padding: 0px 10px 0 0;
border: 0px;
border-radius: 0px;
background: none;
font-size: 14px;
cursor: pointer;
color: var(--23242F, #23242F);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%;
background: url(../images/filter-arrow1.svg) no-repeat right center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.filters select:hover {
opacity: 0.8 !important;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3) !important;

}

.current-count {
margin: 55px 0 35px 0;
color: #525252;
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */

}

.navigation {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap:8px;
padding-bottom:20px;
}

.navigation a {
text-decoration: none;
padding:0 8px;
height: 32px;
display:flex;
align-items:center;
justify-content: center;
border-radius: 4px;
border: 1px solid #D8DAE5;
background: #FFF;
color: #051B44;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 171.429% */
letter-spacing: -0.5px;
}

.navigation span {
text-decoration: none;
padding:0 8px;
height: 32px;
display:flex;
align-items:center;
justify-content: center;
border-radius: 4px;
background: var(--8663DA, #3584DE);
color: #FFF;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 171.429% */
letter-spacing: -0.5px;
}

.navigation .nav {background: none;}

.navigation .nav a, .navigation .nav span {
display:flex;
align-items:center;
gap:8px;
width: auto;
color: #051B44;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 171.429% */
letter-spacing: -0.5px;
padding:0 8px;
}

.navigation a:hover, .navigation .nav span {
background: var(--8663DA, #3584DE);
color: #FFF;
}

.navigation a path {
transition: .5s;
}
.navigation a:hover path, .navigation .nav span path {
stroke:#fff;
}

.section-17 {
margin:0 0 82px 0;
}

.section-17 .item {
padding:24px 0 20px 0;
position:relative;
border-bottom: 1px #EAECF0 solid;
cursor: pointer;
}

.section-17 .item:before {
content:"";
position:absolute;
top:20px;
right:0px;
z-index:3;
width:24px;
height:24px;
background:url(../images/faq-plus.svg) no-repeat;
}
.section-17 .item:hover:before {
    opacity: 0.6; 
    /* А если раскомментировать строку ниже, плюсик будет еще и прикольно крутиться: */
    /* transform: rotate(90deg); */
}
.section-17 .item.active:before {
background:url(../images/faq-minus.svg) no-repeat;
}

.section-17 .question {
color: var(--23242F, #23242F);
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 28px; /* 155.556% */
cursor:pointer;
margin:0px;
}

.section-17 .answer {
color: var(--525252, #525252);
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
padding:8px 0 0 0;
display:none;
}

.cats-list-module h2 {
color: var(--23242F, #23242F);
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 42px */
margin:0 0 23px 0;
}

.cats-list-module ul {
list-style:none;
margin:0 -68px 57px -68px;
padding:0px;
display:flex;
flex-wrap:wrap;
}

.cats-list-module li {
width:33.333%;
padding:5px 68px;
border-right:1px #CECDCD solid;
}

.cats-list-module li a {
color: var(--8663DA, #3584DE);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
text-decoration:underline;
}

.cats-list-module li a:hover {
text-decoration:none;
}

.enter-btn {
cursor: pointer;
display: block;
text-decoration: none;
border-radius: 100px;
background: var(--8663DA, #3584DE);
padding:14px;
color: var(--FFFFFF, #FFF);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%;
text-transform: uppercase;
margin:51px 0 20px 0;
text-align: center;
transition: .5s;
}

.enter-btn:hover {
background: var(--23242F, #23242F);
}

.exit-btn {
cursor: pointer;
display: block;
text-decoration: none;
border-radius: 100px;
border: 2px solid var(--8663DA, #3584DE);
padding:13px;
color: var(--8663DA, #3584DE);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: uppercase;
text-align: center;
transition: .5s;
}

.exit-btn:hover {
background: #3584DE;
color:#fff;
}

.section-2 .desc-page {
text-align:left;
font-size: 14px;
}

.section-2 .desc-page .open-top-list {
    cursor: pointer;
    text-decoration: underline; 
    text-decoration-color: #d1d5db; 
    text-decoration-thickness: 1px;
    text-underline-offset: 3px; 
    transition: all 0.3s ease;
}

.section-2 .desc-page .open-top-list:hover {
    text-decoration: none; 
}

body.dark .filters select, 
body.dark .filters .name,
body.dark .current-count,
body.dark .section-8 .info,
body.dark .section-17 .question,
body.dark .section-17 .answer,
body.dark .section-1 .desc, body.dark .wrapper .desc,
body.dark .speedbar a,
body.dark .header .menu .hover .col-name,
body.dark .cats-list-module h2,
body.dark .cats-list-module li a,
body.dark .footer .copyright,
body.dark .footer .bottom,
body.dark .footer .bottom a,
body.dark .header .logo a,
body.dark .header .logo span {color:#fff;}

body.dark .header .menu .hover .all a {color:#fff !important;}
body.dark .header .menu .hover .all a:hover {text-decoration: none;}

body.dark .filters select option {color:#000;}

body.dark .block-rating {background: #000;}

body.dark .speedbar a:hover {text-decoration: underline;}

body.dark #top circle {
stroke:#fff;
}
body.dark #top path {
fill:#fff;
}

body.dark .page404 .desc {color: #fff;}


.filters a {
  display: flex;
  align-items: center;
  gap: 7px;
  text-decoration: none;
  color: #525252;
}

body.dark .filters a {
  color: #fff;
}

.filters a.filter-link {
  color: #525252;
  display: flex;
  align-items: center;
  gap: 7px;
  text-decoration: none;
}

body.dark .filters a.filter-link {
  color: #fff;
}

.filters a.filter-link:hover {
  color: #3584DE !important;
}

.filters a.filter-link.up { color: #3584DE !important; }
.filters a.filter-link.down { color: #3584DE !important; }

.filters a.filter-link:after {
  content: "";
  width: 18px;
  height: 18px;
  background: url(../images/filter-arrow1.svg) no-repeat center;
  background-size: contain;
  filter: none;
}

.filters a.filter-link:hover:after {
  filter: invert(35%) sepia(100%) saturate(500%) hue-rotate(190deg);
}

.filters a.filter-link.up:after {
  content: "";
  background: url(../images/filter-arrow2.svg) no-repeat center;
  background-size: contain;
  transform: rotate(180deg);
  filter: invert(35%) sepia(100%) saturate(500%) hue-rotate(190deg);
}

.filters a.filter-link.down:after {
  content: "";
  background: url(../images/filter-arrow2.svg) no-repeat center;
  background-size: contain;
  transform: rotate(0deg);
  filter: invert(35%) sepia(100%) saturate(500%) hue-rotate(190deg);
}

.filters a.filter-btn:after {
  display: none;
}

.filters a.filter-btn {
  background: #E54040;
  border-radius: 555px;
  width: 22px;
  height: 22px;
  padding: 0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}

.filters a.filter-btn:hover {
  background: #c93333;
}

.filters a.filter-btn[title]:hover:before {
  content: attr(title);
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
  padding: 4px 8px;
  border-radius: 4px;
  pointer-events: none;
}

body.dark .filters a.filter-link:after {
  filter: invert(1);
}

body.dark .filters a.filter-link:hover:after {
  filter: invert(35%) sepia(100%) saturate(500%) hue-rotate(190deg);
}

body.dark .filters a.filter-link.up:after,
body.dark .filters a.filter-link.down:after {
  filter: invert(35%) sepia(100%) saturate(500%) hue-rotate(190deg) !important;
}

.open-top-list {
cursor: pointer;
margin:0px 0 10px 0;
transition: .5s;
}

.open-top-list:hover {
color: #3584DE;
}

#window-top-list-popup ul {
list-style: none;
margin: 0px;
padding: 0px;
display: flex;
flex-wrap: wrap;
gap:0px;
}

#window-top-list-popup ul li {
width:100%;
font-size: 14px;
}

.popup-block .main ol {
margin: 0px;
display: flex;
flex-direction: column;
gap: 5px;
color: #525252;
font-size:14px;
}

body.dark .popup-block .main ol {
color: #fff;
}

.popup-block .main ol a {
color: #525252;
font-size:14px;
margin: 0px;
display: flex;
flex-direction: column;
gap: 5px;
cursor: pointer;
text-decoration: underline; 
text-decoration-color: #d1d5db; 
text-decoration-thickness: 1px;
text-underline-offset: 3px; 
transition: all 0.3s ease;
}

.popup-block .main a {
 color: #3584DE; 
font-size:14px;
margin: 0px;
text-decoration: underline;
}
.popup-block .main a:hover {
 text-decoration: none; 
}
body.dark .popup-block .main {
background: #222;
}

body.dark #window-top-list-popup ul li a, body.dark .popup-block .main a {
color: #fff;
}

.section-18 table {
    width: 100%;
    border-collapse: collapse;
    min-width: 960px;
}
 .section-18 th { padding: 12px; border: 1px solid #ddd; text-align: center; } 
 .section-18 td { padding: 12px; border: 1px solid #ddd; text-align: left; } 
 .section-18 th { background: #3584DE; color: white; }

.section-18  .table-wrap {
    width: 100%;
    overflow-x: auto;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background: var(--surface);
    overflow: auto;
  }

.section-18  table {
    width: 100%;
    border-collapse: collapse;
    min-width: 900px;
  }

.section-18  thead tr {
    background: var(--surface2);
    border-bottom: 1px solid var(--border);
  }

.section-18  thead th {
    padding: 12px 16px;
    text-align: center;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color:#FFF;
    white-space: nowrap;
  }

.section-18  thead th:first-child { padding-left: 20px; }
.section-18  thead th:last-child  { padding-right: 20px; text-align: center; }

.section-18  tbody tr {
    border-bottom: 1px solid var(--border);
    transition: background 0.18s ease;
  }

.section-18  tbody tr:last-child { border-bottom: none; }

.section-18  tbody tr:hover {
    background: rgba(255,255,255,0.025);
  }

.section-18  tbody td {
    padding: 14px 16px;
    vertical-align: middle;
    color: var(--text);
  }

.section-18  tbody td:first-child { padding-left: 20px; }
.section-18  tbody td:last-child  { padding-right: 20px; }

.section-18 .rank {
    text-align: center;
    vertical-align: middle;
    padding: 0;
    font-size: 13px;
    font-weight: 600;
    color: #1a1108;
}
.section-18 tbody td:first-child {
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.section-18  .avatar {
    width: 60px; 
    height: 60px !important;
    border-radius: 50%;
    object-fit: cover;
    border: 1.5px solid var(--border-hover);
    display: block;
    background: var(--surface2);
  }

.section-18  .model-name {
    font-weight: 500;
    font-size: 13px;
    color: var(--text);
    white-space: nowrap;
    line-height: normal;
  }

.section-18  .model-name span {
display: block;
}


.section-18  .review-wrap {
    max-width: 220px;
    font-size: 14px;
    color: var(--muted);
    line-height: 1.55;
  }

.section-18  .review-inner {
    #display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

.section-18  .stat {
    font-size: 13px;
    font-weight: 500;
    color: var(--text);
    white-space: nowrap;
  }


.section-18  .badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 99px;
    background: var(--badge-bg);
    color: var(--badge-text);
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    border: 1px solid rgba(78,202,139,0.2);
  }


.section-18  .price {
    font-weight: 600;
    font-size: 14px;
    color: var(--green);
    white-space: nowrap;
  }


.section-18  .rating-cell { text-align: center; }

.section-18  .stars {
    color:#f0b429;
    font-size: 13px;
    letter-spacing: 1px;
    display: block;
  }

.section-18  .rating-score {
    font-size: 11px;
    font-weight: 600;
    color: var(--muted);
    margin-top: 2px;
  }

.section-18  .btn-profile {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: var(--radius-sm);
    background: var(--accent-dim);
    color: var(--accent);
    border: 1px solid rgba(201,169,110,0.25);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.15s, border-color 0.15s;
    cursor: pointer;
  }

.section-18  .btn-profile:hover {
    background: rgba(53, 132, 222, 0.2);   
    border-color: rgba(53, 132, 222, 0.45);  
}
.section-18  .btn-profile svg {
    width: 12px; height: 12px; flex-shrink: 0;
  }

  @media (max-width: 600px) {
.section-18    .table-wrap { border-radius: 10px; }
.section-18 tbody td:nth-child(2) {width:92px;}
  }













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

.container {
padding:0 20px;
}

.section-4 .flex {
gap:43px;
}

.header .menu {
padding:0px;
}

.header .container {
padding:0 20px;
}

.header .menu ul {
gap:10px;
}









}





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

.site-body {
border:0px !important;
}

.header .container {
gap:10px;
}

.header .menu a {
padding:5px;
}

.header .menu {
padding:0px;
}

.section-11 .found-flex {
gap:10px;
}

.section-11 .found-flex .link {
width:calc(50% - 5px);
}

.card-flex {
gap:10px;
}

.card-flex .card {
width:calc(33.333% - 7px);
}






















}



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

.header .theme-dark {
display:none;
}

.header .menu {
display:none;
}
  .header .mobile-menu {
    margin-left: auto;
  }
.mobile-search {
display:block;
cursor:pointer;
width:36px;
height:36px;
background:url(../images/mobile-search.svg) no-repeat;
}

.mobile-menu {
display:block;
cursor:pointer;
width:33px;
height:33px;
background:url(../images/mobile-menu.svg) no-repeat;
}

.header {
padding:17px 0 18px 0;
margin:0 0 50px 0;
}

.section-11 .sidebar {
display:none;
position:fixed;
top:0px;
left:0px;
width:100%;
max-width:376px;
z-index:9;
border-radius: 0 20px 20px 0;
background: var(--FFFFFF, #FFF);
height:100%;
overflow:hidden;
padding:22px 37px 31px 36px;
}

.section-11 .sidebar.active {
display:flex;
}

.open-filter-mobile {
display: flex;
align-items: center;
justify-content: center;
gap:10px;
cursor:pointer;
border-radius: 100px;
border: 1px solid var(--F8633E, #F8633E);
background: var(--F8633E, #F8633E);
padding:10px;
color: var(--FFFFFF, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
position:fixed;
bottom:23px;
left:20px;
right:20px;
z-index:7;
}

.open-filter-mobile:before {
content:"";
width:24px;
height:24px;
background:url(../images/open-filter-mobile.svg) no-repeat;
}

.container-title {
font-size:25px;
text-align:center;
}

.card-flex .card {
width:calc(50% - 5px);
}

.section-11 .card-flex {
gap:10px;
}

.section-11 .card-flex .card {
width:calc(50% - 5px);
}

.section-14 .clear {
position:relative;
top:auto;
margin:30px auto 0px auto;
}

.mobile-block {
position:fixed;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:9;
}

.mobile-block:before {
content:"";
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:3;
background: rgba(44, 44, 44, 0.60);
backdrop-filter: blur(10px);
}

.mobile-block .container {
position:relative;
z-index:9;
border-radius:0px;
background: var(--FFFFFF, #FFF);
padding:43px 21px;
height:100%;
overflow-y:auto;
}

.sidebar-mobile {
display:flex;
align-items:center;
gap:20px;
margin:0 0 19px 0;
}

.sidebar-mobile .name {
flex:1;

font-size: 23px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 32.2px */
text-transform: uppercase;
}

.sidebar-mobile .close {
cursor:pointer;
width:23px;
height:23px;
background:url(../images/sidebar-mobile-close.svg) no-repeat;
cursor:pointer;
}

.search-mobile-block {
position:fixed;
top:0px;
left:0px;
right:0px;
z-index:9;
background:#fff;
padding:31px 20px 24px 20px;
}

.search-mobile-block ::placeholder {
color: var(--ADADAD, #ADADAD);
}

.search-mobile-block button {
cursor:pointer;
border:0px;
width:35px;
height:35px;
background:url(../images/section1-search.svg) no-repeat center center;
position:absolute;
top:30px;
left:20px;
z-index:3;
}

.search-mobile-block input {
width:100%;
background:none;
border:0px;
height:35px;
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: 140%;
border-radius: 100px;
border: 1px solid var(--3584DE, #3584DE);
background: var(--FFFFFF, #FFF);
transition: .5s;
padding:0 35px;
}

.search-mobile-block input:focus {
border: 1px solid var(--F8633E, #F8633E);
background: var(--FFFFFF, #fff);
}

.search-mobile-block input:focus button {
background:url(../images/section1-search-hover.svg) no-repeat center center;
}

.search-mobile-block .result-block-search {
top:80px;
left:20px;
right:20px;
width:auto;
}

body.shadow {
position:relative;
}

body.shadow:before {
content:"";
position:fixed;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:7;
background: rgba(44, 44, 44, 0.60);
backdrop-filter: blur(10px);
}

.header .logo {
margin:0px;
}

.header .logo a {font-size:18px; line-height: 20px;font-weight: 700;}

.header .logo img {
top: 20px;
left: 25px;
}

.header .search {
display:none;
}

.section-15 .flex {
flex-direction:column-reverse;
gap:0px;
}

.section-15 .images {
height:248px;
}

















}




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

.fixed-social {
display:none;
}

.section-1 {
margin:0 0 40px 0;
}

.section-9 .item {
flex:none;
width:100%;
}

.footer .head {
flex-direction:column;
gap:43px;
margin:0 0 17px 0;
}

.section-11 .found-flex .link {
width:100%;
}

.section-11 .card-flex .card {
width:100%;
}

.card-flex .card {
width:100%;
}

.popup-block .clear-wishlist .bottom {
flex-direction:column-reverse;
}

.section-16 .flex a {
width:100%;
}

.section-15 .block-form {
padding:34px 20px;
}

.popup-block .block {
left:21px;
right:20px;
width:calc(100% - 41px);
transform: translate(0%, -50%);
}

.popup-block .share-block .social a {
width:49px;
height:49px;
}

.popup-block .share-block .social img {
transform:scale(1);
}

.video-popup {
border:0px;
background:none;
padding:0px;
}

.video-popup .demo {
top:30px;
left:50%;
transform: translate(-50%, 0%);
}

.video-popup .volume {
background: url(../images/video-popup-volume-white.svg) no-repeat;
top:30px;
left:20px;
right:auto;
}

.video-popup .close {
top:30px;
right:20px;
background: url(../images/video-popup-close-white.svg) no-repeat;
}

.footer {
padding:32px 0 39px 0;
}

.footer .head .col:first-child {
order:3;
}

.section-15 .input, .section-15 button {
width:100%;
}

.section {
margin:0 0 45px 0;
}

body.dark .mobile-block .container {
background: #000;
border-radius:0px;
}

body.dark .mobile-block .close {
background: url(../images/mobile-menu-close-white.svg) no-repeat;
}

body.dark .mobile-block .menu a, body.dark .mobile-block .theme-dark, body.dark .mobile-block .menu .best-name {color:#fff;}

#wish_count {
width: 25px;
height: 25px;
background: #3584de;
border-radius: 555px;
display: flex;
align-items: center;
justify-content: center;
}

.card-flex .card:hover {
transform: scale(1);
}

.mobile-block .menu .hover ul {margin:0px;}

body {padding:0 0 30px 0;}

.window-cookies {
position: relative;
z-index: 3;
border-radius: 0 0 30px 30px;
}

.fixed-mobile-block {
display:flex;
align-items: center;
gap:23px;
position:fixed;
bottom:0px;
left:0px;
right:0px;
z-index:7;
border-top: 1px solid var(--DFDFDF, #DFDFDF);
background: var(--FFFFFF, #FFF);
padding:15px 17px 11px 17px;
color: var(--151515, #151515);
}

body.dark .fixed-mobile-block {
background: #000;
color:#fff;
}

.fixed-mobile-block .item {
display:flex;
align-items:center;
flex-direction: column;
gap:5px;
text-decoration:none;
cursor:pointer;
text-align: center;
font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 14px */
position:relative;
flex: 1;
}

.fixed-mobile-block .icon {
font-size:0px;
line-height:0px;
position: relative;
background: #3584DE;
display:flex;
align-items:center;
justify-content:center;
border-radius:555px;
width: 30px;
height: 30px;
}

.fixed-mobile-block .item:hover {
color: #F8633E;
font-weight: 800;
}

.fixed-mobile-block .item strong {
position:absolute;
top:-10px;
right:-13px;
z-index:3;
border-radius: 100px;
background: var(--F8633E, #F8633E);
width: 25px;
height: 25px;
display:flex;
align-items:center;
justify-content:center;
border-radius:555px;
color: var(--FFFFFF, #FFF);
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: uppercase;
}

.fixed-mobile-block .item.shorts .icon:before {
content:"";
position:absolute;
top:-10px;
left:-10px;
z-index:3;
width:22px;
height:22px;
background:url(../images/newmobile-fire.png) no-repeat;
}

.fixed-mobile-block .icon path {fill: #fff;}

.fixed-mobile-block .icon circle {fill: #3584DE;}

.mobile-popular-categories {
display:none;
position:fixed;
top:50%;
left:19px;
right:19px;
z-index:9;
max-height:545px;
transform: translate(0%, -50%);
border-radius: 20px;
background: #FFF;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
padding:0px 18px 29px 18px;
overflow: hidden;
}

.mobile-popular-categories .head {
display:flex;
align-items:center;
gap:20px;
margin: 0 -18px 17px -18px;
padding:22px 25px;
background: #3584DE;
}

.mobile-popular-categories .title {
flex:1;
color: var(--FFFFFF, #FFF);
font-size: 23px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 32.2px */
text-transform: uppercase;
}

.mobile-popular-categories .close {
cursor:pointer;
transition: .5s;
position: absolute;
top: 10px;
right: 10px;
}

.mobile-popular-categories .close path {
stroke:#000;
}

body.dark .mobile-popular-categories .close path {
stroke:#fff;
}

.mobile-popular-categories .scroll {
overflow-y:auto;
height:424px;
}

.mobile-popular-categories .scroll ul {
display:flex;
justify-content: space-between;
flex-wrap:wrap;
gap:17px;
list-style: none;
margin: 0px;
padding: 0px;
}

.mobile-popular-categories .scroll li {
width:calc(50% - 11px);
}

.mobile-popular-categories .scroll a {
text-decoration:none;
color: var(--151515, #151515);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 19.6px */
}

body {
padding: 0 0 80px 0;
}

.fixed-mobile-block .line {
width: 1px;
height: 33px;
background: #E5E5E5;
}

#top {
bottom: 100px;
right: 10px;
}

.mobile-popular-categories ::-webkit-scrollbar {
  width: 4px;
}

.mobile-popular-categories ::-webkit-scrollbar-track {
  background: #fff;
}

.mobile-popular-categories ::-webkit-scrollbar-thumb {
  background-color: #3584DE;
  border-radius: 20px;
  border: 3px solid #3584DE;
}

.fixed-mobile-block .item .checkbox-ios .checkbox-ios-switch:before {display: none;}

.fixed-mobile-block .item .checkbox-ios .checkbox-ios-switch {
width:28px;
height:28px;
background: url(../images/moon.svg) no-repeat center center;
padding:0px;
background-size: contain !important;
}

.fixed-mobile-block .item .checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch {
background: url(../images/sun-mobile.svg) no-repeat center center;
}

.header .tl {font-size:12px;}

.cats-list-module ul {margin:0 -13px 43px -13px;}

.cats-list-module li {padding:8px 13px;}

.cats-list-module li a {font-size:12px;}

.card-flex .images img {width:100% !important;}

.header .tl {min-width: auto; padding:10px;}

.header .logo {flex-shrink: 0;}

.mobile-popular-categories .hover {
max-height: calc(100vh - 200px);
overflow-y: auto;
display: flex;
padding:16px;
}

.mobile-popular-categories .hover .col {
flex:1;
padding:0 13px;
border-right:1px #EDEDED solid;
}

.mobile-popular-categories .hover .col:first-child {padding:0 20px 0 0;}
.mobile-popular-categories .hover .col:last-child {padding:0 0 0 20px; border-right:0px #EDEDED solid;}

.mobile-popular-categories .hover .col-name {
color: var(--23242F, #23242F);
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 16.8px */
text-transform: uppercase;
margin:0 0 23px 0;
}

.mobile-popular-categories .hover ul {
display: flex;
flex-direction: column;
gap:12px;
margin:0px;
padding: 0px;
list-style: none;
}

.mobile-popular-categories .hover ul a {
padding:0px;
background:none;
border:0px;
min-width:inherit;
text-transform:none;
display:block;
color: var(--23242F, #23242F);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 140%;
text-decoration: none;
}

.mobile-popular-categories .hover ul a:hover {
color:#F8633E !important;
text-decoration: underline;
}

.mobile-popular-categories .hover .all a {
text-decoration: underline;
}

body.dark .mobile-popular-categories {
background: #000;
}

body.dark .mobile-popular-categories .hover ul a {
color: #fff;
}

.wrapper h1 {
line-height: 115%;
}

.card-flex {
gap:15px;
}

body.dark .mobile-popular-categories .hover .col-name {
color:#fff;
}

.select-options {
  left: 50%;
  transform: translate(-50%, 0%);
}

.select-options li {
  padding: 0;
}

.select-options li a {
  display: block;
  padding: 8px 12px;
  transition: background 0.2s ease;
}

.select-options li a:hover {
  background: #f0f0f0 !important;
}

body.dark .select-options li a:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}



@media (max-width: 768px) {
  #top {
    bottom: 80px; 
    right: 12px;
    width: 36px; 
    height: 36px;
  }
}