/* CSS variables */
:root {
  --font-second: "ProximaNova",
    sans-serif;
  --font-main: "ProximaNovaCond",
    sans-serif;
  --main-text-color: #0F1435;
  --light-text: #84889C;
  --main-border: 1px solid #DCE0E9;
  --main-black-color: #000;
  --main-white-color: #fff;
  --main-gray-color: #C4C4C4;
  --main-orange-color: #F64F3D;
  --main-red-color: #E31B23;
  --main-dark-blue-color: #0A0D28;
  --main-green-color: #039A4A;
  --main-yellow-color: #FFDB2A;
  --gray-background: #f7f7f7;
  --main-border-color: #DCE0E9;
  --content-color: #6B6F87;
  --main-blue-color: #3350EE;
}

/* Fonts */
@font-face {
  font-family: "ProximaNova";
  src: local("ProximaNova-Bold"), url("../fonts/ProximaNova-Bold.woff2") format("woff2"), url("../fonts/ProximaNova-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: local("ProximaNova-Semibold"), url("../fonts/ProximaNova-Semibold.woff2") format("woff2"), url("../fonts/ProximaNova-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: local("ProximaNova-Regular"), url("../fonts/ProximaNova-Regular.woff2") format("woff2"), url("../fonts/ProximaNova-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNovaCond";
  src: local("ProximaNovaCond-Bold"), url("../fonts/ProximaNovaCond-Bold.woff2") format("woff2"), url("../fonts/ProximaNovaCond-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNovaCond";
  src: local("ProximaNovaCond-Semibold"), url("../fonts/ProximaNovaCond-Semibold.woff2") format("woff2"), url("../fonts/ProximaNovaCond-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNovaCond";
  src: local("ProximaNovaCond-Regular"), url("../fonts/ProximaNovaCond-Regular.woff2") format("woff2"), url("../fonts/ProximaNovaCond-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Global CSS reset */
html {
  box-sizing: border-box;
  height: 100%;
}

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

body {
  height: 100%;
  position: relative;
  margin: 0;
  line-height: 1.1;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  font-family: var(--font-main);
  font-size: 17px;
  font-weight: 400;
  background-color: #EEEEEE;
  letter-spacing: -0.1px;
}

ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font: inherit;
}

ul {
  list-style: none;
}

img,
picture {
  max-width: 100%;
  border: none;
  border-style: none;
  display: inline-block;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: middle;
}

i {
  display: flex;
}

input,
textarea {
  margin: 0;
  padding: 0;
  outline: none;
  background-clip: padding-box;
  font-family: inherit;
  border-radius: 0;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
}
input::placeholder,
textarea::placeholder {
  transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  opacity: 0;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  opacity: 0;
}
input:focus::placeholder,
textarea:focus::placeholder {
  opacity: 0;
}

input[type=submit] {
  -webkit-appearance: none;
  cursor: pointer;
}

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

a,
a:visited {
  display: flex;
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: none;
}

path {
  transition: fill 0.2s;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
  table-layout: auto;
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

/* Global CSS rules */
.swiper-button-next,
.swiper-button-prev,
.swiper-pagination-bullet {
  outline: none;
}

.scrollup {
  position: fixed;
  right: clamp(15px, 2vw, 35px);
  bottom: 100px;
  cursor: pointer;
  z-index: 50;
  background-color: var(--main-text-color);
  width: 40px;
  height: 40px;
  background-image: url(../img/icons/arrow-up.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 40%;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
  border-radius: 2px;
  transform: translateX(0%);
}
.scrollup:hover {
  background-color: var(--main-red-color);
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
}

.scrollup__hide {
  opacity: 0;
  transform: translateX(50%);
}

.column-title {
  font-weight: bold;
  font-size: 23px;
  line-height: 28px;
  text-transform: uppercase;
  color: var(--main-text-color);
  position: relative;
  padding-right: 28px;
}
.column-title::after {
  position: absolute;
  content: "///";
  width: 18px;
  height: 100%;
  display: flex;
  align-items: flex-end;
  bottom: 0;
  right: 0;
}
.column-title.red-title {
  color: var(--main-red-color);
}

.border-bottom-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.border-bottom-list li {
  border-bottom: var(--main-border);
  padding-bottom: 18px;
}

.border-top-list {
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 2vw, 18px);
}
.border-top-list li {
  border-bottom: var(--main-border);
  padding-bottom: 18px;
}
.border-top-list li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.medium-banner {
  max-width: 365px;
  margin: clamp(5px, 2vw, 22px) auto;
  justify-content: center;
}

.search {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
  transition: opacity 0.3s, z-index 0.3s;
}
.search.is-hidden {
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
.search.is-hidden .search__inner {
  transform: translateY(-30%);
}
.search__inner {
  background-color: #fff;
  width: clamp(300px, 70vw, 860px);
  padding: 36px 30px 40px;
  transition: transform 0.4s ease-in-out;
}
.search__inner h3 {
  font-weight: 700;
  font-size: 21px;
  line-height: 23px;
  text-transform: uppercase;
  margin-bottom: 23px;
}
.search__selects {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.search__form {
  display: flex;
  flex-direction: column;
  gap: 23px;
}
.search__form-input {
  border: var(--main-border);
  padding: 7px 12px 5px 40px;
  font-size: 14px;
  line-height: 35px;
  font-family: var(--font-second);
  background-image: url(../img/icons/loupe.svg);
  background-repeat: no-repeat;
  background-position: 12px center;
  background-size: 19px;
}
.search__form-input::-moz-placeholder {
  color: var(--light-text);
}
.search__form-input:-ms-input-placeholder {
  color: var(--light-text);
}
.search__form-input::placeholder {
  color: var(--light-text);
}
.search__form-button {
  background-color: var(--main-green-color);
  border: none;
  color: #fff;
  padding: 14px 12px 12px;
  font-size: 15px;
  line-height: 23px;
  text-transform: uppercase;
  font-weight: 700;
  transition: letter-spacing 0.2s, background-color 0.2s;
}
.search__form-button:hover {
  letter-spacing: 2px;
  background-color: var(--main-text-color);
}

.custom-select {
  font-family: var(--font-second);
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 14px;
}
.custom-select.is-divided::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 55%;
  top: 50%;
  transform: translateY(-50%);
  background-color: #DEDFE5;
  right: 39px;
}
.custom-select span {
  font-weight: 600;
  font-size: 15px;
  line-height: 23px;
  text-transform: uppercase;
  font-family: var(--font-main);
}
.custom-select select {
  display: none;
}
.custom-select__selected {
  padding: 12px 40px 13px 14px;
  cursor: pointer;
  z-index: 99;
  border: var(--main-border);
  position: relative;
}
.custom-select__selected:after {
  background-image: url(../img/icons/angle-down.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 10px;
  height: 7px;
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: 14px;
  transition: 0.2s;
}
.custom-select__selected.is-active:after {
  transform: rotate(180deg) translateY(50%);
}
.custom-select__item {
  transition: color 0.3s;
  cursor: pointer;
  padding: 7px 0;
}
.custom-select__item:hover {
  color: var(--main-text-color);
}
.custom-select__list {
  position: absolute;
  top: 105%;
  left: 0;
  width: 100%;
  z-index: 100;
  transition: opacity 0.3s, visibility 0.3s;
  overflow: hidden;
  background-color: #fff;
  color: var(--light-text);
  padding: 15px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.custom-select__list.is-hide {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

/* Sliders buttons */
.scores__content .swiper-button-next,
.scores__content .swiper-button-prev {
  position: static;
  width: 20px;
  height: 12px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0;
  outline: none;
  padding: 20px 0;
}
.scores__content .swiper-button-next::after,
.scores__content .swiper-button-prev::after {
  display: none;
}
.scores__content .swiper-button-next {
  background-image: url(../img/icons/arrow-left.svg);
}
.scores__content .swiper-button-prev {
  background-image: url(../img/icons/arrow-right.svg);
}

/* Containers */
.container {
  margin: 0 auto;
  max-width: 1410px;
  background-color: var(--main-white-color);
}

.flex-horizontal {
  display: flex;
  gap: clamp(15px, 2vw, 30px);
}

.flex-vertical {
  display: flex;
  flex-direction: column;
  gap: clamp(15px, 2vw, 30px);
}

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

/* Hover rules */
.link-hover {
  position: relative;
  padding: 3px 0;
  display: inline-flex;
}
.link-hover::after {
  position: absolute;
  content: "";
  width: 0%;
  height: 2px;
  background-color: var(--title-color);
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  transition: all 0.2s;
  background-color: var(--main-text-color);
}
.link-hover:hover::after {
  width: 100%;
}

.image-hover:hover .post-sidebar-big__label,
.image-hover:hover .post-large__label,
.post-global__image-wrap:hover .post-sidebar-big__label,
.post-global__image-wrap:hover .post-large__label,
.hovered-block:hover .post-sidebar-big__label,
.hovered-block:hover .post-large__label {
  background-color: var(--main-green-color);
  letter-spacing: 2px;
}

/* Animations */
@-webkit-keyframes arrow {
  0% {
    transform: translate(0, -50%);
  }
  50% {
    transform: translate(15%, -50%);
  }
  100% {
    transform: translate(0, -50%);
  }
}
@keyframes arrow {
  0% {
    transform: translate(0, -50%);
  }
  50% {
    transform: translate(15%, -50%);
  }
  100% {
    transform: translate(0, -50%);
  }
}
@-webkit-keyframes socials {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes socials {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Burger */
/* Burger css */
.burger {
  cursor: pointer;
  display: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  z-index: 10;
}
.burger__main {
  position: absolute;
  height: 100%;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  align-items: center;
}
.burger__main span {
  display: block;
  width: 20px;
  height: 2px;
}
.burger__main span:nth-child(1) {
  transition-delay: 0.5s;
}
.burger__main span:nth-child(2) {
  transition-delay: 0.625s;
}
.burger__main span:nth-child(3) {
  transition-delay: 0.75s;
  width: 13px;
}
.burger__toggle {
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
}
.burger__toggle span {
  position: relative;
  background: #000;
  border-radius: 2px;
  transition: 0.2s ease-in-out;
}
.burger__cross {
  position: absolute;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
}
.burger__cross span:nth-child(1) {
  height: 0%;
  width: 2px;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  transition-delay: 0s;
}
.burger__cross span:nth-child(2) {
  width: 0;
  height: 2px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition-delay: 0.25s;
}
.burger__toggle.is-active .burger__main span {
  width: 0;
}
.burger__toggle.is-active .burger__main span:nth-child(1) {
  transition-delay: 0s;
}
.burger__toggle.is-active .burger__main span:nth-child(2) {
  transition-delay: 0.125s;
}
.burger__toggle.is-active .burger__main span:nth-child(3) {
  transition-delay: 0.25s;
}
.burger__toggle.is-active .burger__cross span:nth-child(1) {
  height: 100%;
  transition-delay: 0.625s;
}
.burger__toggle.is-active .burger__cross span:nth-child(2) {
  width: 100%;
  transition-delay: 0.375s;
}

/* Burger css end */
/* Main css */
/* Breadcrumbs */
.breadcrumbs {
  display: flex;
  gap: 9px;
  font-family: Proxima Nova;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.02em;
  color: var(--content-color);
}
.breadcrumbs li {
  transition: color 0.3s;
}
.breadcrumbs li:hover {
  color: var(--main-red-color);
}
.breadcrumbs li:last-child:hover {
  color: inherit;
}
.breadcrumbs li + li {
  position: relative;
  padding-left: 12px;
}
.breadcrumbs li + li:before {
  position: absolute;
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--content-color);
}

/* Top banner */
.top-banner {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80vh;
  background-image: url(../img/banners/banner.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
@supports (background-image: url(../img/banners/advertising.webp)) {
  .top-banner {
    background-image: url(../img/banners/banner.webp);
  }
}

/* Header */
/* Header */
.header {
  margin-top: clamp(50px, 15vw, 250px);
}
.header__top {
  background-color: var(--gray-background);
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  font-size: 14px;
}
.header__top-nav {
  padding: 17px clamp(25px, 4vw, 40px);
}
.header__top-list {
  display: flex;
  -moz-column-gap: clamp(15px, 2vw, 20px);
  column-gap: clamp(15px, 2vw, 20px);
  font-weight: 600;
  color: var(--main-text-color);
  font-family: var(--font-second);
}
.header__top-list a {
  flex-shrink: 0;
}
.header__top-list a.uppercase {
  text-transform: uppercase;
}
.header__top-actions {
  display: flex;
  align-items: stretch;
  color: #10171D;
  font-weight: 700;
}
.header__top-actions a {
  text-transform: uppercase;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  padding: clamp(10px, 2vw, 17px) clamp(15px, 2vw, 30px);
  transition: background-color 0.3s, letter-spacing 0.3s;
  flex-shrink: 0;
}
.header__top-actions a span {
  flex-shrink: 0;
}
.header__top-actions a img {
  max-width: 19px;
}
.header__top-actions a:nth-child(1) {
  background-color: #E2EAED;
}
.header__top-actions a:nth-child(1):hover {
  background-color: #d1d6d8;
}
.header__top-actions a:nth-child(2) {
  background-color: var(--main-yellow-color);
}
.header__top-actions a:nth-child(2):hover {
  background-color: #F0C90A;
}
.header__middle {
  padding: 25px clamp(25px, 4vw, 40px) 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--main-white-color);
  font-family: var(--font-second);
}
.header__middle-left, .header__middle-right {
  display: flex;
  align-items: center;
}
.header__middle-left {
  -moz-column-gap: 30px;
  column-gap: 30px;
  font-size: 14px;
  color: var(--light-text);
}
.header__middle-calendar {
  -moz-column-gap: 10px;
  column-gap: 10px;
  display: flex;
  align-items: center;
}
.header__middle-weather {
  -moz-column-gap: 7px;
  column-gap: 7px;
  display: flex;
  align-items: center;
}
.header__middle-logo {
  max-width: 209px;
}
.header__middle-right {
  -moz-column-gap: 35px;
  column-gap: 35px;
  font-size: 14px;
  color: var(--light-text);
}
.header__search:hover path {
  fill: red;
}
.header__socials {
  display: flex;
  align-items: center;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
.header__socials a:hover path {
  fill: red;
}
.header__video {
  gap: 11px;
  display: flex;
  align-items: center;
}
.header__video-image {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
}
.header__video-box {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.header__bottom {
  font-weight: 700;
  font-size: 15px;
  letter-spacing: normal;
}
.header__bottom-topnav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  color: #fff;
  overflow: hidden;
}
.header__bottom-topnav a {
  display: flex;
  padding: 20px clamp(10px, 2vw, 30px);
  transition: background-color 0.3s;
}
.header__bottom-topnav a::after {
  background-color: #fff;
}
.header__bottom-topnav a.accueil-btn {
  background-color: var(--main-red-color);
  padding: 20px clamp(10px, 2vw, 40px);
  flex-shrink: 0;
}
.header__bottom-topnav a.accueil-btn:hover {
  background-color: #C2070F;
}
.header__bottom-topnav a.blogs-btn {
  background-color: var(--main-green-color);
  padding: 20px clamp(10px, 2vw, 40px);
  flex-shrink: 0;
}
.header__bottom-topnav a.blogs-btn:hover {
  background-color: #007B3A;
}
.header__bottom-topnav-list {
  display: flex;
  align-items: center;
  background-color: var(--main-dark-blue-color);
  flex: 1 1 auto;
  justify-content: center;
}
.header__bottom-topnav-list a {
  white-space: nowrap;
}
.header__bottom-topnav-list li + li a::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 30%;
  background-color: #57626B;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.header__bottom-depeches {
  padding: 6px 10px;
  background-color: var(--gray-background);
  transition: all 0.2s;
}
.header__bottom-depeches:hover {
  background-color: var(--main-red-color);
  color: #fff;
}
.header__bottom-bottomnav {
  color: var(--main-text-color);
  display: flex;
  align-items: center;
  padding: 30px clamp(10px, 2vw, 40px);
  text-transform: uppercase;
  gap: 8px;
}
.header__bottom-bottomnav a {
  flex-shrink: 0;
}
.header__bottom-bottomnav a.nos-videos {
  background-color: transparent;
  margin-left: auto;
  padding-right: 30px;
  position: relative;
}
.header__bottom-bottomnav a.nos-videos::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 8px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-image: url(../img/icons/arrow-right-header.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.header__bottom-bottomnav a.nos-videos:hover::before {
  -webkit-animation: arrow infinite 1s linear;
  animation: arrow infinite 1s linear;
}
.header__bottom-bottomnav-list {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
}
.header__bottom-bottomnav-list a {
  padding: 6px 10px;
  background-color: var(--gray-background);
  transition: all 0.2s;
}
.header__bottom-bottomnav-list a:hover {
  background-color: var(--main-text-color);
  color: #fff;
}

div.header__video-image {
  align-items: stretch;
}

.mobile-menu {
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  width: 80vw;
  background-color: #10171D;
  padding: 33px clamp(20px, 4vw, 42px) 55px 0;
  z-index: 99;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transform: translateX(-300%);
  transition: transform 0.5s;
}
.mobile-menu.is-active {
  transform: translateX(0);
}
.mobile-menu__close {
  cursor: pointer;
}
.mobile-menu__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  padding-left: clamp(20px, 3vw, 42px);
}
.mobile-menu__top-link {
  position: relative;
  padding-left: 25px;
}
.mobile-menu__top-link::before {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  left: 0;
  top: 48%;
  transform: translateY(-50%);
  background-image: url(../img/icons/user-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.mobile-menu__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-transform: uppercase;
  gap: clamp(15px, 3vw, 35px);
  font-weight: 700;
  font-size: 19px;
  line-height: 21px;
}
.mobile-menu__list li {
  padding-left: clamp(20px, 3vw, 42px);
}
.mobile-menu__list li:nth-child(1) {
  background-color: var(--main-red-color);
  padding: 20px 25px 20px clamp(20px, 3vw, 42px);
}
.mobile-menu__list-videos {
  padding-left: 35px;
  position: relative;
}
.mobile-menu__list-videos:before {
  position: absolute;
  content: "";
  width: 26px;
  height: 26px;
  left: 0;
  top: 48%;
  transform: translateY(-50%);
  background-image: url(../img/icons/mobile-menu-play.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.mobile-menu__socials {
  display: flex;
  align-items: center;
  gap: 18px;
  padding-left: clamp(20px, 3vw, 42px);
}

/* Post blocks */
.post-global {
  display: inline-flex;
  flex-direction: column;
  position: relative;
}
.post-global__info {
  color: var(--light-text);
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: 15px;
  column-gap: 15px;
  row-gap: 5px;
  font-family: var(--font-second);
}
.post-global__info span:nth-child(2) {
  position: relative;
  padding-left: 20px;
}
.post-global__info span:nth-child(2)::before {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  top: 0;
  left: 0;
  background-image: url(../img/icons/chat-dark-gray.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.post-global__content {
  color: var(--main-text-color);
}
.post-global__content-link {
  font-weight: bold;
  font-size: 21px;
  line-height: 23px;
  margin-bottom: 10px;
  letter-spacing: -1px;
}
.post-global__image-wrap {
  position: relative;
  max-width: 100%;
  max-height: 190px;
  overflow: hidden;
  margin-bottom: 15px;
}
.post-global__label {
  position: absolute;
  content: "";
}
.post-global__label.play-btn {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 15;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 46px;
  height: 47px;
}
.post-large__image-wrap {
  position: relative;
}
.post-large__label {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--main-red-color);
  padding: 4px 11px;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  z-index: 10;
  letter-spacing: 0.3px;
  transition: letter-spacing 0.3s, background-color 0.5s;
}
.post-large__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 5px;
  font-family: var(--font-second);
}
.post-large__bottom span {
  position: relative;
  color: var(--light-text);
  font-size: 14px;
}
.post-large__bottom span::before {
  position: absolute;
  content: "";
  top: 48%;
  left: 0;
  transform: translateY(-50%);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
}
.post-large__bottom span:nth-child(1) {
  padding-left: 21px;
}
.post-large__bottom span:nth-child(1)::before {
  background-image: url(../img/icons/clock.svg);
}
.post-large__bottom span:nth-child(2) {
  color: var(--main-text-color);
}
.post-large__bottom span:nth-child(2)::before {
  background-color: var(--light-text);
  border-radius: 50%;
  width: 3px;
  height: 3px;
  left: -11px;
}
.post-large__bottom span:nth-child(3) {
  padding-left: 20px;
}
.post-large__bottom span:nth-child(3)::before {
  background-image: url(../img/icons/chat-dark-gray.svg);
}
.post-large__text {
  color: var(--content-color);
  margin-bottom: 18px;
  font-size: 17px;
  line-height: 20px;
}
.post-main {
  margin-bottom: 17px;
}
.post-main__image-wrap {
  margin-bottom: 30px;
}
.post-main__image-link {
  max-height: 400px;
  overflow: hidden;
}
.post-main__label {
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  transition: letter-spacing 0.3s, background-color 0.5s;
}
.post-main__content {
  color: var(--main-text-color);
}
.post-main__content-link {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 13px;
  font-size: clamp(25px, 3vw, 41px);
  line-height: clamp(26px, 3vw, 36px);
  text-align: center;
}
.post-central-column {
  display: flex;
  gap: clamp(10px, 2vw, 23px);
  align-items: center;
}
.post-central-column__image {
  max-width: 165px;
  max-height: 130px;
  overflow: hidden;
}
.post-central-column__content {
  display: flex;
  flex-direction: column;
}
.post-central-column__links {
  font-weight: 700;
  color: var(--main-text-color);
  margin-bottom: 12px;
}
.post-central-column__links a {
  display: flex;
}
.post-central-column__links a:nth-child(1) {
  color: var(--main-red-color);
  transition: color 0.2s;
  font-size: 14px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.post-central-column__links a:nth-child(1):hover {
  color: var(--main-blue-color);
}
.post-central-column__links a:nth-child(2) {
  font-size: clamp(18px, 2vw, 21px);
  line-height: clamp(21px, 2vw, 23px);
}
.post-central-column__info {
  font-size: clamp(12px, 1vw, 14px);
  color: var(--light-text);
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 5px;
  font-family: var(--font-second);
}
.post-central-column__info span:nth-child(2) {
  padding-left: 20px;
  position: relative;
}
.post-central-column__info span:nth-child(2)::before {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  left: 0;
  background-image: url(../img/icons/chat.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.post-content-vertical__image-wrap {
  margin-bottom: clamp(15px, 2vw, 22px);
}
.post-content-vertical__image-link {
  max-height: 400px;
  overflow: hidden;
}
.post-content-vertical__content {
  color: var(--main-text-color);
}
.post-content-vertical__content-link {
  font-size: clamp(25px, 3vw, 33px);
  line-height: clamp(26px, 3vw, 33px);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.post-content-vertical__bottom {
  justify-content: flex-start;
}
.post-content-horizontal {
  max-width: 970px;
  display: grid;
  grid-template: 1fr/auto auto;
  align-items: center;
  gap: clamp(15px, 2vw, 30px);
}
.post-content-horizontal__image {
  max-width: 330px;
  max-height: 200px;
  overflow: hidden;
}
.post-content-horizontal__bottom {
  justify-content: flex-start;
}
.post-content-horizontal__bottom span:nth-child(2) {
  color: var(--light-text);
}
.post-content-horizontal__content-top {
  display: flex;
  flex-direction: column;
  color: var(--main-text-color);
  margin-bottom: 12px;
  font-weight: 700;
}
.post-content-horizontal__content-label {
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: var(--main-blue-color);
  transition: color 0.2s;
  margin-bottom: 12px;
}
.post-content-horizontal__content-label:hover {
  color: var(--main-red-color);
}
.post-content-horizontal__content-link {
  font-size: 28px;
  line-height: 30px;
}
.post-image {
  width: 100%;
  z-index: 1;
  transition: transform 0.3s;
}
.post-image picture,
.post-image img {
  width: 100%;
}
.post-small {
  width: 100%;
  max-height: 190px;
  justify-content: flex-end;
}
.post-small__content {
  position: absolute;
  color: #fff;
  z-index: 10;
  padding: clamp(10px, 2vw, 24px) clamp(10px, 2vw, 22px);
}
.post-small__text {
  font-size: 23px;
  line-height: 24px;
  margin-bottom: 9px;
  font-weight: 700;
}
.post-small__image {
  min-height: 190px;
  max-height: 400px;
  position: relative;
  overflow: hidden;
}
.post-small__image img,
.post-small__image picture {
  min-height: 190px;
  width: 100%;
}
.post-small__image::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  top: 0;
  left: 0;
  z-index: 5;
}
.post-small__info {
  color: #F8F9FC;
}
.post-small__info span:nth-child(2)::before {
  background-image: url(../img/icons/chat-gray.svg);
}
.post-sidebar-big {
  border-bottom: var(--main-border);
  padding-bottom: 15px;
  width: 100%;
}
.post-sidebar-big.no-border {
  border: 0;
  padding-bottom: 0;
}
.post-sidebar-big__label {
  font-weight: 700;
  top: 0;
  left: 0;
  background-color: #10171D;
  padding: 4px 10px;
  z-index: 10;
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  transition: letter-spacing 0.3s, background-color 0.5s;
}
.post-sidebar-video {
  border-bottom: var(--main-border);
  padding-bottom: 15px;
}
.post-sidebar-video__label {
  background-image: url(../img/icons/play-btn-black.svg);
}
.post-sidebar-featured {
  border-bottom: 0;
  padding-bottom: 0;
}
.post-sidebar-featured__label {
  background-image: url(../img/icons/play-btn-white.svg);
}
.post-sidebar-featured__inner {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}
.post-sidebar-featured__number {
  line-height: 0.9;
  font-size: 44px;
  color: var(--main-red-color);
  font-weight: 600;
}
.post-sidebar-featured__info {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--main-text-color);
}
.post-sidebar-featured__info a {
  font-weight: 700;
  text-transform: uppercase;
  transition: color 0.2s;
}
.post-sidebar-featured__info a:hover {
  color: var(--main-red-color);
}
.post-sidebar-featured__info span {
  display: inline-flex;
  position: relative;
  color: var(--light-text);
  padding-left: 11px;
}
.post-sidebar-featured__info span:before {
  position: absolute;
  content: "";
  width: 3px;
  height: 3px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: var(--light-text);
}
.post-aligned {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  color: var(--main-text-color);
}
.post-aligned__image {
  width: 80px;
  height: 80px;
  overflow: hidden;
  flex-shrink: 0;
}
.post-aligned__link {
  max-width: 203px;
  font-size: 19px;
  line-height: 21px;
  font-weight: 600;
}
.post-radio {
  display: flex;
  align-items: center;
  gap: 17px;
}
.post-radio {
  padding: 20px 15px 20px 20px;
  border: var(--main-border);
}
.post-radio__image {
  height: 65px;
  width: 65px;
}
.post-radio__content {
  display: flex;
  flex-direction: column;
  gap: 9px;
  align-items: flex-start;
  font-weight: 700;
}
.post-radio__content p {
  font-size: 16px;
  line-height: 21px;
  color: var(--main-text-color);
}
.post-radio__content p span {
  color: var(--main-red-color);
}
.post-radio__content-label {
  background-color: var(--main-green-color);
  font-size: 12px;
  text-transform: uppercase;
  font-size: 12px;
  padding: 7px 8px;
  text-transform: uppercase;
  display: inline-block;
  color: var(--main-white-color);
  position: relative;
  margin-right: 30px;
}
.post-radio__content-label::after {
  position: absolute;
  content: "";
  width: 17px;
  height: 16px;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../img/icons/volume.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.post-medium-vertical__image {
  margin-bottom: 0;
}
.post-medium-vertical__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #F8F9FC;
  padding: 20px;
  font-weight: 700;
}
.post-medium-vertical__bottom .post-small__info {
  color: #84889C;
  font-weight: 400;
}
.post-medium-vertical__bottom .post-small__info span:nth-child(2)::before {
  background-image: url(../img/icons/chat-dark-gray.svg);
}
.post-medium-vertical__label {
  margin-bottom: 8px;
}
.post-medium-vertical__label span {
  text-transform: uppercase;
  color: var(--main-red-color);
  font-size: 14px;
  line-height: 17px;
}
.post-medium-vertical__link {
  margin-bottom: 13px;
  text-align: center;
}
.post-medium-vertical__link span {
  font-size: 21px;
  line-height: 23px;
  color: var(--main-text-color);
}
.post-high-vertical {
  margin: clamp(20px, 4vw, 45px) 0;
}
.post-high-vertical__image {
  margin-bottom: 0;
}
.post-high-vertical__top {
  display: flex;
  flex-direction: column;
  background-color: #F8F9FC;
  padding: 20px;
  font-weight: 700;
}
.post-high-vertical__top .post-small__info {
  color: #84889C;
  font-weight: 400;
}
.post-high-vertical__top .post-small__info span:nth-child(2)::before {
  background-image: url(../img/icons/chat-dark-gray.svg);
}
.post-high-vertical__label {
  margin-bottom: 8px;
}
.post-high-vertical__label span {
  text-transform: uppercase;
  color: var(--main-red-color);
  font-size: 14px;
  line-height: 17px;
}
.post-high-vertical__link {
  margin-bottom: 13px;
}
.post-high-vertical__link span {
  font-size: 21px;
  line-height: 23px;
  color: var(--main-text-color);
}

/* Main section */
.main__inner {
  display: grid;
  grid-template: 1fr/clamp(300px, 20vw, 365px) 1fr clamp(300px, 20vw, 365px);
  border-top: var(--main-border);
  border-bottom: var(--main-border);
}
.main__column {
  padding: clamp(15px, 3vw, 40px) clamp(10px, 2vw, 20px) clamp(20px, 4vw, 50px);
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 2vw, 18px);
}
.main__column-left {
  padding-left: clamp(10px, 3vw, 40px);
}
.main__column-center {
  border-right: var(--main-border);
  border-left: var(--main-border);
  width: auto;
}
.main__column-center .flex-horizontal {
  border-bottom: var(--main-border);
  margin-bottom: 12px;
}
.main__column-center .flex-horizontal div {
  border-bottom: 0;
}
.main__column-right {
  padding-right: clamp(10px, 3vw, 40px);
}
.main__column-right-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.main__sidebar-list {
  display: flex;
  flex-direction: column;
  color: var(--main-text-color);
  font-size: clamp(18px, 2vw, 19px);
  line-height: clamp(20px, 2vw, 21px);
  row-gap: 11px;
}
.main__sidebar-list li {
  position: relative;
  padding: 0 0 clamp(10px, 2vw, 18px) clamp(15px, 2vw, 18px);
  max-width: 300px;
  display: flex;
  align-items: center;
  border-bottom: var(--main-border);
}
.main__sidebar-list li:last-child {
  border-bottom: 0;
}
.main__sidebar-list li.post-mini-left {
  padding-left: 0;
}
.main__sidebar-list li.post-mini-right {
  padding-right: 0;
}
.main__sidebar-list li:hover::before {
  background-color: var(--main-red-color);
}
.main__sidebar-list li::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--main-text-color);
  left: 0;
  top: 7px;
  transition: background-color 0.3s;
}
.main__sidebar-list li.list-video-item {
  padding-left: 40px;
}
.main__sidebar-list li.list-video-item::before {
  width: 26px;
  height: 26px;
  background-image: url(../img/icons/play-btn-orange.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
}
.main__sidebar-list li.post-aligned::before {
  display: none;
}
.main__more-button {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  color: var(--main-text-color);
  font-weight: 700;
  margin-top: 7px;
  position: relative;
}
.main__more-button::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--main-border-color);
  z-index: 1;
}
.main__more-button a {
  font-size: 15px;
  line-height: 23px;
  z-index: 2;
  display: flex;
  padding: 12px 43px 11px;
  border: var(--main-border);
  background-color: #fff;
  transition: border-color 0.2s;
}
.main__more-button a:hover {
  border-color: var(--main-text-color);
}
.main__socials {
  background-color: #F8FAFB;
  padding: 36px clamp(5px, 2vw, 22px) 28px;
}
.main__socials-title {
  color: var(--main-text-color);
  font-size: 21px;
  line-height: 25px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 21px;
}
.main__socials-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
}
.main__socials-item {
  color: var(--light-text);
  font-size: 13px;
  font-family: var(--font-second);
}
.main__socials-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  transition: color 0.2s;
}
.main__socials-item a img {
  width: 21px;
  height: 21px;
}
.main__socials-item a:hover {
  color: var(--main-text-color);
}
.main__socials-item a:hover img {
  -webkit-animation: socials 0.6s;
  animation: socials 0.6s;
}

/* Radio block */
.radio-block.main-page {
  margin: 8px -40px 0 -20px;
  border-top: var(--main-border);
  border-bottom: var(--main-border);
  padding: 35px 40px 40px 20px;
}
.radio-block h3 {
  margin-bottom: 15px;
}
.radio-block__list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Obituary block */
.obituary-block {
  margin-top: 17px;
}
.obituary-block__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px 10px 40px;
  background-color: #F7F7F7;
  color: var(--main-text-color);
}
.obituary-block h3 {
  margin-bottom: 15px;
}
.obituary-block__img {
  max-width: 127px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 23px;
}
.obituary-block__souvenir {
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 10px;
}
.obituary-block__name {
  font-size: 21px;
  line-height: 21px;
  font-weight: 700;
  margin-bottom: 8px;
}
.obituary-block__date {
  font-size: 15px;
  line-height: 21px;
  color: var(--content-color);
}

/* Subscribe block */
.sidebar-subscribe {
  padding: 42px clamp(10px, 2vw, 22px);
  background-color: var(--gray-background);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 22px 0;
}
.sidebar-subscribe__image {
  max-width: 40px;
  margin-bottom: 18px;
}
.sidebar-subscribe h4 {
  font-weight: 700;
  font-size: 21px;
  line-height: 22px;
  color: var(--main-text-color);
  text-transform: uppercase;
  margin-bottom: 5px;
}
.sidebar-subscribe__address {
  font-family: var(--font-second);
  color: var(--content-color);
  font-size: 16px;
  margin-bottom: 17px;
}
.sidebar-subscribe__form {
  display: grid;
  grid-template: 1fr/1fr auto;
  width: 100%;
}
.sidebar-subscribe__form-input {
  background-color: #fff;
  border: var(--main-border);
  border-right: 0;
  font-size: 15px;
  line-height: 35px;
  padding: 7px 17px 5px;
  color: var(--main-text-color);
  font-family: var(--font-second);
  height: 47px;
  transition: border-color 0.3s;
}
.sidebar-subscribe__form-input::-moz-placeholder {
  color: #84889C;
}
.sidebar-subscribe__form-input:-ms-input-placeholder {
  color: #84889C;
}
.sidebar-subscribe__form-input::placeholder {
  color: #84889C;
}
.sidebar-subscribe__form-input:hover {
  border-color: var(--main-text-color);
}
.sidebar-subscribe__form-btn {
  width: 47px;
  border: none;
  background-color: var(--main-green-color);
  background-image: url(../img/icons/mail.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 0;
  transition: background-color 0.2s;
}
.sidebar-subscribe__form-btn:hover {
  background-color: var(--main-red-color);
}

/* Posts secton */
.posts__inner {
  background-color: #fff;
  display: grid;
  grid-template: 1fr/clamp(300px, 20vw, 365px) 1fr clamp(300px, 20vw, 365px);
  border-bottom: var(--main-border);
}
.posts__column {
  padding: clamp(20px, 3vw, 38px) clamp(10px, 2vw, 20px) clamp(20px, 4vw, 50px);
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 2vw, 18px);
}
.posts__left {
  padding-left: clamp(10px, 3vw, 40px);
}
.posts__right {
  padding-right: clamp(10px, 3vw, 40px);
  overflow: hidden;
}
.posts__center {
  border-left: var(--main-border);
  border-right: var(--main-border);
  width: auto;
}
.posts__reviews {
  background-color: #F7F7F7;
  border-top: var(--main-border);
  border-bottom: var(--main-border);
  padding: clamp(20px, 3vw, 45px) clamp(10px, 3vw, 40px) clamp(20px, 2vw, 40px) clamp(10px, 2vw, 20px);
  margin: 0 -40px 0 -20px;
}
.posts__reviews h3 {
  margin-bottom: 15px;
}
.posts__reviews-item {
  display: flex;
  justify-content: space-between;
}
.posts__reviews-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
  font-weight: 700;
}
.posts__reviews-link span {
  font-size: 12px;
  padding: 7px 8px;
  text-transform: uppercase;
  display: inline-block;
  background-color: var(--main-red-color);
  color: var(--main-white-color);
}
.posts__reviews-link p {
  font-size: 18px;
  line-height: 21px;
  color: var(--main-text-color);
  max-width: 203px;
}
.posts__reviews-image {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--main-gray-color);
  overflow: hidden;
  flex-shrink: 0;
}
.posts__videos {
  margin-top: 17px;
}
.posts__videos h3 {
  margin-bottom: 23px;
}
.posts__videos-list {
  gap: 25px;
  counter-reset: item;
}
.posts__people {
  padding: 35px 40px 40px 20px;
  border-top: var(--main-border);
  border-bottom: var(--main-border);
  margin: 0 -40px 0 -20px;
}
.posts__people h3 {
  margin-bottom: 18px;
}
.posts__africa h3 {
  margin-bottom: 18px;
}

/* Matercard banner */
.mastercard-banner__inner {
  padding: clamp(20px, 4vw, 45px) 10px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
.mastercard-banner__image {
  max-width: 728px;
}

/* Most shared */
.most-shared__inner {
  padding: 25px 40px 45px;
}
.most-shared__inner h2 {
  font-weight: 700;
  font-size: 30px;
  line-height: 37px;
  text-transform: uppercase;
  color: var(--main-text-color);
  margin-bottom: 20px;
}
.most-shared__posts {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(15px, 2vw, 25px);
}
.most-shared__posts li {
  border-bottom: none;
  padding-bottom: 0;
}

/* Section subscribe */
.subscribe__inner {
  background-color: #000;
  display: grid;
  grid-template: 1fr/1fr 1fr;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 48px;
  color: var(--main-white-color);
}
.subscribe__inner h3 {
  font-weight: 600;
  font-size: 21px;
  line-height: 25px;
}
.subscribe__form {
  display: grid;
  grid-template: 1fr/1fr auto;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  font-size: 15px;
}
.subscribe__form-input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #404040;
  height: 100%;
  color: var(--main-white-color);
}
.subscribe__form-input::-moz-placeholder {
  font-size: 15px;
  color: var(--main-white-color);
  font-family: var(--font-second);
}
.subscribe__form-input:-ms-input-placeholder {
  font-size: 15px;
  color: var(--main-white-color);
  font-family: var(--font-second);
}
.subscribe__form-input::placeholder {
  font-size: 15px;
  color: var(--main-white-color);
  font-family: var(--font-second);
}
.subscribe__form-btn {
  padding: 10px clamp(25px, 5vw, 47px) 10px clamp(25px, 5vw, 45px);
  font-weight: 700;
  text-transform: uppercase;
  background-color: transparent;
  border: 1px solid #404040;
  color: #F8F9FC;
  transition: border-color 0.3s;
  font-size: 15px;
  line-height: 23px;
}
.subscribe__form-btn:hover {
  border-color: #fff;
}

/* Flights section */
.flights__inner {
  background-color: #fff;
  display: grid;
  grid-template: 1fr/1fr clamp(300px, 20vw, 365px);
  border-bottom: var(--main-border);
}
.flights__tables {
  overflow-x: auto;
  padding: clamp(10px, 4vw, 45px) clamp(10px, 2vw, 20px) clamp(10px, 4vw, 45px) clamp(10px, 4vw, 40px);
  border-right: var(--main-border);
}
.flights__tables h3 {
  margin-bottom: 18px;
}
.flights .custom-select__selected {
  border: none;
  padding-left: 25px;
}
.flights__select {
  width: auto;
}
.flights__form-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -moz-column-gap: clamp(20px, 3vw, 40px);
  column-gap: clamp(20px, 3vw, 40px);
  row-gap: 5px;
  flex-wrap: wrap;
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 15px;
  line-height: 23px;
  color: var(--content-color);
}
.flights__form-person {
  color: var(--content-color);
  font-weight: 600;
  font-size: 15px;
  line-height: 23px;
  font-family: var(--font-second);
  position: relative;
  padding: 0 20px;
  cursor: pointer;
}
.flights__form-person:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-image: url(../img/icons/user-gray.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.flights__form-person::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 7px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../img/icons/triangle-down-gray.svg);
  background-repeat: no-repeat;
  background-position: center center;
  transition: transform 0.3s;
}
.flights__form-person.is-active::after {
  transform: rotate(180deg) translateY(50%);
}
.flights__form-person .person-counter {
  cursor: pointer;
  width: 25px;
  font-size: 15px;
  line-height: 25px;
  height: 30px;
  color: var(--content-color);
  text-align: center;
  border: none;
  font-family: var(--font-second);
  background-color: transparent;
}
.flights__form-person .num-in {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 17px;
}
.flights__form-person .skin-1 .num-in span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  cursor: pointer;
  border: var(--main-border);
}
.flights__form-popup {
  display: none;
  position: absolute;
  top: 165%;
  left: -25%;
  z-index: 199;
}
.flights__form-popup .person-counter {
  width: 30px;
}
.flights__form-middle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 25px;
  height: 47px;
}
.flights__form-destinations {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
}
.flights__form-destinations .custom-select {
  background-color: #fff;
  border: var(--main-border);
  width: 100%;
  flex: 1 1 auto;
  font-weight: 600;
  font-size: 14px;
  line-height: 23px;
  padding-left: 35px;
  color: var(--content-color);
}
.flights__form-destinations .custom-select::before {
  position: absolute;
  content: "";
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.flights__form-destinations .custom-select.departure {
  padding-left: 30px;
}
.flights__form-destinations .custom-select.departure::before {
  width: 10px;
  height: 10px;
  background-image: url(../img/icons/circle.svg);
}
.flights__form-destinations .custom-select.arrival::before {
  width: 14px;
  height: 17px;
  background-image: url(../img/icons/location.svg);
}
.flights__form-destinations .custom-select__selected {
  padding: 11px;
}
.flights__form-destinations .custom-select__selected::after {
  display: none;
}
.flights__form-toggler {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  background-image: url(../img/icons/two-arrows-gray.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.flights__form-date {
  border: var(--main-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  height: 47px;
}
.flights__form-date label {
  position: relative;
  cursor: pointer;
  padding-left: 35px;
  display: flex;
  align-items: center;
  height: 47px;
}
.flights__form-date label::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  background: url(../img/icons/calendar.svg) 50% 50% no-repeat;
  background-size: contain;
  z-index: 99;
  left: 12px;
  top: 48%;
  transform: translateY(-50%);
}
.flights__form-date label + label::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 40%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #D9DFE2;
}
.flights__filter {
  padding: clamp(15px, 2vw, 30px) clamp(10px, 2vw, 25px);
  background-color: #F8FAFB;
  margin-bottom: clamp(15px, 3vw, 38px);
  overflow: hidden;
}
.flights__filter .custom-select__list {
  min-width: 180px;
}
.flights__filter .custom-select__selected {
  padding-right: 25px;
  padding-left: 0;
}
.flights__filter .custom-select__selected::after {
  right: 0;
  background-image: url(../img/icons/triangle-down-gray.svg);
}
.flights__filter-btn {
  background-color: var(--main-green-color);
  font-size: 15px;
  line-height: 23px;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  padding: 14px 15px 12px;
  border: none;
  border-radius: 0;
  transition: background-color 0.3s, letter-spacing 0.3s;
  width: 100%;
}
.flights__filter-btn:hover {
  background-color: var(--main-text-color);
  letter-spacing: 2px;
}
.flights__filter-form {
  margin-bottom: 25px;
}
.flights__filter-table {
  display: none;
}
.flights #flights-select-wrap {
  position: relative;
}
.flights #flights-select-wrap::before {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  transition: background-image 0.1s;
}
.flights #flights-select-wrap.one::before {
  background-image: url(../img/icons/one-way.svg);
}
.flights #flights-select-wrap.round::before {
  background-image: url(../img/icons/two-arrows-gray.svg);
}
.flights #flights-select-wrap .custom-select__selected {
  padding-left: 25px;
}
.flights #flights-select-wrap .custom-select__item {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 14px;
  padding-left: 25px;
}
.flights #flights-select-wrap .custom-select__item:nth-child(2) {
  background-image: url(../img/icons/one-way.svg);
}
.flights #flights-select-wrap .custom-select__item:nth-child(1) {
  background-image: url(../img/icons/two-arrows-gray.svg);
}
.flights__table {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
}
.flights__table tr {
  text-align: left;
  background-color: #F8FAFA;
}
.flights__table tr:first-child {
  background-color: #E4EBEE;
}
.flights__table tr th {
  font-weight: 600;
  font-size: 17px;
  line-height: 23px;
  padding: 12px 23px 11px;
}
.flights__table tr td {
  padding: 12px 23px 11px;
  color: var(--content-color);
  font-size: 15px;
  line-height: 23px;
  font-family: var(--font-second);
  border-bottom: var(--main-border);
}
.flights__table tr:last-child td {
  border-bottom: 0;
}
.flights__table-wrap.is-hide {
  display: none;
}
.flights__table-tabs {
  display: inline-flex;
  font-weight: 600;
  font-size: 16px;
  line-height: 25px;
  color: var(--content-color);
  letter-spacing: normal;
}
.flights__table-tabs span {
  text-transform: uppercase;
  cursor: pointer;
  padding: 14px 25px 10px;
  transition: color 0.1s, transform 0.1s;
  background-color: #F8FAFB;
  transform: scale(0.9);
}
.flights__table-tabs span.is-active {
  color: var(--main-text-color);
  transform: scale(1);
}
.flights__table-time {
  background-color: #F8FAFA;
  padding: 22px;
  font-size: 16px;
  line-height: 23px;
  color: var(--content-color);
  font-family: var(--font-second);
}
.flights__table-time span:first-child {
  position: relative;
  padding-left: 26px;
}
.flights__table-time span:first-child:before {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../img/icons/calendar.svg);
  background-position: center center;
  background-size: contain;
}
.flights__table-destination {
  display: flex;
  gap: 23px;
}
.flights__table-destination span:nth-child(2) {
  position: relative;
  padding-left: 21px;
}
.flights__table-destination span:nth-child(2)::before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../img/icons/black-plane.png);
  background-position: center center;
  background-size: contain;
}
.flights__table-aircompany {
  position: relative;
  padding-left: 26px;
}
.flights__table-aircompany::before {
  display: block;
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  overflow: hidden;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-position: center center;
  background-size: cover;
}
.flights__table-aircompany.lufthansa-company:before {
  background-image: url(../img/airline-companies/lufthansa.png);
}
.flights__table-aircompany.turkish-company::before {
  background-image: url(../img/airline-companies/turkish.png);
}
.flights__sidebar {
  padding: clamp(10px, 4vw, 50px) clamp(10px, 3vw, 40px) clamp(10px, 4vw, 45px) clamp(10px, 2vw, 20px);
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 3vw, 30px);
}
.flights__sidebar-list {
  margin-top: 14px;
}
.flights__sidebar-list h3 {
  margin-bottom: 18px;
}
.flights__sidebar-banner {
  margin: 0 auto;
}

.auto-kal {
  border: none;
  background-color: transparent;
  position: relative;
  cursor: pointer;
  height: 100%;
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  color: var(--content-color);
  font-family: var(--font-second);
}
.auto-kal::-moz-placeholder {
  color: var(--content-color);
  font-family: var(--font-second);
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
}
.auto-kal:-ms-input-placeholder {
  color: var(--content-color);
  font-family: var(--font-second);
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
}
.auto-kal::placeholder {
  color: var(--content-color);
  font-family: var(--font-second);
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
}

.kalendae {
  margin: 0;
  background-color: #fff;
  padding: 26px 0 0;
  border: none;
  border-radius: 0;
  box-shadow: none !important;
}
.kalendae .k-title,
.kalendae .k-header,
.kalendae .k-days {
  width: 100%;
}
.kalendae .k-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
  height: auto;
  font-family: var(--font-main);
  padding: 0 16px;
}
.kalendae .k-header {
  background-color: #F3F5F9;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  font-family: var(--font-second);
  color: var(--content-color);
}
.kalendae .k-header span {
  font-weight: 400;
}
.kalendae .k-days {
  font-size: 15px;
  line-height: 38px;
  font-family: var(--font-second);
  color: var(--content-color);
  padding: 18px 10px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 5px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  justify-content: center;
}
.kalendae .k-days span {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.kalendae .k-days span.k-in-month.k-active.k-today {
  text-decoration: none;
  background-color: #F8F9FC;
  color: var(--main-text-color);
}
.kalendae .k-days span.k-selected.k-active,
.kalendae .k-days .k-active span.k-selected {
  background-color: transparent;
}
.kalendae .k-days span.k-in-month.k-active {
  border: none;
  color: var(--content-color);
  font-family: var(--font-second);
  transition: color 0.2s, background-color 0.2s;
}
.kalendae .k-days span.k-in-month.k-active:hover {
  background-color: var(--main-green-color);
  color: #fff;
}
.kalendae .k-calendar {
  min-width: clamp(280px, 20vw, 348px);
}
.kalendae .k-caption {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  order: 1;
}
.kalendae .k-btn-previous-year,
.kalendae .k-btn-next-year {
  display: none;
}
.kalendae .k-btn-previous-month {
  left: 0;
  width: 11px;
  height: 17px;
  background-image: url(../img/icons/calendar-prev.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 11px;
  position: static;
}
.kalendae .k-btn-next-month {
  right: 0;
  width: 11px;
  height: 17px;
  background-image: url(../img/icons/calendar-next.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 11px;
  position: static;
  order: 2;
}
.kalendae .k-btn-previous-month:after {
  content: "";
  opacity: 0;
}
.kalendae .k-btn-next-month:after {
  content: "";
  opacity: 0;
}

/* Scores section */
.scores .slider-buttons {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  padding: 0 20px;
  color: var(--light-text);
  font-size: 15px;
  line-height: 23px;
  text-transform: uppercase;
  font-weight: 700;
  border-bottom: var(--main-border);
  margin-bottom: 43px;
  overflow-x: auto;
}
.scores .slider-buttons__inner {
  display: flex;
  justify-content: center;
  gap: clamp(15px, 3vw, 38px);
  white-space: nowrap;
}
.scores .slider-buttons span {
  cursor: pointer;
  transition: color 0.3s;
  padding: 20px 0;
  transition: color 0.3s;
}
.scores .slider-buttons span:hover {
  color: var(--main-text-color);
}
.scores .slider-buttons .sw-n,
.scores .slider-buttons .sw-p {
  flex-shrink: 0;
}
.scores__inner {
  background-color: #fff;
  padding: 45px 0 50px 40px;
}
.scores__inner h3 {
  margin-right: 40px;
  margin-bottom: 18px;
}
.scores__content {
  display: grid;
  grid-template: 1fr/1fr clamp(300px, 20vw, 365px);
  justify-content: space-between;
  gap: clamp(10px, 2vw, 25px);
}
.scores__left {
  border: var(--main-border);
  border-top: 3px solid #0A0D28;
  min-width: 0;
}
.scores__left .swiper-slide {
  padding: 0 10px;
}
.scores__right {
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 3vw, 35px);
  padding-right: 40px;
  font-size: 15px;
  color: var(--main-text-color);
  font-weight: 600;
  min-width: 0;
}
.scores__right-banner {
  margin: 0 auto;
}
.scores__right-slider .swiper-button-next {
  background-image: url(../img/icons/arrow-l-w.svg);
}
.scores__right-slider .swiper-button-prev {
  background-image: url(../img/icons/arrow-r-w.svg);
}
.scores__right-buttons {
  background-color: #0A0D28;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  font-size: 15px;
  line-height: 23px;
  text-transform: uppercase;
  padding: 15px 20px 14px;
}
.scores__table {
  font-family: var(--font-second);
  padding: 0 clamp(10px, 2vw, 25px);
  margin-top: clamp(10px, 2vw, 30px);
}
.scores__table-top {
  display: flex;
  justify-content: center;
  gap: clamp(10px, 3vw, 40px);
  margin-bottom: 40px;
}
.scores__team {
  min-width: 160px;
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 2vw, 20px);
  font-weight: 600;
  font-size: 21px;
  line-height: 23px;
  color: #000;
  padding-top: 20px;
}
.scores__team ul {
  font-size: 15px;
  color: var(--light-text);
}
.scores__team-info {
  display: flex;
  align-items: center;
  gap: clamp(10px, 2vw, 20px);
}
.scores__team-flag {
  width: 64px;
  height: 64px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.scores__team-flag.germany {
  background-image: url(../img/flags/germany.png);
}
.scores__team-flag.spain {
  background-image: url(../img/flags/spain.png);
}
.scores__team-flag.senegal {
  background-image: url(../img/flags/senegal.png);
}
.scores__team-flag.italy {
  background-image: url(../img/flags/italy.png);
}
.scores__team-list li {
  display: flex;
  gap: 10px;
  align-items: center;
}
.scores__team.left {
  align-items: flex-end;
}
.scores__team.right {
  align-items: flex-start;
}
.scores__match-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(10px, 2vw, 20px);
}
.scores__match-status {
  color: var(--main-green-color);
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 6px;
}
.scores__match-time {
  font-size: 16px;
  color: var(--light-text);
}
.scores__match-date {
  background-color: #F8FAFB;
  padding: 11px 17px 10px;
  font-weight: 700;
  font-size: 15px;
  line-height: 23px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.scores__result {
  font-family: var(--font-main);
  font-weight: 700;
  font-size: 36px;
  line-height: 23px;
  display: flex;
  align-items: center;
  gap: 14px;
}
.scores__list-image {
  width: 16px;
  height: 16px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.scores__ball {
  background-image: url(../img/icons/soccer-ball.png);
}
.scores__card.yellow {
  background-image: url(../img/icons/soccer-card-yellow.svg);
}
.scores__next-team {
  width: 100%;
  display: grid;
  grid-template: 1fr/repeat(3, 1fr);
  justify-items: center;
  align-items: center;
  padding: 20px 10px;
}
.scores__next-team:nth-child(2) {
  border-left: var(--main-border);
}
.scores__next-country {
  display: flex;
  align-items: center;
  gap: 11px;
  font-weight: 600;
  font-size: 17px;
  line-height: 23px;
  font-family: var(--font-second);
}
.scores__next-flag {
  border-radius: 50%;
  overflow: hidden;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.scores__next-flag.italy {
  background-image: url(../img/flags/senegal.png);
}
.scores__next-flag.senegal {
  background-image: url(../img/flags/italy.png);
}
.scores__next-flag.germany {
  background-image: url(../img/flags/germany.png);
}
.scores__next-flag.spain {
  background-image: url(../img/flags/spain.png);
}
.scores__next-match {
  display: grid;
  grid-template: 1fr/1fr 1fr;
  justify-content: center;
  justify-items: center;
  align-items: center;
}
.scores__next-item.is-hidden {
  display: none;
}
.scores__hidden-toggler {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  line-height: 23px;
  padding: 13px;
  border-top: var(--main-border);
  margin-top: 19px;
  cursor: pointer;
}
.scores__hidden-toggler span {
  position: relative;
  padding-right: 19px;
}
.scores__hidden-toggler span::after {
  position: absolute;
  content: "";
  width: 13px;
  height: 8px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../img/icons/angle-down.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  transition: transform 0.3s;
}
.scores__hidden-toggler.is-active span::after {
  transform: rotate(180deg) translateY(50%);
}
.scores__sidebar-group-name {
  padding: 11px 18px 11px 19px;
  display: grid;
  align-items: center;
  text-align: center;
  grid-template: 1fr/1fr 22px 22px;
  background-color: #F8FAFB;
  text-transform: uppercase;
  border-left: var(--main-border);
  border-right: var(--main-border);
}
.scores__sidebar-group-name span:nth-child(1) {
  text-align: left;
}
.scores__sidebar-list {
  padding: 11px 18px 11px 0;
  border: var(--main-border);
  border-top: 0;
}
.scores__sidebar-list li {
  display: grid;
  align-items: center;
  text-align: center;
  grid-template: 1fr/1fr 22px 22px;
  padding: 13px 0 13px 19px;
}
.scores__sidebar-list li + li {
  border-top: var(--main-border);
}

/* Stream section */
.stream__inner {
  padding: 40px 0 40px 40px;
  border-top: var(--main-border);
  border-bottom: var(--main-border);
}
.stream__inner h3 {
  color: var(--main-red-color);
  margin-bottom: 18px;
  margin-right: 40px;
}
.stream__content {
  display: grid;
  grid-template: 1fr/auto clamp(300px, 20vw, 365px);
  gap: clamp(15px, 3vw, 25px);
}
.stream__content-inner h2 {
  font-weight: 700;
  font-size: 33px;
  line-height: 32px;
  margin-bottom: clamp(15px, 2vw, 20px);
}
.stream__content-inner p {
  font-size: 17px;
  color: var(--content-color);
  margin-bottom: 15px;
}
.stream__video {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: clamp(15px, 2vw, 30px);
}
.stream__video::before {
  position: absolute;
  content: "";
  width: 46px;
  height: 46px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(../img/icons/play-btn-white.svg);
  background-position: center center;
  background-size: cover;
}
.stream__video-label {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--main-red-color);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  padding: 4px 7px 4px 16px;
  text-transform: uppercase;
}
.stream__video-label::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #fff;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.stream__comments {
  padding-right: 40px;
}
.stream__comments-inner {
  background-color: #F7F7F7;
  padding: 20px;
  height: 510px;
  margin-bottom: 8px;
}
.stream__comments-list {
  font-size: 14px;
  line-height: clamp(16px, 2vw, 20px);
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow-y: auto;
  height: 100%;
  scrollbar-width: thin;
  scrollbar-color: #0F1435 #fff;
  transition: scrollbar-color 0.3s ease-out;
  /* For chrom and safari */
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.stream__comments-list::-webkit-scrollbar {
  width: 5px;
}
.stream__comments-list::-webkit-scrollbar-track {
  background: #fff;
}
.stream__comments-list::-webkit-scrollbar-thumb {
  background: #0F1435;
}
.stream__comments-list::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.stream__comments-list li {
  display: grid;
  grid-template: 1fr/auto 1fr;
  gap: 10px;
  max-width: 255px;
}
.stream__comments-list li p {
  padding-top: 5px;
  color: var(--content-color);
  font-family: var(--font-second);
}
.stream__comments-list li span {
  font-weight: 700;
  color: var(--main-text-color);
}
.stream__comments-avatar {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  overflow: hidden;
}
.stream__comments-message {
  background-color: #F7F7F7;
  padding: 20px;
}
.stream__comments-text {
  resize: none;
  height: 60px;
  width: 100%;
  border: none;
  padding: 5px;
  margin-bottom: 9px;
}
.stream__comments-emoji {
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.stream__comments-bottom {
  display: grid;
  grid-template: 1fr/1fr auto auto;
  align-items: center;
  gap: 13px;
  font-size: 15px;
  color: var(--content-color);
}
.stream__comments-bottom input {
  width: 32px;
  height: 32px;
  background-color: var(--main-green-color);
  border: none;
  border-radius: 0;
  background-image: url(../img/icons/message.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px;
}

/* Politique secton */
.category__breadcrumbs {
  margin-bottom: 15px;
}
.category__title {
  font-weight: 700;
  font-size: clamp(30px, 3vw, 41px);
  line-height: clamp(31px, 4vw, 50px);
  text-transform: uppercase;
  margin-bottom: clamp(20px, 2vw, 34px);
}
.category__inner {
  border-top: var(--main-border);
  border-bottom: var(--main-border);
  display: grid;
  grid-template: 1fr/1fr clamp(300px, 20vw, 365px);
}
.category__main {
  border-right: var(--main-border);
  padding: 36px 25px 50px 40px;
}
.category__main-top {
  display: grid;
  grid-template: 1fr/minmax(300px, 1fr) minmax(200px, 300px);
  gap: clamp(15px, 2vw, 30px);
  border-bottom: var(--main-border);
  padding-bottom: clamp(15px, 2vw, 35px);
  margin-bottom: clamp(15px, 4vw, 50px);
}
.category__main-top .post-large__text {
  max-width: 565px;
}
.category__main-top .post-sidebar-big.post-global {
  margin-bottom: 15px;
}
.category__main-top .main__sidebar-list {
  gap: 15px;
  margin-bottom: 0;
}
.category__main-people {
  padding: 0;
  border: none;
  margin: 0;
}
.category__main-list {
  display: flex;
  flex-direction: column;
  gap: clamp(15px, 3vw, 40px);
  margin-bottom: clamp(10px, 3vw, 45px);
}
.category__main-list .post-content-horizontal__content-label {
  color: var(--main-red-color);
}
.category__main-list .post-content-horizontal__content-label:hover {
  color: var(--main-blue-color);
}
.category__main-btn {
  display: flex;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  line-height: 23px;
  text-transform: uppercase;
}
.category__main-btn a {
  background-color: var(--main-red-color);
  padding: 14px 43px 13px;
  transition: background-color 0.3s;
}
.category__main-btn a:hover {
  background-color: #C2070F;
}
.category__top-block {
  border-bottom: var(--main-border);
  padding: 40px 40px 40px 25px;
  margin-bottom: clamp(20px, 3vw, 40px);
}
.category__top-block .medium-banner {
  margin-top: 0;
  margin-bottom: clamp(20px, 4vw, 50px);
}
.category__top-block .main__socials {
  margin-bottom: clamp(20px, 4vw, 44px);
}
.category__bordered-block {
  border-bottom: var(--main-border);
  margin-bottom: 15px;
  padding: 0 40px 40px 25px;
}
.category__bordered-block .sidebar-subscribe {
  margin: 0;
}
.category__bordered-block .medium-banner {
  margin: 0 auto;
}
.category__reviews {
  background-color: #F7F7F7;
  padding: 47px 40px 40px 20px;
  margin: clamp(20px, 3vw, 40px) 0 0 0;
  border: none;
}
.category__videos {
  padding: 20px 40px 30px 25px;
}
.category__people {
  padding: 20px 40px 30px 25px;
  border: none;
  margin: 0;
}

.category-post__breadcrumbs {
  margin-bottom: 15px;
  font-family: var(--font-second);
}
.category-post__inner {
  border-top: var(--main-border);
  border-bottom: var(--main-border);
  display: grid;
  grid-template: 1fr/1fr clamp(300px, 20vw, 365px);
}
.category-post__main {
  border-right: var(--main-border);
  padding: 36px 25px 50px 40px;
}
.category-post__main-top {
  display: grid;
  grid-template: 1fr/minmax(300px, 1fr) minmax(200px, 300px);
  gap: 30px;
  border-bottom: var(--main-border);
  padding-bottom: 35px;
  margin-bottom: 50px;
}
.category-post__main-top .post-large__text {
  max-width: 565px;
}
.category-post__main-top .post-sidebar-big.post-global {
  margin-bottom: 15px;
}
.category-post__main-top .main__sidebar-list {
  gap: 15px;
}
.category-post__main-people {
  padding: 0;
  border: none;
  margin: 0;
}
.category-post__main-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-bottom: 45px;
}
.category-post__main-list .post-content-horizontal__content-label {
  color: var(--main-red-color);
}
.category-post__main-list .post-content-horizontal__content-label:hover {
  color: var(--main-blue-color);
}
.category-post__main-btn {
  display: flex;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  line-height: 23px;
  text-transform: uppercase;
}
.category-post__main-btn a {
  background-color: var(--main-red-color);
  padding: 14px 43px 13px;
  transition: background-color 0.3s;
}
.category-post__main-btn a:hover {
  background-color: var(--main-text-color);
}
.category-post__sidebar {
  padding: 36px 40px 0 25px;
}
.category-post__sidebar-top {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding-bottom: 18px;
  border-bottom: var(--main-border);
  margin-bottom: clamp(20px, 3vw, 34px);
}
.category-post__sidebar-bottom .column-title {
  margin-bottom: 18px;
}
.category-post__post-label {
  display: inline-block;
  padding: 4px 11px;
  background-color: var(--main-red-color);
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 25px;
}
.category-post__post-title {
  font-weight: 700;
  font-size: clamp(30px, 4vw, 50px);
  line-height: clamp(28px, 4vw, 47px);
  margin-bottom: 20px;
}
.category-post__post-description {
  font-size: 18px;
  line-height: 26px;
  color: var(--content-color);
  margin-bottom: 20px;
}
.category-post__post-info {
  margin-bottom: clamp(20px, 3vw, 40px);
}
.category-post__post-main-img {
  max-height: 525px;
  margin-bottom: 9px;
  overflow: hidden;
}
.category-post__post-img-description {
  font-size: 14px;
  color: var(--light-text);
  padding-left: 13px;
  position: relative;
  margin-bottom: clamp(20px, 3vw, 35px);
}
.category-post__post-img-description::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--main-red-color);
  left: 0;
  top: 6px;
}
.category-post__post-content {
  font-size: 18px;
  line-height: 26px;
  display: flex;
  flex-direction: column;
  color: var(--content-color);
  gap: clamp(10px, 2vw, 30px);
  margin-bottom: clamp(20px, 4vw, 50px);
}
.category-post__post-content-images {
  display: grid;
  grid-template: 1fr/1fr 1fr;
  gap: 20px;
  max-height: 325px;
}
.category-post__post-content-link {
  display: inline-block;
  color: var(--main-text-color);
  position: relative;
}
.category-post__post-content-link:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 2px;
  background-color: var(--main-blue-color);
}
.category-post__post-tags {
  margin-bottom: 20px;
}
.category-post__post-tags h5 {
  font-weight: 700;
  font-size: 21px;
  line-height: 26px;
  color: var(--main-text-color);
  text-transform: uppercase;
  margin-bottom: 20px;
}
.category-post__post-tags ul {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.category-post__post-tags ul a {
  display: block;
  padding: 7px 16px;
  border: var(--main-border);
  color: var(--main-text-color);
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  transition: border-color 0.3s;
}
.category-post__post-tags ul a:hover {
  border-color: var(--main-text-color);
}
.category-post__post-banner {
  display: flex;
  justify-content: center;
}
.category-post__post-banner div {
  margin: 0;
}

/* Comments block */
.comments__wrap {
  margin: 0 -25px 0 -40px;
  padding: 50px 25px 0 40px;
  border-top: var(--main-border);
}
.comments__wrap h3 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 30px;
  line-height: 37px;
  margin-bottom: 20px;
}
.comments__avatar {
  width: clamp(50px, 6vw, 70px);
  height: clamp(50px, 6vw, 70px);
  flex-shrink: 0;
}
.comments__name {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
}
.comments__time {
  font-size: 15px;
  line-height: 26px;
  color: var(--light-text);
  margin-bottom: 10px;
}
.comments__text {
  font-size: 17px;
  line-height: 26px;
  margin-bottom: 12px;
}
.comments__list {
  margin-bottom: clamp(20px, 4vw, 50px);
}
.comments__comment-body {
  display: flex;
  flex-direction: column;
}
.comments__item {
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 2vw, 30px);
}
.comments__item-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.comments__item-bottom div {
  display: flex;
  align-items: center;
}
.comments__item-reaction {
  gap: clamp(10px, 2vw, 30px);
}
.comments__item-reaction a {
  display: flex;
  align-items: center;
  position: relative;
  transition: color 0.3s;
}
.comments__item-reaction a:nth-child(1) {
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
  color: #fff;
  text-transform: uppercase;
  background-color: #6B6F87;
  padding: 2px 11px 1px 11px;
}
.comments__item-reaction a:nth-child(2), .comments__item-reaction a:nth-child(3) {
  line-height: 26px;
  padding-left: 27px;
}
.comments__item-reaction a:nth-child(2):before, .comments__item-reaction a:nth-child(3):before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center center;
}
.comments__item-reaction a:nth-child(2) {
  color: var(--main-text-color);
}
.comments__item-reaction a:nth-child(2):before {
  background-image: url(../img/icons/like.svg);
}
.comments__item-reaction a:nth-child(2):hover {
  color: var(--main-green-color);
}
.comments__item-reaction a:nth-child(3) {
  color: var(--content-color);
}
.comments__item-reaction a:nth-child(3):before {
  background-image: url(../img/icons/dislike.svg);
}
.comments__item-reaction a:nth-child(3):hover {
  color: var(--main-red-color);
}
.comments__item-action {
  gap: 20px;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
}
.comments__item-action a:nth-child(1) {
  color: var(--main-red-color);
  padding-left: 22px;
  position: relative;
}
.comments__item-action a:nth-child(1)::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  width: 17px;
  height: 17px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/icons/bell.svg);
}
.comments__item-action a:nth-child(2) {
  color: var(--light-text);
  transition: color 0.3s;
}
.comments__item-action a:nth-child(2):hover {
  color: var(--main-text-color);
}
.comments__item-comment {
  display: flex;
  gap: 16px;
  border-bottom: var(--main-border);
  padding-bottom: 30px;
}
.comments__item-reply {
  padding-left: clamp(15px, 5vw, 85px);
}
.comments__form form {
  display: flex;
  flex-direction: column;
}
.comments__form h3 {
  font-weight: 700;
  font-size: 30px;
  line-height: 37px;
  margin-bottom: 18px;
}
.comments__form label + label {
  margin-top: 25px;
}
.comments__form label {
  color: var(--main-text-color);
  font-weight: 700;
  display: flex;
  flex-direction: column;
}
.comments__form label input,
.comments__form label textarea {
  border: var(--main-border);
  padding: 12px 19px;
  font-size: 15px;
  line-height: 26px;
  margin-top: 15px;
  font-family: var(--font-second);
}
.comments__form label input::-moz-placeholder, .comments__form label textarea::-moz-placeholder {
  color: var(--light-text);
}
.comments__form label input:-ms-input-placeholder, .comments__form label textarea:-ms-input-placeholder {
  color: var(--light-text);
}
.comments__form label input::placeholder,
.comments__form label textarea::placeholder {
  color: var(--light-text);
}
.comments__form label textarea {
  resize: none;
  height: 118px;
}
.comments__form-emoji {
  display: inline-block;
  border: var(--main-border);
  border-top: none;
  padding: 11px 19px;
}
.comments__form-button {
  background-color: var(--main-red-color);
  padding: 14px 38px;
  font-weight: 700;
  font-size: 15px;
  line-height: 23px;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  color: #fff;
  margin-top: 20px;
  align-self: flex-start;
}

/* Share button */
.share-button {
  position: fixed;
  width: clamp(30px, 3vw, 38px);
  height: clamp(30px, 3vw, 38px);
  border-radius: 50%;
  left: 10px;
  bottom: 20px;
  background-image: url(../img/icons/share.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  cursor: pointer;
  z-index: 99;
}

/* Share block */
.share-block {
  display: none;
  position: fixed;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 50;
}
.share-block a {
  width: clamp(30px, 3vw, 38px);
  height: clamp(30px, 3vw, 38px);
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  transition: border-radius 0.3s;
}
.share-block a:hover {
  border-radius: 0;
}
.share-block ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.share-block__facebook {
  background-image: url(../img/icons/share-facebook.svg);
  background-color: #3B5999;
}
.share-block__twitter {
  background-image: url(../img/icons/share-twitter.svg);
  background-color: #55ACEF;
}
.share-block__whatsapp {
  background-image: url(../img/icons/share-whatsapp.svg);
  background-color: #01C716;
}
.share-block__message {
  background-image: url(../img/icons/share-message.svg);
  background-color: var(--main-text-color);
}

/* Login popup */
.login-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
  transition: opacity 0.3s, z-index 0.3s;
  padding: 10px;
}
.login-popup.is-hidden {
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
.login-popup__close {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 20px;
  right: 20px;
}
.login-popup__close span {
  cursor: pointer;
  width: 15px;
  height: 15px;
  background-image: url(../img/icons/close.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.login__inner {
  padding: clamp(30px, 6vw, 70px) clamp(20px, 4vw, 45px);
  background-color: #fff;
  position: relative;
  width: clamp(300px, 70vw, 600px);
}
.login__inner.is-hidden {
  display: none;
}

.login-popup h2,
.login-popup h3 {
  text-transform: none;
  display: block;
  text-align: center;
}

.login-popup h2 {
  margin: 0 0 clamp(15px, 2vw, 21px) 0;
  font-weight: 700;
  font-size: 30px;
}

.login-popup h3 {
  margin: 0 0 clamp(15px, 2vw, 25px) 0;
  font-size: 25px;
  line-height: 25px;
}

.login-popup form input {
  font-weight: 600;
}
.login-popup form input[type=text],
.login-popup form input[type=email],
.login-popup form input[type=password] {
  width: 100%;
  height: 50px;
  color: #1D2027;
  font-size: 17px;
  line-height: 25px;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #E0E0E0;
  padding: clamp(10px, 1vw, 14px) 0 clamp(5px, 1vw, 11px) 0;
  margin: 0 0 clamp(5px, 1vw, 14px) 0;
}
.login-popup form input::-moz-placeholder {
  opacity: 1;
  color: #1D2027;
}
.login-popup form input::-webkit-input-placeholder {
  opacity: 1;
  color: #1D2027;
}
.login-popup form input::-ms-input-placeholder {
  opacity: 1;
  color: #1D2027;
}
.login-popup form input[type=submit] {
  display: block;
  padding: 12px 30px 13px 30px;
  min-width: clamp(150px, 8vw, 192px);
  height: 50px;
  background: var(--main-red-color);
  color: #FFFFFF;
  font-size: 14px;
  line-height: 29px;
  border: none;
  text-transform: uppercase;
  transition: background 0.3s;
  margin: clamp(15px, 2vw, 23px) auto 0 auto;
}
.login-popup form input[type=submit]:hover {
  background: #050B1A;
}

.login-form__tools {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0 0 0;
}

.login-form__tools--remember {
  position: relative;
  transform: translateY(-2px);
}

.login-form__tools--remember input[type=checkbox]:checked,
.login-form__tools--remember input[type=checkbox]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.login-form__tools--remember input[type=checkbox]:checked + label,
.login-form__tools--remember input[type=checkbox]:not(:checked) + label {
  position: relative;
  cursor: pointer;
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  transition: color 300ms;
  color: #7B7B7B;
}

.login-form__tools--remember input[type=checkbox]:checked + label:before,
.login-form__tools--remember input[type=checkbox]:not(:checked) + label:before {
  content: "";
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  margin-right: 10px;
  transform: translateY(-2px);
  transition: border 300ms;
}

.login-form__tools--remember input[type=checkbox]:checked + label:after,
.login-form__tools--remember input[type=checkbox]:not(:checked) + label:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background: #E0E0E0;
  transition: opacity 0.3s;
}

.login-form__tools--remember input[type=checkbox]:not(:checked) + label:after {
  opacity: 0;
}

.login-form__tools--forgot {
  margin-top: -3px;
}

.login-form__tools--forgot a {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #282828;
}

.login-divider {
  position: relative;
  text-align: center;
  margin: clamp(10px, 2vw, 22px) 0 clamp(10px, 2vw, 16px) 0;
}

.login-divider:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #E0E0E0;
  position: absolute;
  left: 0;
  top: 14px;
}

.login-divider span {
  display: block;
  margin: 0 auto;
  color: #1D2027;
  font-size: 17px;
  line-height: 25px;
  background: #ffff;
  width: 46px;
  height: 31px;
  padding: 0 0 0 0;
  position: relative;
  z-index: 3;
}

.login-social-list {
  display: block;
  text-align: center;
  padding: 0;
  margin: 0 0 clamp(10px, 1vw, 14px) 0;
}

.login-social-list li {
  display: inline-block;
  width: clamp(40px, 4vw, 50px);
  height: clamp(40px, 4vw, 50px);
  margin: 0 2px 0 3px;
}

.login-social-list li a {
  display: block;
  width: clamp(40px, 4vw, 50px);
  height: clamp(40px, 4vw, 50px);
  border-radius: 25px;
  position: relative;
}

.login-social-list li a.login-social--facebook {
  background: #4A67A8;
}

.login-social-list li a.login-social--twitter {
  background: #55ABEB;
}

.login-social-list li a:before {
  content: "";
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.login-social-list li a.login-social--facebook:before {
  width: 8px;
  height: 15px;
  background-image: url("../img/icons/facebook-white.svg");
}

.login-social-list li a.login-social--twitter:before {
  width: 15px;
  height: 13px;
  background-image: url("../img/icons/twitter-white.svg");
}

.login-new-account {
  text-align: center;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  color: #1D2027;
}

.login-new-account a {
  color: var(--main-green-color);
  justify-content: center;
}

/* Shop */
.shop {
  font-family: var(--font-second);
}
.shop .container {
  overflow: hidden;
}
.shop__inner {
  background-color: #fff;
  padding: 0 35px;
  overflow: hidden;
}
.shop__nav {
  padding: 0 40px;
  height: 70px;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.shop__nav::-webkit-scrollbar {
  height: 7px;
}
.shop__nav::-webkit-scrollbar-track {
  background: transparent;
}
.shop__nav::-webkit-scrollbar-thumb {
  background: transparent;
}
.shop__nav::-webkit-scrollbar-thumb:hover {
  background: transparent;
}
.shop__nav:hover {
  scrollbar-color: #555 #fff;
  /* Track */
  /* Handle */
}
.shop__nav:hover::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.shop__nav:hover::-webkit-scrollbar-thumb {
  background: #888;
}
.shop__nav-list {
  position: absolute;
  left: 40px;
  top: 0;
  padding: 0 40px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.01px;
  color: var(--content-color);
}
.shop__nav-item + .shop__nav-item {
  padding-left: 23px;
  position: relative;
  margin-left: 20px;
}
.shop__nav-item + .shop__nav-item:before {
  position: absolute;
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: var(--main-gray-color);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.shop__nav-item a {
  transition: color 0.2s;
  padding: 24px 0;
  white-space: nowrap;
}
.shop__nav-item a:hover {
  color: #000;
}
.shop__nav-item a.is-active {
  color: #000;
}
.shop__nav--bordered {
  margin-bottom: 17px;
}
.shop__nav--bordered .shop__nav-list::after {
  position: absolute;
  content: "";
  width: calc(100% + 60px);
  height: 2px;
  background-color: #DCE0E9;
  bottom: 3px;
}
.shop__nav--bordered .shop__nav-item.is-active {
  position: relative;
}
.shop__nav--bordered .shop__nav-item.is-active::after {
  position: absolute;
  content: "";
  width: calc(100% + 21px);
  height: 2px;
  background-color: #0A0D28;
  bottom: 3px;
  z-index: 11;
  left: 1.5px;
}
.shop__top {
  margin-bottom: 40px;
}
.shop__top-inner {
  display: grid;
  grid-template: 1fr/1fr 2fr 1fr;
}
.shop__top-nav ul {
  display: flex;
  flex-direction: column;
}
.shop__top-nav ul li {
  color: var(--content-color);
  font-size: 16px;
}
.shop__top-nav ul li:hover {
  color: var(--main-text-color);
}
.shop__top-nav ul li:hover a {
  background-color: #fff;
}
.shop__top-nav ul li:last-child a {
  padding-bottom: 25px;
}
.shop__top-nav ul li:first-child a {
  padding-top: 25px;
}
.shop__top-nav ul a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 16px 19px;
  background-color: #F2F7FA;
  transition: background-color 0.2s;
}
.shop__top-nav ul a .i-angle-right-icon {
  font-size: 8px;
  margin-left: auto;
}
.shop__top-icon {
  width: 23px;
  justify-content: center;
  align-items: center;
  font-size: 22px;
}
.shop__top-slider {
  min-width: 0;
}
.shop__top-slider .swiper {
  width: 100%;
  height: 100%;
  max-height: 504px;
}
.shop__top-slider .main-slider-pagination {
  position: absolute;
  z-index: 20;
  text-align: center;
}
.shop__top-slider .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.shop__top-slider .swiper-slide a {
  height: 100%;
}
.shop__top-slider .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  opacity: 1;
  border: 2px solid #fff;
  background-color: transparent;
  outline: none;
  transition: background-color 0.2s, border-color 0.2s;
}
.shop__top-slider .swiper-pagination-bullet-active {
  background-color: #E31B23;
  border-color: #E31B23;
}
.shop__offers {
  display: grid;
  grid-template: 1fr 1fr/1fr;
}
.shop__offer {
  position: relative;
  padding: 18px clamp(18px, 2vw, 29px);
  align-items: flex-end;
  z-index: 3;
  min-height: 252px;
}
.shop__offer-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
.shop__offer-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform 0.5s;
}
.shop__offer-img:hover img {
  transform: scale(1.1);
}
.shop__offer-text {
  color: #fff;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.shop__offer-text span:nth-child(1) {
  font-weight: 700;
  font-size: 21px;
}
.shop__offer-text span:nth-child(2) {
  font-weight: 600;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
}
.shop .mastercard-banner__inner {
  padding-bottom: 50px;
}

/* Shop slider */
.shop-slider {
  position: relative;
  padding-bottom: 35px;
  margin-bottom: 44px;
}
.shop-slider::after {
  position: absolute;
  content: "";
  width: 100vw;
  height: 1px;
  bottom: 0;
  left: -50px;
  background-color: var(--main-border-color);
}
.shop-slider .swiper-slide {
  display: block;
  width: auto;
}
.shop-slider .swiper-button-next,
.shop-slider .swiper-button-prev {
  width: 52px;
  height: 52px;
  background-color: #fff;
  border-radius: 50%;
  top: 130px;
  color: #000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.shop-slider .swiper-button-next::after,
.shop-slider .swiper-button-prev::after {
  display: none;
}
.shop-slider .swiper-button-next i,
.shop-slider .swiper-button-prev i {
  font-size: 13px;
}
.shop-slider:hover .swiper-button-next,
.shop-slider:hover .swiper-button-prev {
  pointer-events: all;
  opacity: 1;
}
.shop-slider__top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 15px;
  line-height: 21px;
  color: var(--content-color);
  margin-bottom: 24px;
  row-gap: 20px;
}
.shop-slider__top h3 {
  font-weight: 700;
  font-size: 25px;
  line-height: 30px;
  color: var(--main-text-color);
}
.shop-slider__top a {
  align-items: center;
  gap: 9px;
}
.shop-slider__top a i {
  font-size: 8px;
}
.shop-slider__item {
  flex-direction: column;
  color: var(--main-text-color);
  max-width: 245px;
  font-size: 19px;
  line-height: 22px;
}
.shop-slider__item:hover .shop-slider__text {
  color: var(--content-color);
}
.shop-slider__img {
  height: 267px;
  width: 100%;
  background-color: #F8F8F8;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.shop-slider__img img {
  transition: transform 0.5s;
}
.shop-slider__img:hover img {
  transform: scale(1.1);
}
.shop-slider__text {
  font-size: 19px;
  line-height: 22px;
  margin-bottom: 8px;
  min-height: 44px;
  transition: color 0.2s;
}
.shop-slider__price {
  font-weight: 600;
  margin-top: auto;
}
.shop-slider--categories {
  padding-bottom: 30px;
}
.shop-slider--categories .shop-slider__img {
  background-color: transparent;
}
.shop-slider--categories .shop-slider__item {
  height: 199px;
  width: auto;
  padding: 15px;
}
.shop-slider--categories .shop-slider__item.bg1 {
  background-color: #EEF0FC;
}
.shop-slider--categories .shop-slider__item.bg2 {
  background-color: #F5E9E5;
}
.shop-slider--categories .shop-slider__item.bg3 {
  background-color: #F8F7F5;
}
.shop-slider--categories .shop-slider__item.bg4 {
  background-color: #F5F0E6;
}
.shop-slider--categories .shop-slider__item.bg5 {
  background-color: #F4F8EE;
}
.shop-slider--categories .shop-slider__item.bg6 {
  background-color: #E7F3F3;
}
.shop-slider--categories .shop-slider__text {
  min-height: auto;
  margin-bottom: 0;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
.shop-slider--categories .swiper-button-next,
.shop-slider--categories .swiper-button-prev {
  top: 100px;
}
.shop-slider--categories .swiper-pagination {
  position: static;
  margin-top: 30px;
}
.shop-slider--categories .swiper-pagination-bullet {
  border: 2px solid #DCE0E9;
  background-color: #fff;
  width: 9px;
  height: 9px;
  transition: background-color 0.3s, border-color 0.3s;
  opacity: 1;
}
.shop-slider--categories .swiper-pagination-bullet-active {
  background-color: #E31B23;
  border-color: #E31B23;
}
.shop-slider--no-border {
  padding-bottom: 0;
}
.shop-slider--no-border::after {
  display: none;
}
.shop-slider--sponsored {
  margin-bottom: 0;
}
.shop-slider--sponsored .swiper-pagination {
  position: static;
  margin-top: 30px;
}
.shop-slider--sponsored .swiper-pagination-bullet {
  border: 2px solid #DCE0E9;
  background-color: #fff;
  width: 9px;
  height: 9px;
  transition: background-color 0.3s, border-color 0.3s;
  opacity: 1;
}
.shop-slider--sponsored .swiper-pagination-bullet-active {
  background-color: #E31B23;
  border-color: #E31B23;
}

.old-price {
  font-weight: 400;
  font-size: 19px;
  line-height: 22px;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
  color: #84889C;
}

/* Gifts */
.gifts {
  display: grid;
  grid-template: 1fr/1.2fr 2fr 1fr;
  min-height: clamp(250px, 35vw, 500px);
  margin-bottom: 44px;
}
.gifts__link {
  background-color: #C5E5FA;
  padding: 55px 45px 65px;
  display: flex;
  flex-direction: column;
}
.gifts__link h2 {
  font-weight: 700;
  font-size: 41px;
  line-height: 40px;
  letter-spacing: -0.02px;
  margin-bottom: 20px;
}
.gifts__link p {
  font-weight: 600;
  font-size: 19px;
  line-height: 25px;
  margin-bottom: 30px;
}
.gifts__link-btn {
  display: inline-flex;
  margin-top: auto;
}
.gifts__link-btn a {
  background-color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.02px;
  text-transform: uppercase;
  transition: color 0.2s;
  padding: 12px 33px;
}
.gifts__link-btn a:hover {
  color: #E31B23;
}
.gifts__sale img {
  width: 100%;
}

.featured-brands h3 {
  font-weight: 700;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: -0.01em;
  margin-bottom: 23px;
}
.featured-brands__items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 27px;
}
.featured-brands__item {
  display: flex;
  flex-direction: column;
}
.featured-brands__item p {
  font-weight: 600;
  font-size: 19px;
  line-height: 22px;
  letter-spacing: -0.02px;
  margin-bottom: 4px;
}
.featured-brands__item span {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.02px;
  color: var(--content-color);
}
.featured-brands__img {
  padding: 28px 28px 26px;
  height: 284px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
}
.featured-brands__img--gray {
  background-color: #ECECEC;
}
.featured-brands__img--pink {
  background-color: #FFA2B5;
}
.featured-brands__img--blue {
  background-color: #3563F0;
}

/* Shop Category */
.shop-category {
  padding: 0 40px 50px;
  overflow: hidden;
}
.shop-category__breadcrumbs {
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.02px;
  color: var(--main-text-color);
  margin-bottom: 21px;
}
.shop-category__breadcrumbs ul {
  display: flex;
  flex-wrap: wrap;
}
.shop-category__breadcrumbs-item {
  margin-right: 8px;
}
.shop-category__breadcrumbs-item + .shop-category__breadcrumbs-item {
  padding-left: 12px;
  position: relative;
}
.shop-category__breadcrumbs-item + .shop-category__breadcrumbs-item:before {
  position: absolute;
  content: "";
  width: 3px;
  height: 1px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--main-text-color);
}
.shop-category__breadcrumbs-item:last-child {
  color: #6B6F87;
  margin-right: 0;
}
.shop-category__breadcrumbs-item:last-child a {
  cursor: default;
}
.shop-category__breadcrumbs-item:last-child::before {
  background-color: #6B6F87;
}
.shop-category__topbar {
  display: flex;
  align-items: center;
  background-color: #F6F6F6;
  padding: 15px 24px;
  margin-bottom: 30px;
}
.shop-category__items-count {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
}
.shop-category__sort {
  display: flex;
  align-items: center;
  margin-left: auto;
  color: #0F1435;
}
.shop-category__sort-by {
  display: block;
  flex-shrink: 0;
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  margin-right: 9px;
}
.shop-category__sort .custom-select__selected {
  border: none;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.02px;
  padding: 0 22px 0 0;
}
.shop-category__sort .custom-select__selected::after {
  right: 0;
}
.shop-category__sort .custom-select__list {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  box-shadow: 0 0 5px 0px #ccc;
}
.shop-category__view {
  display: grid;
  grid-template: 1fr/1fr 1fr;
  gap: 14px;
  margin-left: clamp(30px, 5vw, 55px);
}
.shop-category__view i {
  width: 17px;
  height: 17px;
  font-size: 17px;
  cursor: pointer;
  color: var(--light-text);
  transition: color 0.3s;
}
.shop-category__view i.is-active {
  color: var(--main-text-color);
}
.shop-category__sidebar {
  background-color: #F6F6F6;
  padding: 30px 0;
}
.shop-category__sidebar .check-wrap {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 15px;
  color: var(--content-color);
}
.shop-category__sidebar .check-input {
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  opacity: 0;
}
.shop-category__sidebar .check-style {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  cursor: pointer;
  border: 1px solid #DCE0E9;
  background-color: #fff;
  margin-right: 13px;
}
.shop-category__sidebar .check-style::before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  background-color: transparent;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.3s, background-color 0.3s;
}
.shop-category__sidebar .check-input:checked + .check-style::before {
  content: "";
  position: absolute;
  background-color: var(--main-text-color);
  transform: translate(-50%, -50%) scale(1);
}
.shop-category__sidebar-title {
  font-weight: 600;
  font-size: 19px;
  line-height: 22px;
  letter-spacing: -0.02px;
  color: var(--main-text-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  margin-bottom: 17px;
}
.shop-category__sidebar-title i {
  font-size: 6px;
  transition: transform 0.2s;
}
.shop-category__sidebar-title i.is-active {
  transform: rotate(180deg);
}
.shop-category__sidebar-box {
  padding: 0 30px 30px;
  border-bottom: 1px solid #DCE0E9;
  transition: padding 0.2s;
}
.shop-category__sidebar-box + .shop-category__sidebar-box {
  margin-top: 35px;
}
.shop-category__sidebar-box.is-active {
  padding-bottom: 0;
}
.shop-category__sidebar-box:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.shop-category__main {
  display: grid;
  grid-template: 1fr/300px 1fr;
  gap: clamp(20px, 3.5vw, 40px);
  align-items: flex-start;
  margin-bottom: 45px;
  padding-bottom: 45px;
  position: relative;
}
.shop-category__main::after {
  position: absolute;
  content: "";
  width: 150vw;
  height: 1px;
  background-color: #DCE0E9;
  bottom: 0;
  left: -100px;
}
.shop-category__list {
  color: #6B6F87;
  font-size: 15px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.shop-category__list-btn {
  display: inline-flex;
  cursor: pointer;
  transition: color 0.2s;
}
.shop-category__list-btn:hover {
  color: var(--main-text-color);
}
.shop-category__sublist {
  gap: 20px;
  padding: 15px 0 0 0;
}
.shop-category__sublist.is-hidden {
  display: none;
}
.shop-category__sublist li {
  padding-left: 15px;
  position: relative;
  transition: color 0.2s;
}
.shop-category__sublist li + li {
  margin-top: 20px;
}
.shop-category__sublist li::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  left: 0;
  top: 6px;
  transition: background-color 0.2s;
}
.shop-category__sublist li.is-active {
  color: var(--main-text-color);
}
.shop-category__sublist li.is-active::before {
  background-color: var(--main-text-color);
}
.shop-category__sublist li:hover {
  color: var(--main-text-color);
}
.shop-category__shipping-form {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.shop-category__shipping .radio-wrap {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 15px;
  width: 100%;
  color: var(--content-color);
}
.shop-category__shipping .radio-input {
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  opacity: 0;
}
.shop-category__shipping .radio-style {
  position: relative;
  width: 16px;
  height: 16px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #DCE0E9;
  margin-right: 8px;
}
.shop-category__shipping .radio-style::before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  background-color: transparent;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.2s;
}
.shop-category__shipping .radio-input:checked + .radio-style::before {
  background-color: var(--main-text-color);
  transform: translate(-50%, -50%) scale(1);
}
.shop-category__network-form {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.shop-category__price-form .irs--flat .irs-min,
.shop-category__price-form .irs--flat .irs-max,
.shop-category__price-form .irs--flat .irs-from,
.shop-category__price-form .irs--flat .irs-to,
.shop-category__price-form .irs--flat .irs-single {
  display: none;
}
.shop-category__price-form .irs--flat .irs-bar,
.shop-category__price-form .irs--flat .irs-handle,
.shop-category__price-form .irs--flat .irs-handle > i:first-child {
  background-color: #039A4A;
  cursor: pointer;
}
.shop-category__price-form .irs--flat .irs-line {
  background-color: #fff;
  border-radius: 0;
  height: 5px;
  cursor: pointer;
}
.shop-category__price-form .irs--flat .irs-bar {
  height: 5px;
}
.shop-category__price-form .irs--flat .irs-handle {
  width: 9px;
  height: 9px;
  cursor: pointer;
  top: 23px;
}
.shop-category__price-form .check-wrap + .check-wrap {
  margin-top: 18px;
}
.shop-category__price-form .check-text {
  transition: color 0.2s;
}
.shop-category__price-form .check-input:checked ~ .check-text {
  color: var(--main-text-color);
}
.shop-category__price-output {
  font-size: 15px;
  margin-top: 15px;
  letter-spacing: -0.02px;
  color: #6B6F87;
  border-bottom: var(--main-border);
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.shop-category__items-filters {
  display: none;
  margin-bottom: 30px;
  font-weight: 600;
  padding: 10px 20px;
  border: var(--main-border);
  cursor: pointer;
}
.shop-category__items-title {
  font-weight: 600;
  font-size: 27px;
  line-height: 27px;
  letter-spacing: -0.02px;
  color: var(--main-text-color);
  margin-bottom: 23px;
}
.shop-category__items-inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  -moz-column-gap: clamp(15px, 2vw, 30px);
  column-gap: clamp(15px, 2vw, 30px);
  row-gap: 16px;
  margin-bottom: 35px;
}
.shop-category__items-inner.is-active {
  grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
}
.shop-category__items-inner.is-active .shop-category__item-img {
  height: 267px;
}
.shop-category__item {
  flex-direction: column;
  font-size: 19px;
  line-height: 22px;
  letter-spacing: -0.02px;
  color: var(--main-text-color);
}
.shop-category__item-img {
  width: 100%;
  height: 310px;
  background-color: #F8F8F8;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 18px;
  overflow: hidden;
}
.shop-category__item-img img {
  transition: transform 0.5s;
}
.shop-category__item-img:hover img {
  transform: scale(1.1);
}
.shop-category__item-name {
  margin-bottom: 8px;
}
.shop-category__item-price {
  font-weight: 600;
}
.shop-category__pagination ul {
  display: flex;
  gap: 4px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.02px;
  color: #6B6F87;
}
.shop-category__pagination span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 47px;
  height: 47px;
}
.shop-category__pagination a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 47px;
  height: 47px;
  border: 1px solid #DCE0E9;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}
.shop-category__pagination a i {
  font-size: 12px;
}
.shop-category__pagination a:hover, .shop-category__pagination a.current-page {
  color: #fff;
  background-color: var(--main-green-color);
  border-color: var(--main-green-color);
}

/* Shop product */
.shop-product {
  padding: 0 40px 50px;
}
.shop-product__gallery-slider {
  width: 100%;
  height: 100%;
  max-height: 515px;
  margin-bottom: 29px;
}
.shop-product__gallery-slider img {
  width: 100%;
  height: 100%;
}
.shop-product__gallery-slider .swiper-slide,
.shop-product__gallery-slider .swiper-wrapper {
  height: 100%;
}
.shop-product__gallery-slider .swiper-button-next:after,
.shop-product__gallery-slider .swiper-button-prev:after {
  display: none;
}
.shop-product__gallery-slider .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  opacity: 1;
  border: 2px solid #fff;
  background-color: transparent;
  outline: none;
  transition: background-color 0.2s, border-color 0.2s;
}
.shop-product__gallery-slider .swiper-pagination-bullet-active {
  background-color: #E31B23;
  border-color: #E31B23;
}
.shop-product__gallery-next, .shop-product__gallery-prev {
  font-size: clamp(20px, 5vw, 56px);
  color: #fff;
}
.shop-product__gallery-next {
  right: clamp(10px, 2vw, 29px);
}
.shop-product__gallery-prev {
  left: clamp(10px, 2vw, 29px);
}
.shop-product__gallery-img {
  height: 100%;
}
.shop-product__inner {
  display: grid;
  grid-template: 1fr/1fr auto;
  gap: clamp(30px, 4vw, 49px);
  align-items: flex-start;
  position: relative;
  padding-bottom: 50px;
  margin-bottom: 40px;
}
.shop-product__inner::after {
  position: absolute;
  content: "";
  width: 150vw;
  height: 1px;
  bottom: 0;
  background-color: #DCE0E9;
  left: -150px;
}
.shop-product__item {
  min-width: 0;
  color: var(--content-color);
}
.shop-product__item--grid {
  display: grid;
  grid-template: auto/400px 1fr;
  gap: clamp(20px, 3.5vw, 39px);
  padding-bottom: 50px;
  margin-bottom: 26px;
  border-bottom: 1px solid #DCE0E9;
}
.shop-product__item--grid .shop-product__share {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.shop-product__item--grid .shop-product__gallery-big {
  min-height: clamp(260px, 70vw, 461px);
  position: relative;
  display: grid;
}
.shop-product__item--grid .shop-product__gallery-big img,
.shop-product__item--grid .shop-product__gallery-big iframe {
  height: 100%;
  width: 100%;
}
.shop-product__item--grid .shop-product__gallery-big iframe {
  border: none;
}
.shop-product__item--grid .shop-product__gallery-big-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.shop-product__item--grid .shop-product__gallery-video {
  height: 100%;
}
.shop-product__item--grid .shop-product__gallery-previews {
  display: flex;
  gap: 5px;
  margin-top: 5px;
}
.shop-product__item--grid .shop-product__gallery-previews a {
  transition: transform 0.3s;
  width: 100%;
}
.shop-product__item--grid .shop-product__gallery-previews a img {
  width: 100%;
}
.shop-product__item--grid .shop-product__gallery-previews a:hover {
  transform: scale(0.9);
}
.shop-product__item--grid .shop-product__gallery-previews a.video-content {
  position: relative;
}
.shop-product__item--grid .shop-product__gallery-previews a.video-content::after {
  position: absolute;
  content: "";
  width: 32px;
  height: 32px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/shop/icons/product-video-btn.svg);
}
.shop-product__info {
  letter-spacing: -0.02px;
}
.shop-product__stock {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  color: #039A4A;
  display: inline-block;
  position: relative;
  padding-left: 17px;
  margin-bottom: 10px;
}
.shop-product__stock::before {
  position: absolute;
  content: "";
  width: 11px;
  height: 8px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../img/shop/icons/check-green-icon.svg);
}
.shop-product__stock.out-of-stock {
  color: #E31B23;
}
.shop-product__name {
  font-weight: 600;
  font-size: 27px;
  line-height: 30px;
  color: var(--main-text-color);
  margin-bottom: 7px;
}
.shop-product__rating {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 22px;
}
.shop-product__rating-stars {
  font-size: 13px;
  display: flex;
  gap: 3px;
  color: #F2B006;
}
.shop-product__rating-stars.one-star i:nth-child(2) {
  color: #DCDCDC;
}
.shop-product__rating-stars.one-star i:nth-child(3) {
  color: #DCDCDC;
}
.shop-product__rating-stars.one-star i:nth-child(4) {
  color: #DCDCDC;
}
.shop-product__rating-stars.one-star i:nth-child(5) {
  color: #DCDCDC;
}
.shop-product__rating-stars.two-stars i:nth-child(3) {
  color: #DCDCDC;
}
.shop-product__rating-stars.two-stars i:nth-child(4) {
  color: #DCDCDC;
}
.shop-product__rating-stars.two-stars i:nth-child(5) {
  color: #DCDCDC;
}
.shop-product__rating-stars.three-stars i:nth-child(4) {
  color: #DCDCDC;
}
.shop-product__rating-stars.three-stars i:nth-child(5) {
  color: #DCDCDC;
}
.shop-product__rating-stars.four-stars i:nth-child(5) {
  color: #DCDCDC;
}
.shop-product__rating-review {
  font-size: 15px;
  line-height: 22px;
  color: #84889C;
}
.shop-product__rating-review a {
  display: inline-block;
}
.shop-product__price {
  font-weight: 600;
  font-size: 27px;
  line-height: 22px;
  color: #0F1435;
  margin-bottom: 24px;
}
.shop-product__price .old-price {
  font-weight: 400;
  font-size: 27px;
}
.shop-product__description {
  line-height: 25px;
  margin-bottom: 19px;
}
.shop-product__details {
  margin-bottom: 20px;
}
.shop-product__details h4 {
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  color: var(--main-text-color);
  margin-bottom: 4px;
}
.shop-product__details-info {
  line-height: 32px;
}
.shop-product__details-info li {
  display: flex;
  align-items: center;
  gap: clamp(35px, 6vw, 67px);
}
.shop-product__details-info li span:nth-child(1) {
  min-width: 100px;
}
.shop-product__details-info li span:nth-child(2) {
  color: var(--main-text-color);
}
.shop-product__share {
  padding-bottom: 35px;
  margin-bottom: 20px;
  border-bottom: 1px solid #DCE0E9;
}
.shop-product__share h4 {
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  color: var(--main-text-color);
  margin-bottom: 20px;
}
.shop-product__share-links {
  display: flex;
  gap: 6px;
}
.shop-product__share-links a {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shop-product__share-links li {
  color: #fff;
}
.shop-product__share-links li:nth-child(1) a {
  font-size: 14px;
  background-color: #3B5999;
}
.shop-product__share-links li:nth-child(2) a {
  font-size: 13px;
  background-color: #55ACEE;
}
.shop-product__share-links li:nth-child(3) a {
  font-size: 15px;
  background-color: #00CB1D;
}
.shop-product__share-links li:nth-child(4) {
  color: var(--main-text-color);
}
.shop-product__share-links li:nth-child(4) a {
  font-size: 19px;
  background-color: #D3D9E6;
}
.shop-product__complain {
  font-size: 15px;
}
.shop-product__complain-top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 42px;
  row-gap: 15px;
}
.shop-product__complain-text {
  color: var(--main-text-color);
  position: relative;
  display: inline-block;
  padding-left: 26px;
}
.shop-product__complain-text::before {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../img/shop/icons/alert-icon.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 17px;
}
.shop-product__complain-form {
  background-color: #F6F6F6;
  padding: 30px;
}
.shop-product__complain-form-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  gap: 20px;
}
.shop-product__complain-form form {
  display: grid;
  grid-template: auto/1fr 1fr;
  align-items: center;
  justify-items: flex-end;
}
.shop-product__complain-form form textarea {
  margin-bottom: 15px;
  resize: none;
  height: 130px;
  width: 100%;
  border: 1px solid #DCE0E9;
  grid-row: 1/2;
  grid-column: 1/3;
  padding: 10px;
}
.shop-product__complain-form form input[type=submit] {
  padding: 11px 26px 12px;
  background-color: #D2D2D2;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: none;
  transition: background-color 0.2s;
  grid-row: 2/3;
  grid-column: 2/3;
}
.shop-product__complain-form form input[type=submit]:hover {
  background-color: var(--main-green-color);
}
.shop-product__complain-form .file-input {
  display: inline-block;
  justify-self: flex-start;
  position: relative;
  cursor: pointer;
  z-index: 0;
  grid-row: 2/3;
  grid-column: 1/2;
  cursor: pointer;
}
.shop-product__complain-form .file-input__input {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
}
.shop-product__complain-form .file-input__wrapper {
  display: inline-grid;
  grid-template: 1fr/auto 1fr;
  align-items: center;
  cursor: pointer;
}
.shop-product__complain-form .file-input__text {
  font-size: 15px;
  line-height: 25px;
  color: var(--main-text-color);
  cursor: pointer;
}
.shop-product__complain-form .file-input__button {
  font-size: 17px;
  color: var(--main-text-color);
  margin-right: 11px;
  cursor: pointer;
}
.shop-product__complain-form .file-input__button:hover {
  color: #fff;
}
.shop-product__complain-user {
  display: flex;
  gap: 15px;
  align-items: center;
}
.shop-product__complain-user-name {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.shop-product__complain-user-name img {
  width: 60px;
  height: 60px;
}
.shop-product__complain-user-name span:nth-child(1) {
  font-weight: 700;
  color: var(--main-text-color);
}
.shop-product__complain-user-name span:nth-child(2) {
  font-size: 14px;
  color: #84889C;
}
.shop-product__complain-phone {
  font-weight: 600;
  line-height: 30px;
  color: var(--main-text-color);
  position: relative;
  padding-left: 40px;
}
.shop-product__complain-phone::before {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #039A4A;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  background-image: url(../img/shop/icons/phone-call-icon.svg);
}
.shop-product__id {
  display: flex;
  align-items: center;
  gap: 5px;
}
.shop-product__seller {
  background-color: #F1F1F1;
  padding: 33px clamp(15px, 2.5vw, 30px);
  width: clamp(300px, 22vw, 400px);
}
.shop-product__seller-top {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 25px;
}
.shop-product__seller-top img {
  width: 73px;
  height: 73px;
}
.shop-product__seller-info {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.shop-product__seller-info span {
  display: inline-block;
  letter-spacing: -0.02px;
}
.shop-product__seller-info span:nth-child(1) {
  font-weight: 700;
  font-size: 18px;
  color: var(--main-text-color);
}
.shop-product__seller-info span:nth-child(2) {
  font-size: 15px;
  color: #84889C;
}
.shop-product__seller-info span:nth-child(3) {
  font-weight: 600;
  font-size: 13px;
  color: #039A4A;
}
.shop-product__seller-verified {
  position: relative;
  padding-left: 21px;
}
.shop-product__seller-verified:before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #039A4A;
  background-image: url(../img/shop/icons/check-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.shop-product__seller-reliability {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  letter-spacing: -0.02px;
  margin-bottom: 25px;
}
.shop-product__seller-rating {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-weight: 600;
  font-size: 15px;
  color: var(--main-text-color);
}
.shop-product__seller-rating div {
  display: inline-flex;
  font-size: 24px;
  color: #E31B23;
}
.shop-product__seller-review {
  font-size: 15px;
  color: var(--content-color);
  border-bottom: 1px solid var(--content-color);
}
.shop-product__seller-links {
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-weight: 600;
  font-size: 14px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: var(--main-text-color);
  margin-bottom: 22px;
}
.shop-product__seller-links a {
  padding: 12px;
  justify-content: center;
}
.shop-product__seller-links a:nth-child(1) {
  background-color: #fff;
}
.shop-product__seller-links a:nth-child(2) {
  background-color: #FFDB2A;
}
.shop-product__seller-contacts h4 {
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.02px;
  color: var(--main-text-color);
  margin-bottom: 14px;
}
.shop-product__seller-box {
  display: grid;
  grid-template: 1fr 1fr/1fr 1fr;
  font-weight: 600;
  font-size: 14px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: var(--main-text-color);
  gap: 9px;
}
.shop-product__seller-box a {
  padding: 12px;
  justify-content: center;
  height: 46px;
}
.shop-product__seller-box a:nth-child(1) {
  background-color: #fff;
  border: 1px solid #DCE0E9;
}
.shop-product__seller-box a:nth-child(2) {
  background-color: var(--main-text-color);
  color: #fff !important;
}
.shop-product__seller-box a:nth-child(3) {
  background-color: #00CB1D;
  color: #fff !important;
  align-items: center;
  gap: 8px;
  grid-column: 1/3;
}
.shop-product__seller-box a:nth-child(3) i {
  font-size: 22px;
}

/* Footer */
/* Footer */
.footer__inner {
  padding: 40px 40px 32px;
  background-color: #fff;
}
.footer__top {
  border-bottom: var(--main-border);
  padding-bottom: clamp(30px, 5vw, 60px);
  display: grid;
  grid-template: 1fr/1fr 1fr;
  gap: 20px;
}
.footer__contacts {
  font-size: 19px;
  color: var(--main-text-color);
  font-weight: 600;
}
.footer__contacts h3 {
  margin-bottom: 20px;
}
.footer__contacts-country {
  display: flex;
  color: var(--light-text);
  font-weight: 400;
  margin-bottom: 15px;
  font-size: 17px;
}
.footer__contacts-phone {
  margin-bottom: 25px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.footer__contacts-email {
  display: flex;
  align-items: center;
  gap: 5px;
}
.footer__contacts-email a {
  transition: color 0.2s;
}
.footer__contacts-email a:hover {
  color: var(--main-red-color);
}
.footer__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: var(--content-color);
  max-width: 565px;
  gap: 20px;
  font-family: var(--font-second);
}
.footer__links ul {
  display: flex;
  flex-direction: column;
  gap: 25px;
  font-size: 16px;
}
.footer__links a {
  transition: color 0.2s;
}
.footer__links a:hover {
  color: var(--main-text-color);
}
.footer__bottom {
  padding-top: clamp(15px, 3vw, 32px);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  font-size: 15px;
  color: var(--light-text);
  font-family: var(--font-second);
}
.footer__bottom-socials {
  display: flex;
  align-items: center;
  gap: 18px;
}
.footer__bottom-socials li {
  max-width: 21px;
}
.footer__bottom-socials li:hover {
  -webkit-animation: socials 0.6s;
  animation: socials 0.6s;
}

/* ------------------- */
/* --- AUGUST 2024 --- */
/* ------------------- */
.content-with-sidebar {
    display: flex;
    justify-content: space-between;
    --this-gap: 30px;
    --sidebar-width: 300px;
    gap: var(--this-gap);
    font-family: var(--font-second);
}
.content-with-sidebar > :not(.is-sidebar) {
    width: calc(100% - var(--sidebar-width) - var(--this-gap));
}
.content-with-sidebar > .is-sidebar {
    width: var(--sidebar-width);
}

.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
img.alignCenter {
    margin-left: auto;
    margin-right: auto;
}
img.alignRight {
    margin-left: auto;
}

.products-grid {
    display: grid;
    grid-column-gap: 27px;
    grid-row-gap: 26px;
    grid-template-columns: repeat(3, 1fr);
}
.fashion-catalog-products .products-grid {
    grid-row-gap: 40px;
}

.search-title {
    color: var(--main-text-color);
    font-size: 25px;
    line-height: 1em;
    letter-spacing: -0.01em;
    font-family: var(--font-second);
    font-weight: 700;
    margin: -2px 0 25px 0;
}
.search-title span {
    font-weight: 500;
}
.shop-category__autos {
    gap: 30px;
}

/* --- Icons --- */
i[class*="icon-"] {
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: var(--mask-img);
    mask-image: var(--mask-img);
}
.icon-search {
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M8.145 14.875a6.73 6.73 0 1 0 0-13.458 6.73 6.73 0 0 0 0 13.458ZM15.583 15.584l-1.417-1.417'/%3E%3C/svg%3E");
}
.icon-date {
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3' d='M15.583 8.5a7.086 7.086 0 0 1-7.084 7.084A7.086 7.086 0 0 1 1.416 8.5a7.086 7.086 0 0 1 7.083-7.083A7.086 7.086 0 0 1 15.583 8.5Z'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3' d='m11.128 10.752-2.196-1.31c-.382-.227-.694-.772-.694-1.219V5.32'/%3E%3C/svg%3E");
}
.icon-comment {
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cg fill='%23000000' clip-path='url(%23a)'%3E%3Cpath d='M13.86 5.618a6.953 6.953 0 0 0-2.986-4.447A6.978 6.978 0 0 0 5.837.098l-.035.005C2 .763-.556 4.395.105 8.196c.052.304.126.608.218.9a5.238 5.238 0 0 1-.267 3.779.582.582 0 0 0 .681.81l2.614-.713a6.936 6.936 0 0 0 5.029.888 6.952 6.952 0 0 0 4.447-2.986 6.955 6.955 0 0 0 1.033-5.256Zm-2.005 4.61a5.793 5.793 0 0 1-3.706 2.489 5.804 5.804 0 0 1-4.38-.861.585.585 0 0 0-.476-.077l-1.78.485a6.415 6.415 0 0 0-.076-3.516 5.838 5.838 0 0 1 4.538-7.491l.031-.005a5.813 5.813 0 0 1 4.222.89 5.793 5.793 0 0 1 2.489 3.706 5.793 5.793 0 0 1-.862 4.38Z'/%3E%3Cpath d='M9.33 5.25H4.666a.583.583 0 1 0 0 1.166h4.666a.583.583 0 1 0 0-1.166ZM9.33 7.582H4.666a.583.583 0 1 0 0 1.166h4.666a.583.583 0 1 0 0-1.166Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h14v14H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.icon-views {
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3' d='M11.037 8.5A2.533 2.533 0 0 1 8.5 11.036 2.533 2.533 0 0 1 5.965 8.5 2.533 2.533 0 0 1 8.5 5.964 2.533 2.533 0 0 1 11.037 8.5Z'/%3E%3Cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3' d='M8.5 14.358c2.5 0 4.83-1.474 6.452-4.024.638-.998.638-2.677 0-3.676C13.33 4.108 11 2.635 8.5 2.635c-2.5 0-4.83 1.473-6.453 4.023-.637.999-.637 2.678 0 3.676C3.67 12.884 6 14.358 8.5 14.358Z'/%3E%3C/svg%3E");
}
.icon-tag {
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3' d='m2.954 10.838 3.209 3.208a3.386 3.386 0 0 0 4.781 0l3.11-3.11a3.386 3.386 0 0 0 0-4.78l-3.216-3.202a3.365 3.365 0 0 0-2.55-.985l-3.542.17a2.737 2.737 0 0 0-2.614 2.6l-.17 3.542a3.403 3.403 0 0 0 .992 2.557Z'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-width='1.3' d='M6.73 8.5a1.77 1.77 0 1 0 0-3.542 1.77 1.77 0 0 0 0 3.542Z'/%3E%3C/svg%3E");
}

.icon-facebook {
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='39' fill='none'%3E%3Cpath fill='%23000000' d='M20.544 26v-5.93h2.063l.31-2.311h-2.373v-1.476c0-.669.192-1.125 1.188-1.125H23v-2.067A17.82 17.82 0 0 0 21.152 13c-1.83 0-3.083 1.077-3.083 3.055v1.704H16v2.311h2.07V26h2.474Z'/%3E%3C/svg%3E");
}
.icon-instagram {
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='39' fill='none'%3E%3Cg fill='%23000000' clip-path='url(%23a)'%3E%3Cpath d='M25.986 16.822c-.03-.69-.142-1.166-.302-1.577a3.173 3.173 0 0 0-.752-1.153 3.2 3.2 0 0 0-1.15-.75c-.414-.16-.887-.27-1.577-.301-.696-.033-.917-.041-2.682-.041s-1.986.008-2.68.038c-.69.03-1.165.142-1.576.302a3.171 3.171 0 0 0-1.153.752c-.33.325-.587.719-.75 1.15-.16.414-.271.887-.302 1.578-.033.695-.04.916-.04 2.681 0 1.765.007 1.986.038 2.68.03.69.142 1.165.302 1.577.165.436.421.827.752 1.152.325.33.718.587 1.15.75.414.16.886.271 1.577.302.693.03.914.038 2.68.038 1.764 0 1.985-.008 2.678-.038.691-.03 1.166-.142 1.577-.302a3.325 3.325 0 0 0 1.903-1.902c.16-.414.271-.887.302-1.578.03-.693.038-.914.038-2.679 0-1.765-.003-1.986-.033-2.679Zm-1.17 5.308c-.029.635-.135.977-.224 1.206a2.157 2.157 0 0 1-1.234 1.234c-.23.09-.574.196-1.207.224-.686.03-.891.038-2.626.038-1.734 0-1.942-.008-2.626-.038-.634-.028-.977-.135-1.206-.224a2 2 0 0 1-.746-.485 2.021 2.021 0 0 1-.486-.746c-.088-.229-.195-.574-.223-1.207-.03-.685-.038-.891-.038-2.626 0-1.734.007-1.942.038-2.625.028-.635.135-.978.223-1.207.105-.282.27-.538.488-.746.21-.216.465-.381.747-.486.228-.088.574-.195 1.206-.223.686-.03.891-.038 2.626-.038 1.737 0 1.943.008 2.626.038.635.028.977.135 1.206.224a2 2 0 0 1 .747.485c.216.21.38.464.485.746.089.229.195.574.223 1.207.03.685.038.89.038 2.625 0 1.735-.007 1.938-.038 2.624Z'/%3E%3Cpath d='M19.525 16.162a3.34 3.34 0 1 0 .002 6.68 3.34 3.34 0 0 0-.002-6.68Zm0 5.506a2.167 2.167 0 1 1 0-4.333 2.167 2.167 0 0 1 0 4.333ZM23.776 16.03a.78.78 0 1 1-1.559 0 .78.78 0 0 1 1.56 0Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M13 13h13v13H13z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.icon-whatsapp {
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='39' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23000000' fill-rule='evenodd' d='M24.476 14.505a6.924 6.924 0 0 0-4.93-2.043c-3.84 0-6.966 3.126-6.968 6.968 0 1.228.32 2.427.93 3.483l-.988 3.611 3.694-.969a6.962 6.962 0 0 0 3.33.849h.003c3.84 0 6.966-3.127 6.968-6.969a6.925 6.925 0 0 0-2.04-4.93Zm-4.93 10.722h-.002c-1.04 0-2.059-.28-2.948-.808l-.211-.125-2.192.575.585-2.137-.138-.22a5.777 5.777 0 0 1-.886-3.082 5.8 5.8 0 0 1 5.795-5.791c1.547 0 3.001.604 4.094 1.698a5.758 5.758 0 0 1 1.695 4.098 5.8 5.8 0 0 1-5.792 5.792Zm3.177-4.338c-.174-.087-1.03-.508-1.19-.566-.159-.059-.275-.088-.391.087-.116.174-.45.566-.552.682-.101.117-.203.131-.377.044-.174-.087-.735-.271-1.4-.864a5.25 5.25 0 0 1-.968-1.206c-.102-.175-.001-.26.076-.356.188-.234.377-.48.435-.595.058-.117.03-.218-.015-.305-.043-.087-.391-.944-.536-1.293-.142-.34-.285-.294-.392-.3a6.913 6.913 0 0 0-.334-.005.64.64 0 0 0-.464.218c-.16.174-.61.595-.61 1.452s.625 1.685.712 1.801c.087.117 1.227 1.875 2.974 2.63.415.179.74.286.993.366.417.133.796.114 1.096.07.335-.05 1.03-.422 1.175-.829.146-.407.146-.755.102-.828-.043-.072-.16-.116-.334-.203Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M12 12h15v15H12z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.icon-link {
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='39' fill='none'%3E%3Cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M21.125 20a4.308 4.308 0 0 1-4.313 4.313A4.308 4.308 0 0 1 12.5 20a4.308 4.308 0 0 1 4.313-4.313'/%3E%3Cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.5 20c0-2.483 2.017-4.5 4.5-4.5s4.5 2.017 4.5 4.5-2.017 4.5-4.5 4.5'/%3E%3C/svg%3E");
}
.icon-telegram {
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='39' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23000000' d='m16.951 21.593 5.62 4.135c.64.357 1.09.17 1.263-.588l2.288-10.725c.203-.946-.34-1.316-.964-1.084l-13.454 5.15c-.918.357-.904.87-.156 1.101l3.44 1.07 7.99-5c.375-.248.717-.11.436.138l-6.463 5.803Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M11 12h15.167v15.167H11z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.icon-phone {
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath stroke='%23000000' stroke-miterlimit='10' stroke-width='1.5' d='M16.477 13.748c0 .27-.06.547-.187.817-.127.27-.292.525-.51.765a3.381 3.381 0 0 1-1.23.885c-.45.188-.938.285-1.463.285-.764 0-1.582-.18-2.444-.547a13.173 13.173 0 0 1-2.58-1.486 21.563 21.563 0 0 1-2.46-2.1A21.31 21.31 0 0 1 3.51 9.915c-.615-.855-1.11-1.71-1.47-2.557-.36-.855-.54-1.673-.54-2.453 0-.51.09-.998.27-1.448.18-.457.465-.877.862-1.252.48-.473 1.006-.705 1.56-.705.21 0 .42.045.608.135.195.09.368.225.503.42l1.74 2.453c.135.187.232.36.3.524.067.158.104.316.104.458 0 .18-.052.36-.157.532-.098.173-.24.353-.42.533l-.57.593a.401.401 0 0 0-.12.3c0 .06.008.112.022.172.023.06.045.105.06.15.136.248.368.57.698.96.338.39.697.787 1.087 1.185.405.398.795.765 1.193 1.103.39.33.713.554.967.69.038.014.083.037.135.06.06.022.12.03.188.03a.413.413 0 0 0 .308-.128l.57-.563c.187-.187.367-.33.54-.42a.999.999 0 0 1 .532-.157c.143 0 .293.03.457.098a2.9 2.9 0 0 1 .526.292l2.482 1.762c.195.136.33.293.413.48.075.188.12.375.12.585Z'/%3E%3C/svg%3E");
}
.icon-mail {
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.2' d='M12.041 14.521H4.958c-2.125 0-3.542-1.062-3.542-3.542V6.021c0-2.479 1.417-3.542 3.542-3.542h7.083c2.125 0 3.542 1.063 3.542 3.542v4.958c0 2.48-1.417 3.542-3.542 3.542Z'/%3E%3Cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.2' d='m12.042 6.375-2.217 1.77c-.73.582-1.926.582-2.656 0l-2.21-1.77'/%3E%3C/svg%3E");
}

.icon-like {
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23000' d='M19.137 13.597c.41-.523.607-1.083.582-1.66-.025-.636-.31-1.134-.544-1.44.272-.677.377-1.743-.531-2.571-.665-.607-1.794-.879-3.358-.803-1.1.05-2.02.255-2.058.263h-.004c-.21.038-.431.084-.657.134-.017-.268.03-.933.523-2.43.585-1.782.552-3.145-.109-4.057C12.287.075 11.178 0 10.852 0c-.313 0-.602.13-.807.368-.464.54-.41 1.535-.351 1.995-.552 1.48-2.1 5.11-3.409 6.119-.025.017-.046.037-.067.058a4.493 4.493 0 0 0-.82 1.23 1.726 1.726 0 0 0-.828-.21H2.02c-.963 0-1.74.783-1.74 1.74v6.797c0 .962.781 1.74 1.74 1.74h2.55c.373 0 .72-.117 1.004-.318l.983.117c.15.021 2.827.36 5.575.305.498.038.966.059 1.401.059.749 0 1.401-.059 1.945-.176 1.28-.272 2.154-.815 2.597-1.614a2.56 2.56 0 0 0 .285-1.602c.832-.753.978-1.585.949-2.17a2.823 2.823 0 0 0-.172-.841ZM2.02 18.707a.611.611 0 0 1-.61-.61v-6.8c0-.34.276-.611.61-.611H4.57c.34 0 .611.276.611.61v6.797c0 .339-.276.61-.61.61H2.018v.005Zm16.048-5.6a.562.562 0 0 0-.075.682c0 .004.171.297.192.699.03.548-.234 1.033-.786 1.447a.57.57 0 0 0-.193.644c0 .004.18.556-.113 1.079-.28.502-.903.861-1.848 1.062-.757.163-1.786.193-3.05.092h-.058c-2.689.059-5.408-.293-5.437-.297h-.004l-.422-.05c.025-.117.037-.242.037-.368v-6.8c0-.18-.029-.356-.08-.52.076-.28.285-.902.779-1.434 1.878-1.489 3.714-6.512 3.793-6.729a.53.53 0 0 0 .025-.28c-.07-.469-.046-1.042.055-1.213.221.004.82.067 1.179.564.427.59.41 1.644-.05 3.041-.703 2.129-.761 3.25-.205 3.743.276.247.644.26.912.163.255-.058.497-.108.727-.146l.055-.013c1.284-.28 3.584-.451 4.383.276.677.62.196 1.44.142 1.527a.56.56 0 0 0 .1.728c.005.004.444.418.465.974.016.373-.16.753-.523 1.13Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.icon-dislike {
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23000000' d='M.862 6.403c-.41.523-.606 1.083-.58 1.66.024.636.309 1.134.543 1.44-.272.677-.377 1.743.531 2.571.665.607 1.794.879 3.358.803 1.1-.05 2.02-.255 2.058-.263h.004c.21-.038.431-.084.657-.134.017.268-.03.933-.523 2.43-.585 1.782-.552 3.145.109 4.057C7.713 19.925 8.822 20 9.148 20c.313 0 .602-.13.807-.368.464-.54.41-1.535.351-1.995.552-1.48 2.1-5.11 3.409-6.119a.441.441 0 0 0 .067-.058c.384-.406.644-.845.82-1.23.246.134.527.21.828.21h2.55c.963 0 1.74-.783 1.74-1.74V1.902c0-.962-.781-1.74-1.74-1.74h-2.55c-.373 0-.72.117-1.004.318l-.983-.117c-.15-.021-2.827-.36-5.575-.305A18.72 18.72 0 0 0 6.467 0c-.749 0-1.401.059-1.945.176C3.242.448 2.368.99 1.925 1.79a2.56 2.56 0 0 0-.285 1.602c-.832.753-.978 1.585-.949 2.17.017.34.092.628.171.841Zm17.119-5.11c.339 0 .61.275.61.61v6.8c0 .34-.276.611-.61.611H15.43a.611.611 0 0 1-.611-.61V1.906c0-.339.276-.61.61-.61h2.552v-.005Zm-16.048 5.6a.562.562 0 0 0 .075-.682c0-.004-.171-.297-.192-.699-.03-.548.234-1.033.786-1.447a.57.57 0 0 0 .193-.644c0-.004-.18-.556.113-1.079.28-.502.903-.861 1.848-1.062.757-.163 1.786-.193 3.05-.092h.058c2.689-.059 5.407.293 5.437.297h.004l.422.05a1.772 1.772 0 0 0-.037.368v6.8c0 .18.029.356.08.52-.076.28-.285.902-.779 1.434-1.878 1.489-3.714 6.512-3.793 6.729a.53.53 0 0 0-.025.28c.07.469.046 1.042-.055 1.213-.221-.004-.82-.067-1.179-.565-.427-.59-.41-1.643.05-3.04.703-2.129.761-3.25.205-3.743a.912.912 0 0 0-.912-.163c-.255.058-.497.108-.727.146l-.055.013c-1.284.28-3.584.451-4.383-.276-.677-.62-.196-1.44-.142-1.527a.56.56 0 0 0-.1-.728c-.005-.004-.444-.418-.465-.974-.016-.372.16-.753.523-1.13Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M20 20H0V0h20z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.icon-bell {
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cg fill='%23000000' clip-path='url(%23a)'%3E%3Cpath d='M8.5 0a2.264 2.264 0 0 0-2.262 2.261v.683h1.17V2.26a1.093 1.093 0 0 1 2.184 0v.683h1.17V2.26A2.264 2.264 0 0 0 8.5 0ZM10.1 14.25c0 .87-.71 1.58-1.58 1.58h-.039c-.87 0-1.579-.71-1.579-1.58h-1.17a2.752 2.752 0 0 0 2.75 2.749h.038a2.752 2.752 0 0 0 2.75-2.749H10.1Z'/%3E%3Cpath d='m16.068 14.033-1.661-2.585V8.13c0-3.29-2.65-5.966-5.907-5.966-3.258 0-5.908 2.676-5.908 5.966v3.318L.931 14.032a.585.585 0 0 0 .492.902h14.153a.584.584 0 0 0 .492-.901Zm-13.574-.27 1.175-1.827a.585.585 0 0 0 .093-.317V8.13c0-2.644 2.125-4.795 4.738-4.795 2.612 0 4.737 2.151 4.737 4.796v3.49c0 .111.032.221.093.316l1.175 1.828H2.494Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h17v17H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.icon-smile {
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23000' d='M9.5 19a9.438 9.438 0 0 1-6.718-2.782A9.438 9.438 0 0 1 0 9.5c0-2.538.988-4.923 2.782-6.718A9.438 9.438 0 0 1 9.5 0c2.537 0 4.923.988 6.718 2.782A9.438 9.438 0 0 1 19 9.5a9.438 9.438 0 0 1-2.782 6.718A9.438 9.438 0 0 1 9.5 19Zm0-17.516c-4.42 0-8.016 3.596-8.016 8.016S5.08 17.516 9.5 17.516s8.016-3.596 8.016-8.016S13.92 1.484 9.5 1.484Zm3.479 9.656a.742.742 0 0 0-1.025.227c-.01.015-.933 1.438-2.491 1.438s-2.482-1.423-2.491-1.438a.742.742 0 1 0-1.252.797c.055.087 1.379 2.125 3.743 2.125s3.688-2.038 3.743-2.125a.742.742 0 0 0-.227-1.024ZM6.234 6.123a.928.928 0 1 1 0 1.856.928.928 0 0 1 0-1.856Zm5.567.928a.928.928 0 1 0 1.855 0 .928.928 0 0 0-1.855 0Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h19v19H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

/* --- Form Fields --- */
.input-field,
.dropdown-field select {
    color: var(--light-text);
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.01em;
    font-family: var(--font-second);
}
.input-field:focus,
.dropdown-field select:focus {
    outline: none;
}
.input-field {
    border: 1px solid #D9DFE2;
    background-color: #ffffff;
    padding: 14px 15px 14px 15px;
    display: block;
    width: 100%;
}
.input-field::placeholder {
    color: var(--light-text);
}
.dropdown-field {
    position: relative;
    border: 1px solid #D9DFE2;
    background-color: #ffffff;
    width: 100%;
    display: block;
}
.dropdown-field::after {
    content: '';
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' %3E%3Cpath d='M4.059 4.82.193 1.055A.613.613 0 0 1 0 .62a.599.599 0 0 1 .185-.44A.631.631 0 0 1 .635 0a.645.645 0 0 1 .448.187L4.507 3.52 7.933.187a.64.64 0 0 1 .883.008.605.605 0 0 1 .007.86L4.953 4.82a.639.639 0 0 1-.89 0h-.004Z'/%3E%3C/svg%3E");
    width: 9px;
    height: 5px;
    background-color: var(--main-dark-blue-color);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: var(--mask-img);
    mask-image: var(--mask-img);
    position: absolute;
    right: 14px;
    top: 20px;
}
.dropdown-field select {
    width: 100%;
    display: block;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    padding-right: 35px;
    cursor: pointer;
    padding: 14px 14px 14px 14px;
}
a.button {
    font-family: var(--font-main);
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}

/* ------------- */
/* --- AUTOS --- */
/* ------------- */
.shop-category__autos::after {
    display: none;
}
.autos-page .shop-category__main {
    padding-bottom: 40px;
    margin-bottom: 0;
}
.autos-page {
    padding-bottom: 50px;
}

/* --- Search Form --- */
.autos-search-form-wrap {
    border-bottom: 1px solid #E8EDEF;
    padding: 31px 40px 34px 40px;
    margin-bottom: 50px;
}
.autos-search-form button,
.autos-search-form-wrap h3,
.autos-search-form-wrap label {
    color: var(--main-text-color);
    font-family: var(--font-main);
    text-transform: uppercase;
    letter-spacing: -0.01em;
}
.autos-search-form-wrap h3 {
    font-size: 21px;
    line-height: 23px;
    font-weight: 700;
    margin: 0 0 12px 0;
}
.autos-search-form {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 12px;
    --field-width: 180px;
    --this-gap: 12px;
}
.autos-search-form > div {
    width: var(--field-width)
}
.autos-search-form > div:first-child {
    width: calc(100% - 5 * var(--field-width) - 5 * var(--this-gap));
}
.autos-search-form > div:last-child {
    align-self: flex-end;
}
.autos-search-form label {
    font-size: 15px;
    line-height: 23px;
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}
.autos-search-form button {
    font-size: 15px;
    line-height: 23px;
    font-weight: 700;
    color: #ffffff;
    background-color: #E86113;
    border: none;
    display: block;
    width: 100%;
    cursor: pointer;
    padding: 0 0 0 0;
    height: 47px;
    text-align: center;
    transition: background-color 0.3s;
}
.autos-search-form button:hover {
    background-color: #C34E0A;
}

/* --- Sidebar Filters --- */
.autos-shop-sidebar {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    gap: 40px;
}
.autos-shop-sidebar .shop-category__sidebar,
.fashion-shop-sidebar .shop-category__sidebar {
    padding: 3px 0 13px 0;
}
.sidebar-filter-block {
    font-family: var(--font-second);
    font-size: 14px;
    line-height: 1.2em;
    color: #0F1435;
    padding: 18px 15px 21px 15px;
}
.sidebar-filter-block:not(:last-child) {
    border-bottom: 1px solid #DFE5E7;
}
.sidebar-filter-block h5 {
    color: var(--main-text-color);
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    letter-spacing: -0.02em;
    margin: 0 0 10px 0;
}
.sidebar-filter-block a {
    color: #E76113;
    position: relative;
    display: inline-block;
}
.sidebar-filter-block a::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #E76113;
    display: block;
    position: absolute;
    left: 0;
    bottom: 2px;
    transition: transform 0.2s;
    transform-origin: 0 50%;
}
.sidebar-filter-block a:hover::before {
    transform: scale(0, 1);
}

/* Default Filter */
.autos-filter {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
}
.autos-filter span {
    display: block;
}

/* Range Filter */
.filter-dd-range {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    padding-top: 2px;
    margin-bottom: -2px;
}
.filter-dd-range span {
    display: block;
    width: 8px;
    height: 1px;
    background-color: #D9DFE2;
}
.filter-dd-range .dropdown-field {
    width: calc(50% - 9px);
}
.filter-dd-range .dropdown-field select {
    padding: 9px 31px 8px 11px;
}
.filter-dd-range .dropdown-field::after {
    right: 12px;
    top: 15px;
}

/* Color Filter */
.filter-colors {
    padding: 1px 0 4px 0;
}
.filter-colors-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: -2px -3px -3px -3px;
    padding: 0;
}
.filter-colors-list li {
    margin: 3px;
    padding: 0;
    display: block;
    width: calc(16.66% - 6px);
    aspect-ratio: 1;
    list-style: none;
    border: 1px solid #0000001D;
    border-radius: 7px;
    cursor: pointer;
}
.filter-colors-list li.selected {
    outline: 2px solid var(--main-green-color);
    outline-offset: 1px;
}

/* Checkboxes and Radio Filter */
.filter-checkboxes,
.filter-radio {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 3px 0 4px 0;
}
.filter-checkboxes:not(:last-child),
.filter-radio:not(:last-child) {
    padding-bottom: 16px;
}
.filter-radio {
    gap: 10px;
}
.filter-checkboxes label,
.filter-radio label {
    position: relative;
    width: 100%;
    display: block;
    cursor: pointer;
    min-height: 20px;
    line-height: 20px;
    padding-left: 30px;
}
.filter-radio label {
    min-height: 22px;
    line-height: 22px;
}
.filter-radio label::before,
.filter-radio label::after,
.filter-checkboxes label::before,
.filter-checkboxes label::after {
    content: '';
    display: block;
    position: absolute;
}
.filter-radio label::before {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    left: 0;
    top: 0;
    border-radius: 50%;
}
.filter-checkboxes label::before {
    width: 20px;
    height: 20px;
    left: 0;
    top: -1px;
    border-radius: 5px;
}
.filter-radio label::before,
.filter-checkboxes label::before {
    border: 1px solid #00000027;
    background-color: #ffffff;
}
.filter-radio label::after,
.filter-checkboxes label::after {
    background-color: var(--main-green-color);
    transition: opacity 0.2s, transform 0.2s;
    transform: scale(0.5);
    opacity: 0;
    width: 12px;
    height: 12px;
}
.filter-radio label::after {
    border-radius: 50%;
    left: 5px;
    top: 5px;
}
.filter-checkboxes label::after {
    left: 4px;
    top: 3px;
    border-radius: 3px;
}
.filter-radio label:has(input:checked)::after,
.filter-checkboxes label:has(input:checked)::after {
    opacity: 1;
    transform: scale(1);
}
.filter-radio input,
.filter-checkboxes input {
    pointer-events: none;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
    transform: scale(0);
}
.filter-checkboxes span {
    display: inline-block;
    opacity: 0.6;
}

/* --- Listing Filter --- */
.shop-category__listing-filter {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    gap: 37px;
    padding-bottom: 22px;
}
.listing-filter-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 17px;
    font-size: 14px;
    line-height: 1.2;
    font-family: var(--font-second);
    color: var(--main-text-color);
}
.listing-filter-item span {
    display: block;
    white-space: nowrap;
    transform: translateY(1px);
}
.listing-filter-item .dropdown-field select {
    padding: 13px 14px 11px 18px;
}
.listing-filter-item .dropdown-field::after {
    top: 18px;
}
.listing-sort-by .dropdown-field {
    width: 126px;
}

/* --- Autos Shop Card --- */
.autos-product-card {
    position: relative;
    border: 1px solid #E8EDF0;
    padding: 6px;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    grid-row-gap: 16px;
}
.autos-product-card a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.autos-product-card i.is-video {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--main-white-color);
    position: absolute;
    right: 19px;
    top: 18px;
}
.autos-product-card i.is-video::before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 0 5px 9px;
    border-color: transparent transparent transparent var(--main-dark-blue-color);
    position: absolute;
    left: 17px;
    top: 15px;
 }
.autos-product-card-content {
    padding: 0 10px 4px 10px;
    font-weight: 400;
    font-family: var(--font-second);
    color: var(--main-text-color);
}
.autos-product-card-content > span {
    color: var(--content-color);
    font-size: 14px;
    line-height: 1.2em;
    letter-spacing: 0;
    display: block;
    margin: 0 0 6px 0;
}
.autos-product-card-content h5 {
    font-size: 19px;
    line-height: 22px;
    letter-spacing: -0.02em;
    margin: 0 0 9px 0;
}
.autos-product-card-content h5 span {
    display: block;
}
.autos-product-card-content h5.price {
    font-weight: 600;
}
.autos-product-banner {
    grid-column: span 3;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 17px 0;
}

/* --- Pagination --- */
.pagination-list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 0;
    margin: 0;
    font-family: var(--font-second);
    font-size: 17px;
    line-height: 1em;
    font-weight: 600;
    padding-top: 52px;
}
.pagination-list li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.pagination-list li a,
.pagination-list li span {
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    color: var(--main-text-color);
}
.pagination-list li a {
    transition: background-color 0.2s, color 0.2s;
}
.pagination-list li a:hover,
.pagination-list li a.current {
    background-color: var(--main-dark-blue-color);
    color: var(--main-white-color);
}
a.pagination-prev,
a.pagination-next {
    position: relative;
}
a.pagination-prev {
    margin-right: 10px;
}
a.pagination-next {
    margin-left: 10px;
}
a.pagination-prev::before,
a.pagination-next::before {
    content: '';
    width: 8px;
    height: 16px;
    display: block;
    position: absolute;
    top: calc(50% - 8px);
    background-color: var(--main-text-color);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: var(--mask-img);
    mask-image: var(--mask-img);
    transition: background-color 0.2s;
}
a.pagination-prev:hover::before,
a.pagination-next:hover::before {
    background-color: var(--main-white-color);
}
a.pagination-prev::before {
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='none'%3E%3Cpath stroke='%23000000' stroke-linecap='round' stroke-width='1.5' d='M7 1 2 6l5 5'/%3E%3C/svg%3E");
    left: calc(50% - 3px);
}
a.pagination-next::before {
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='none'%3E%3Cpath stroke='%23000000' stroke-linecap='round' stroke-width='1.5' d='m1 1 5 5-5 5'/%3E%3C/svg%3E");
    left: calc(50% - 2px);
}

/* --- AUTOS POST --- */
.autos-post {
    padding: 0 40px 55px 40px;
}
.autos-post-head {
    padding: 32px 40px 0;
}
/* --- Post Meta --- */
.autos-post-meta-wrap {
    padding: 28px 40px 0 40px;
    margin-left: -1px;
}
a.post-return {
    font-size: 14px;
    line-height: 1em;
    letter-spacing: 0;
    font-family: var(--font-second);
    color: var(--main-text-color);
}
a.post-return::before {
    content: '';
    width: 7px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 13px;
    transform: translateY(-0.25px);
    background-color: var(--main-text-color);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='none'%3E%3Cpath stroke='%23000000' stroke-linecap='round' stroke-width='1.5' d='M7 1 2 6l5 5'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--mask-img);
    mask-image: var(--mask-img);
    margin-bottom: 34px;
}
.autos-post-meta {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 19px;
    font-size: 15px;
    line-height: 1em;
    letter-spacing: 0;
    font-family: var(--font-second);
    color: var(--content-color);
    padding: 27px 0 0 0;
}
.autos-post-meta li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
}
.autos-post-meta i {
    width: 17px;
    height: 17px;
    background-color: var(--content-color);
    display: block;
}
/* --- Autos Post Title Block --- */
.autos-post-title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 32px;
}
.post-share {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    transform: translateY(-2px);
}
.post-share a {
    display: flex;
    position: relative;
    border: 1px solid #E4EDF0;
    width: 39px;
    height: 39px;
}
.post-share a i {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--content-color);
}
.autos-post-title h1 {
    font-size: 31px;
    line-height: 1em;
    letter-spacing: -0.01em;
    color: var(--main-text-color);
    font-weight: 700;
    margin: 0;
}
.autos-post-title span {
    font-size: 15px;
    line-height: 1em;
    letter-spacing: 0;
    margin: 8px 0 0 0;
    display: block;
    color: var(--content-color);
}

/* --- Autos Post Gallery --- */
.autos-post-gallery img {
    display: block;
}
.autos-gallery-main {
    margin-bottom: 13px;
}
.autos-gallery-thumbnails {
    display: grid;
    gap: 13px;
    grid-template-columns: repeat(6, 1fr);
}
.autos-gallery-thmb-item {
    position: relative;;
}
.autos-gallery-thmb-item i.is-video {
    width: 31px;
    height: 31px;
    display: block;
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
    background-color: var(--main-white-color);
}
.autos-gallery-thmb-item i.is-video::before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 0 4px 7px;
    border-color: transparent transparent transparent var(--main-dark-blue-color);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(calc(-50% + 1px), -50%);
}

/* --- Autos Post Summary --- */
.autos-post-summary {
    padding: 57px 0 54px 0;
    border-bottom: 1px solid #E8EDEF;
    margin-bottom: 53px;
}
.autos-summary-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.autos-summary-list li {
    display: flex;
    align-items: center;
    gap: 16px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.autos-summary-list i {
    background-color: #039A4A;
}
.icon-mileage {
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' fill='none'%3E%3Cg fill='%23000' clip-path='url(%23a)'%3E%3Cpath d='M14 .035a.917.917 0 0 0-1.13.632L.952 42.833a.917.917 0 0 0 1.763.499L14.633 1.166A.917.917 0 0 0 14 .035ZM43.048 42.834 31.13.668a.917.917 0 1 0-1.764.498l11.916 42.166a.917.917 0 0 0 1.765-.498ZM22 34.833a.917.917 0 0 0-.916.917v7.333a.917.917 0 1 0 1.833 0V35.75a.917.917 0 0 0-.916-.917ZM22 20.167a.917.917 0 0 0-.916.917v7.333a.917.917 0 1 0 1.833 0v-7.333a.917.917 0 0 0-.916-.917ZM22 7.334a.917.917 0 0 0-.916.917v5.5a.917.917 0 0 0 1.833 0v-5.5a.917.917 0 0 0-.916-.917ZM22 .001a.917.917 0 0 0-.916.917V2.75a.917.917 0 0 0 1.833 0V.918A.917.917 0 0 0 22.001 0Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h44v44H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 44px;
    height: 44px;
    margin-right: 5px;
}
.icon-power {
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' fill='none'%3E%3Cg fill='%23000' clip-path='url(%23a)'%3E%3Cpath d='M24.303 7.704A23.008 23.008 0 0 0 .958 37.246c.2.646.797 1.087 1.473 1.087H43.57a1.543 1.543 0 0 0 1.472-1.087A23 23 0 0 0 24.303 7.703ZM43.57 36.8l-41.143.005A21.467 21.467 0 0 1 24.22 9.234 21.458 21.458 0 0 1 43.57 36.8Z'/%3E%3Cpath d='M23 10.733a19.947 19.947 0 0 0-19.534 23.92.767.767 0 0 0 1.502-.306c-.193-.96-.31-1.935-.349-2.914H6.9a.767.767 0 1 0 0-1.533H4.62c.11-2.708.82-5.358 2.082-7.758l1.971 1.139a.767.767 0 1 0 .767-1.328l-1.969-1.137a18.54 18.54 0 0 1 5.678-5.678l1.137 1.969a.767.767 0 1 0 1.328-.767l-1.138-1.972a18.34 18.34 0 0 1 17.049 0l-1.139 1.972a.766.766 0 1 0 1.328.767l1.137-1.97a18.54 18.54 0 0 1 5.678 5.679l-1.969 1.137a.767.767 0 1 0 .767 1.328l1.972-1.139A18.27 18.27 0 0 1 41.38 29.9h-2.28a.767.767 0 1 0 0 1.533h2.28a18.448 18.448 0 0 1-.349 2.914.767.767 0 0 0 1.502.306A19.947 19.947 0 0 0 23 10.733Z'/%3E%3Cpath d='M25.663 26.922 24.6 15.27a1.605 1.605 0 0 0-3.199 0l-1.063 11.653a4.6 4.6 0 1 0 5.325 0ZM22.93 15.4a.077.077 0 0 1 .144 0l.984 10.79a4.449 4.449 0 0 0-2.113 0l.985-10.79ZM23 33.733a3.067 3.067 0 1 1 0-6.133 3.067 3.067 0 0 1 0 6.133Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h46v46H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 46px;
    height: 46px;
}
.icon-fuel {
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cg fill='%23000' clip-path='url(%23a)'%3E%3Cpath d='M36.423 5.244 33.09 1.911a.833.833 0 1 0-1.179 1.178l2.745 2.744-2.744 2.744a.833.833 0 0 0-.245.59v2.5A3.337 3.337 0 0 0 35.001 15v14.167a.834.834 0 0 1-1.667 0V27.5c0-1.379-1.121-2.5-2.5-2.5h-.833V3.333A3.337 3.337 0 0 0 26.667 0H10.001a3.337 3.337 0 0 0-3.334 3.333v30a3.337 3.337 0 0 0-3.333 3.334v2.5c0 .46.373.833.833.833h28.334c.46 0 .833-.373.833-.833v-2.5a3.337 3.337 0 0 0-3.333-3.334v-6.666h.833c.46 0 .833.373.833.833v1.667c0 1.378 1.122 2.5 2.5 2.5 1.379 0 2.5-1.122 2.5-2.5V5.833a.833.833 0 0 0-.244-.589ZM8.334 3.334c0-.92.748-1.667 1.667-1.667h16.666c.92 0 1.667.748 1.667 1.666v30h-20v-30Zm23.333 33.333v1.666H5.001v-1.666C5 35.747 5.749 35 6.667 35h23.334c.918 0 1.666.748 1.666 1.667Zm3.334-23.334a1.669 1.669 0 0 1-1.667-1.666V9.512l1.667-1.667v5.488Z'/%3E%3Cpath d='M25.833 3.333h-15a.833.833 0 0 0-.833.833v10.016c0 .46.373.833.833.833h15c.461 0 .834-.373.834-.833V4.166a.833.833 0 0 0-.834-.833ZM25 13.348H11.667V5H25v8.348Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h40v40H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 40px;
    height: 40px;
    margin-right: -2px;
}
.icon-transmission {
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23000' d='M31.714 0a4.292 4.292 0 0 0-4.285 4.286c0 2.069 1.474 3.8 3.428 4.198v8.659h-12V8.484a4.291 4.291 0 0 0 3.429-4.198A4.292 4.292 0 0 0 18 0a4.292 4.292 0 0 0-4.286 4.286c0 2.069 1.475 3.8 3.429 4.198v8.659h-12V8.484A4.291 4.291 0 0 0 8.57 4.286 4.292 4.292 0 0 0 4.286 0 4.292 4.292 0 0 0 0 4.286c0 2.069 1.474 3.8 3.429 4.198v19.032A4.291 4.291 0 0 0 0 31.714 4.292 4.292 0 0 0 4.286 36a4.292 4.292 0 0 0 4.285-4.286c0-2.069-1.474-3.8-3.428-4.198v-8.659h12v8.66a4.291 4.291 0 0 0-3.429 4.197A4.292 4.292 0 0 0 18 36a4.292 4.292 0 0 0 4.286-4.286c0-2.069-1.475-3.8-3.429-4.198v-8.659h12.857a.858.858 0 0 0 .857-.857V8.484A4.291 4.291 0 0 0 36 4.286 4.292 4.292 0 0 0 31.714 0ZM6.857 31.714a2.574 2.574 0 0 1-2.571 2.572 2.574 2.574 0 0 1-2.572-2.572 2.575 2.575 0 0 1 2.572-2.571 2.575 2.575 0 0 1 2.571 2.571ZM4.286 6.857a2.575 2.575 0 0 1-2.572-2.571 2.575 2.575 0 0 1 2.572-2.572 2.575 2.575 0 0 1 2.571 2.572 2.575 2.575 0 0 1-2.571 2.571ZM20.57 31.714A2.574 2.574 0 0 1 18 34.286a2.574 2.574 0 0 1-2.571-2.572A2.575 2.575 0 0 1 18 29.143a2.575 2.575 0 0 1 2.571 2.571ZM18 6.857a2.575 2.575 0 0 1-2.571-2.571A2.575 2.575 0 0 1 18 1.714a2.575 2.575 0 0 1 2.571 2.572A2.575 2.575 0 0 1 18 6.857Zm13.714 0a2.575 2.575 0 0 1-2.571-2.571 2.575 2.575 0 0 1 2.571-2.572 2.574 2.574 0 0 1 2.572 2.572 2.575 2.575 0 0 1-2.572 2.571Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h36v36H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 36px;
    height: 36px;
}
.icon-registration {
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' fill='none'%3E%3Cmask id='a' width='38' height='38' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M0 0h38v38H0V0Z'/%3E%3C/mask%3E%3Cg stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' mask='url(%23a)'%3E%3Cpath d='M35.542 26.108v9.109c0 1.23-.997 2.226-2.227 2.226H4.685a2.227 2.227 0 0 1-2.226-2.226v-3.098'/%3E%3Cpath d='M27.258 35.217H4.689a2.23 2.23 0 0 1-2.23-2.23V5.33a2.23 2.23 0 0 1 2.23-2.23h28.623a2.23 2.23 0 0 1 2.23 2.23v21.602a2.23 2.23 0 0 1-.653 1.577l-6.054 6.053a2.23 2.23 0 0 1-1.577.654Z'/%3E%3Cpath d='M26.344 35.217c1.009 0 1.827-.818 1.827-1.828v-3.715c0-1.01.818-1.828 1.828-1.828h3.715c1.01 0 1.828-.818 1.828-1.827M9.04 11.055H2.46M35.543 11.055H11.268M8.761 6.43a1.136 1.136 0 0 1-1.136-1.136V1.693c0-.628.509-1.136 1.136-1.136h.256c.627 0 1.136.508 1.136 1.136V3.1M28.984 6.43a1.136 1.136 0 0 1-1.136-1.136V1.693c0-.628.508-1.136 1.136-1.136h.255c.628 0 1.136.508 1.136 1.136V3.1M8.98 18.105H6.329a.53.53 0 0 1-.53-.53v-2.65a.53.53 0 0 1 .53-.53h2.65a.53.53 0 0 1 .53.53v2.65a.53.53 0 0 1-.53.53ZM16.544 18.105h-2.65a.53.53 0 0 1-.53-.53v-2.65a.53.53 0 0 1 .53-.53h2.65a.53.53 0 0 1 .53.53v2.65a.53.53 0 0 1-.53.53ZM24.108 18.105h-2.65a.53.53 0 0 1-.53-.53v-2.65a.53.53 0 0 1 .53-.53h2.65a.53.53 0 0 1 .53.53v2.65a.53.53 0 0 1-.53.53ZM31.671 18.105h-2.65a.53.53 0 0 1-.53-.53v-2.65a.53.53 0 0 1 .53-.53h2.65a.53.53 0 0 1 .53.53v2.65a.53.53 0 0 1-.53.53ZM8.98 24.991H6.329a.53.53 0 0 1-.53-.53v-2.65a.53.53 0 0 1 .53-.53h2.65a.53.53 0 0 1 .53.53v2.65a.53.53 0 0 1-.53.53ZM16.544 24.991h-2.65a.53.53 0 0 1-.53-.53v-2.65a.53.53 0 0 1 .53-.53h2.65a.53.53 0 0 1 .53.53v2.65a.53.53 0 0 1-.53.53ZM24.108 24.991h-2.65a.53.53 0 0 1-.53-.53v-2.65a.53.53 0 0 1 .53-.53h2.65a.53.53 0 0 1 .53.53v2.65a.53.53 0 0 1-.53.53ZM31.671 25.156h-2.65a.53.53 0 0 1-.53-.53v-2.65a.53.53 0 0 1 .53-.53h2.65a.53.53 0 0 1 .53.53v2.65a.53.53 0 0 1-.53.53ZM8.98 31.877H6.329a.53.53 0 0 1-.53-.53v-2.65a.53.53 0 0 1 .53-.531h2.65a.53.53 0 0 1 .53.53v2.65a.53.53 0 0 1-.53.531ZM16.544 31.877h-2.65a.53.53 0 0 1-.53-.53v-2.65a.53.53 0 0 1 .53-.531h2.65a.53.53 0 0 1 .53.53v2.65a.53.53 0 0 1-.53.531ZM20.928 29.46v-.764a.53.53 0 0 1 .53-.53h2.65a.53.53 0 0 1 .53.53v2.65a.53.53 0 0 1-.53.531h-2.65a.53.53 0 0 1-.53-.53'/%3E%3C/g%3E%3C/svg%3E");
    width: 38px;
    height: 38px;
}
.autos-summary-list li div {
    transform: translateY(-1px);
}
.autos-summary-list li span {
    font-size: 14px;
    line-height: 1em;
    color: var(--content-color);
}
.autos-summary-list li h5 {
    color: var(--main-text-color);
    font-size: 18px;
    line-height: 1em;
    font-weight: 700;
    margin: 4px 0 0 0;
}

/* --- Content --- */
.autos-post-main h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: var(--main-text-color);
}
/* Description */
.autos-post-description {
    font-size: 17px;
    line-height: 25px;
    color: var(--content-color);
}
.autos-post-description h4 {
    margin-bottom: 20px;
}
.autos-post-description p:not(:last-child) {
    margin: 0 0 25px 0;
}
/* Tec Data */
.autos-post-tec-data {
    padding-top: 45px;
}
.autos-post-tec-data h4 {
    margin-bottom: 4px;
}
.technical-data-list li {
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #E8EDEF;
    display: flex;
    justify-content: space-between;
    padding: 19px 0 18px 0;
    font-size: 17px;
    line-height: 1em;
    letter-spacing: -0.01em;
}
.technical-data-list h6 {
    color: var(--main-text-color);
    font-weight: 600;
}
.technical-data-list span {
    color: var(--content-color);
}
/* Features */
.autos-post-features {
    padding: 52px 0 0 0;
}
.autos-post-features h4 {
    margin-bottom: 26px;
}
.features-list {
    display: grid;
    gap: 17px;
    grid-template-columns: repeat(2, 1fr);
    padding: 0;
    margin: 0;
}
.features-list li {
    padding: 19px 51px 18px 19px;
    margin: 0;
    list-style: none;
    font-size: 17px;
    line-height: 1em;
    letter-spacing: -0.01em;
    color: var(--main-text-color);
    font-weight: 600;
    background-color: #F6F6F6;
    position: relative;
}
.features-list li::after {
    content: '';
    width: 13px;
    height: 13px;
    display: block;
    position: absolute;
    right: 19px;
    top: 20px;
    background-color: var(--main-green-color);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    --mask-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23000000' d='M12.698 2.125a1.031 1.031 0 0 0-1.458 0L4.677 8.688 1.76 5.771A1.031 1.031 0 1 0 .302 7.23l3.646 3.646a1.028 1.028 0 0 0 1.458 0l7.292-7.292a1.031 1.031 0 0 0 0-1.459Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h13v13H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    -webkit-mask-image: var(--mask-img);
    mask-image: var(--mask-img);
}

/* More Posts */
.autos-more-posts {
    padding-top: 52px;
}
.autos-more-posts h3 {
    font-size: 25px;
    line-height: 1em;
    letter-spacing: -0.01em;
    color: var(--main-text-color);
    font-weight: 700;
    margin: 0 0 25px 0;
}


/* --- Autos Post Sidebar --- */
.autos-post-sidebar {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
}
.autos-post-widget {
    width: 100%;
}
.widget-banner img {
    width: 100%;
    height: auto;
}
/* Price Widget */
.widget-price {
    letter-spacing: -0.01em;
}
.widget-price h2 {
    font-size: 31px;
    line-height: 1em;
    color: var(--main-green-color);
    font-weight: 700;
    margin-bottom: 7px;
}
.widget-price h6 {
    font-size: 16px;
    line-height: 1em;
    color: var(--main-text-color);
    font-weight: 600;
    margin-bottom: 2px;
}

/* Seller Card */
.widget-seller-card {
    background-color: #F6F6F6;
    padding: 30px 25px 31px;
}
.seller-info-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 31px;
}
.seller-info-wrap img {
    width: 70px;
    height: auto;
    border-radius: 50%;
}
.seller-info-content {
    transform: translateY(3px);
}
.seller-info-content span {
    color: var(--content-color);
    font-size: 14px;
    line-height: 1em;
    letter-spacing: 0;
}
.seller-info-content h5 {
    font-weight: 700;
    font-size: 18px;
    line-height: 1em;
    letter-spacing: -0.01em;
    margin: 3px 0 4px 0;
}
.seller-info-content span.member-since {
    font-size: 13px;
}
.seller-phone {
    font-size: 22px;
    line-height: 1em;
    letter-spacing: 0;
    font-family: var(--font-main);
    color: var(--main-text-color);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
    font-weight: 600;
    margin-bottom: 22px;
}
.seller-phone i {
    background-color: var(--main-text-color);
    width: 18px;
    height: 18px;
    transform: translateY(-2px);
}
.widget-seller-card a.button {
    font-size: 14px;
    line-height: 1em;
    letter-spacing: 0;
    width: 100%;
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    height: 45px;
    background-color: var(--main-white-color);
    border: 1px solid #E1E5E7;
}
.widget-seller-card a.button-mail {
    background-color: #EF7128;
    transition: background-color 0.2s;
    color: var(--main-white-color);
    border: none;
    margin-bottom: 6px;
}
.button-mail i {
    background-color: var(--main-white-color);
    width: 17px;
    height: 17px;
}
.widget-seller-card a.button-mail:hover {
    background-color: #E86113;
}

/* --------------- */
/* --- FASHION --- */
/* --------------- */
.fashion-page {
    padding: 0 40px 50px 40px;
    font-family: var(--font-second);
}
.fashion-page.shop-category {
    padding-left: 0;
    padding-right: 0;
}
.shop-category__fashion::after {
    display: none;
}
.shop-category__fashion {
    gap: 30px;
}

/* --- Fashion Slider General --- */
.swiper-slider .swiper-slide > a {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}
.fashion-slider-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    padding-top: 30px;
}
.fashion-slider-pagination.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, 
.fashion-slider-pagination.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
    flex-direction: row;
}
.fashion-slider-pagination span {
    width: 9px;
    height: 9px;
    display: block;
    border-radius: 50%;
    background: transparent;
    position: relative;
    opacity: 1;
}
.fashion-slider-pagination span::before,
.fashion-slider-pagination span::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
}
.fashion-slider-pagination span::before {
    border: 2px solid #000000;
}
.fashion-slider-pagination span::after {
    transition: opacity 0.2s;
    background-color: #E31B23;
    opacity: 0;
}
.fashion-slider-pagination span.swiper-pagination-bullet-active::after {
    opacity: 1;
}

.swiper-slider .swiper-button-next,
.swiper-slider .swiper-button-prev {
    width: 52px;
    height: 52px;
    background-color: #fff;
    border-radius: 50%;
    top: calc(50% - 26px);
    color: #000;
    opacity: 0;
    transition: opacity 0.2s;
}
.swiper-slider:has(.fashion-slider-pagination) .swiper-button-next,
.swiper-slider:has(.fashion-slider-pagination) .swiper-button-prev {
    top: calc(50% - 65px);
}
.swiper-slider .swiper-button-next::after,
.swiper-slider .swiper-button-prev::after {
    display: none;
}
.swiper-slider .swiper-button-next i,
.swiper-slider .swiper-button-prev i {
    font-size: 13px;
}
.swiper-slider:hover .swiper-button-next,
.swiper-slider:hover .swiper-button-prev {
    opacity: 1;
}

/* --- Fashion Header --- */
.fashion-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 28px;
    margin: 0;
    gap: 18px;
}
.fashion-menu li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--content-color);
    font-size: 15px;
    line-height: 1em;
    letter-spacing: 0.01em;
    font-family: var(--font-second);
    font-weight: 600;
}
.fashion-menu li a {
    transition: color 0.2s;
}
.fashion-menu li a:hover {
    color: #000000;
}
.fashion-menu li .current {
    font-weight: 700;
    color: #000000;
}
.fashion-menu li:not(:first-child)::before {
    content: '';
    width: 3px;
    height: 3px;
    display: block;
    border-radius: 50%;
    background-color: #C4C4C4;
    margin-right: 19px;
}
/* --- Fashion Search --- */
.search-line-form {
    padding: 27px 0 40px 0;
    position: relative;
}
.fashion-page.shop-category .search-line-form {
    padding-left: 40px;
    padding-right: 40px;
}
.search-line-form input {
    border: 1px solid #D9DFE2;
    padding: 16px 18px 15px 38px;
    font-size: 14px;
    line-height: 1em;
    font-family: var(--font-second);
    letter-spacing: 0.01em;
    color: var(--content-color);
    display: block;
    width: 100%;
}
.search-line-form input::placeholder {
    color: var(--content-color);
}
.search-line-form i {
    position: absolute;
    display: block;
    width: 17px;
    height: 17px;
    top: 42px;
    left: 12px;
    background-color: var(--content-color);
}
.fashion-page.shop-category .search-line-form i {
    left: 52px;
}

/* --- Fashion Sale Block --- */
.fashion-sale {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    --content-width: 296px;
    margin-bottom: 48px;
}
.fashion-sale-content {
    width: var(--content-width);
    background-color: #F6F6F6;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 56px 25px 46px 25px;
}
.fashion-sale-content h1 {
    font-size: 44px;
    line-height: 42px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #A82625;
    text-transform: uppercase;
    padding-left: 2px;
}
.fashion-sale-content a.button {
    background-color: var(--main-dark-blue-color);
    color: #ffffff;
    font-size: 15px;
    line-height: 23px;
    font-weight: 700;
    font-family: var(--font-main);
    display: inline-block;
    padding: 12px 49px;
}
.fashion-sale-slider {
    width: calc(100% - var(--content-width));
}
.fashion-sale-slider .swiper-slider {
    position: relative;
}
.fashion-sale-slider .fashion-slider-pagination {
    position: absolute;
    left: auto;
    right: 25px;
    bottom: 65px;
    z-index: 99;
    width: min-content;
}
.fashion-sale-slider .fashion-slider-pagination span::before {
    border-color: #fff;
}

/* --- Fashion Home --- */
.fashion-block h3 {
    font-weight: 700;
    font-size: 25px;
    line-height: 1em;
    letter-spacing: -0.01em;
    color: var(--main-text-color);
    margin-bottom: 30px;
}

/* Featured Brands */
.fashion-home-brands {
    margin-bottom: 48px;
}
.swiper-slider .swiper-slide > a.fashion-brands-item {
    aspect-ratio: 1;
    border: 1px solid #F0F0F0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.fashion-brands-item img {
    transform: translateY(-5px);
}
.fashion-brands-item h6 {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 18px;
    left: 0;
    font-size: 16px;
    line-height: 1em;
    letter-spacing: 0;
    color: var(--main-text-color);
    font-weight: 600;
}

/* Fashion Product Card */
.fashion-featured-products {
    margin-bottom: 47px;
}
.fashion-product-card {
    gap: 20px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
}
.fashion-product__image {
    position: relative;
}
.fashion-product-card img {
    display: block;
    width: 100%;
    height: auto;
}
.fashion-product__content span {
    display: block;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 7px;
    letter-spacing: -0.02em;
    color: var(--main-text-color);
}
.fashion-product__content h5 {
    font-size: 19px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: var(--content-color);
}
.fashion-product__content h5.price {
    font-weight: 600;
    color: var(--main-text-color);
    margin-top: 10px;
    margin-bottom: -5px;
}
.fashion-product-card i.is-video {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--main-white-color);
    position: absolute;
    right: 19px;
    top: 18px;
}
.fashion-product-card i.is-video::before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 0 5px 9px;
    border-color: transparent transparent transparent var(--main-dark-blue-color);
    position: absolute;
    left: 17px;
    top: 15px;
}

/* Fashion Category Card */
.fashion-categories {
    margin-bottom: 50px;
}
.fashion-category-item {
    gap: 19px;
    background-color: #F6F6F6;
    padding: 10px 10px 20px 10px;
}
.fashion-category-item h5 {
    text-align: center;
    color: var(--main-text-color);
    font-size: 21px;
    line-height: 1em;
    font-weight: 600;
}
.fashion-category-item h5 span {
    display: block;
    font-size: 17px;
    line-height: 1em;
    letter-spacing: 0;
    margin-bottom: 9px;
}

/* --- Fashion Search Page --- */
.fashion-catalog-filters {
    background-color: #F6F6F6;
    margin-bottom: 30px;
    padding-top: 2px;
    padding-bottom: 16px;
}
.fashion-catalog-filters .sidebar-filter-block {
    padding-top: 20px;
}
.shop-category__main.shop-category__fashion {
    margin: 0;
    padding-bottom: 17px;
}
.fashion-catalog-products .shop-category__listing-filter {
    padding-bottom: 36px;
}
.filter-range-slider .irs-single,
.filter-range-slider .irs-from,
.filter-range-slider .irs-to,
.filter-range-slider .irs-min,
.filter-range-slider .irs-max {
    display: none;
}
.filter-range-slider > .irs {
    margin-top: 0;
    height: 11px;
}
.filter-range-slider .irs-line {
    height: 5px;
    background-color: #ffffff;
    border-radius: 0;
    top: 1px;
}
.filter-range-slider .irs-handle.from,
.filter-range-slider .irs-handle.to {
    opacity: 0;
    top: -2px;
    width: 0;
    cursor: pointer;
}
.filter-range-slider .irs-handle.from::before,
.filter-range-slider .irs-handle.to::before {
    content: '';
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
}
.filter-range-slider .irs-bar {
    background: #039A4A;
    height: 5px;
    top: 1px;
}
.filter-range-slider .shop-category__price-output {
    padding-bottom: 22px;
    margin-bottom: 21px;
}

/* --- Fashion Post --- */
.fashion-post {
    padding-top: 3px;
    padding-bottom: 50px;
}
.fashion-post-return {
    padding: 28px 0 0 0;
    margin-left: -1px;
}
.fashion-post-grid {
    display: grid;
    gap: 19px;
    grid-template-columns: repeat(2, 1fr);
}
.fashion-post-grid img {
    display: block;
    width: 100%;
    height: auto;
}
.fashion-post-similar {
    border-top: 1px solid #EFEFEF;
    padding-top: 47px;
    padding-bottom: 3px;
}

.fashion-post .post-sidebar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 28px;
}
/* --- Fashion Post Sidebar --- */
.widget-fashion-post h1 {
    font-size: 31px;
    line-height: 1em;
    color: var(--main-text-color);
    font-weight: 700;
    margin: -5px 0 10px -1px;
}
.widget-fashion-post p {
    font-size: 17px;
    line-height: 21px;
    letter-spacing: -0.03em;
    color: var(--content-color);
    margin-bottom: 16px;
}
.widget-fashion-post h2 {
    color: #039A4A;
    font-size: 26px;
    line-height: 1em;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.widget-fashion-details h6,
.widget-share h5,
.widget-fashion-details h5 {
    color: var(--main-text-color);
    font-size: 17px;
    line-height: 1em;
    letter-spacing: -0.01em;
    font-weight: 600;
}
.widget-fashion-details h5 {
    margin-bottom: 8px;
}
.widget-fashion-details h6 {
    font-size: 14px;
}
.widget-fashion-details .fashion-specs span,
.widget-fashion-details p {
    font-size: 16px;
    line-height: 25px;
    color: var(--content-color);
    letter-spacing: -0.02em;
}
.widget-fashion-details .fashion-specs span {
    font-size: 13px;
    line-height: 1em;
    display: block;
    margin-bottom: 6px;
}

.widget-fashion-details {
    padding: 10px 0 9px 0;
}
.fashion-details-section:not(:first-child) {
    margin-top: 22px;
}
.widget-fashion-details hr {
    height: 2px;
    border: none;
    border-top: 2px solid #EDEDED;
    margin: 18px 0 0 0;
}
.fashion-specs ul {
    padding: 17px 0 0 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 21px;
    grid-row-gap: 15px;
}
.fashion-specs ul li {
    border-bottom: 1px solid #EDEDED;
    padding: 0 0 13px 0;
    margin: 0;
    list-style: none;
}

.widget-share h5 {
    margin-bottom: 17px;
}
.widget-share .post-share {
    justify-content: flex-start;
}

/* ------------------- */
/* --- REAL ESTATE --- */
/* ------------------- */
.real-estate-page {
    padding: 0 40px 50px 40px;
}
.real-estate-page .search-line-form {
    padding-top: 39px;
}
.real-estate-page .search-line-form i {
    top: 54px;
}
.real-estate-page h1,
.real-estate-page h2,
.real-estate-page h3,
.real-estate-page h4,
.real-estate-page h5,
.real-estate-page h6 {
    font-family: var(--font-main);
}
.real-estate-page p {
    font-size: 17px;
    line-height: 25px;
    color: var(--content-color);
    letter-spacing: -0.02em;
    font-family: var(--font-second);
}
.real-estate-page .content-with-sidebar:not(.re-intro-posts-wrap) {
    --this-gap: 50px;
    align-items: stretch;
}
.real-estate-page .content-with-sidebar:not(.re-intro-posts-wrap) > .is-sidebar {
    position: relative;
    padding-top: 57px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 30px;
}
.real-estate-page .content-with-sidebar.re-search-results > .is-sidebar {
    padding-top: 0;
    margin-top: -2px;
}
.real-estate-page .content-with-sidebar:not(.re-intro-posts-wrap):not(.re-search-results) > .is-sidebar::before {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: -25px;
    top: 0;
    background-color: var(--main-border-color);
}
.real-estate-post .content-with-sidebar > .post-sidebar.is-sidebar {
    gap: 40px;
}

/* --- Real Estate Post Preview Meta --- */
.re-meta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    gap: 20px;
}
.re-meta i {
    width: 14px;
    height: 14px;
    background-color: var(--light-text);
    transform: translateY(-1px);
}
.re-meta li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 7px;
    align-items: center;
    font-size: 14px;
    line-height: 1em;
    letter-spacing: -0.01em;
    font-family: var(--font-second);
}
.re-meta span {
    color: var(--light-text);
}
.re-meta a {
    color: var(--main-text-color);
}

/* --- Real Estate Intro Block --- */
.re-intro-block {
    padding: 47px 0 0 0;
    margin: 0;
}
.re-intro-block h1,
.re-intro-block h2 {
    font-size: 41px;
    line-height: 1.2em;
    letter-spacing: 0;
    color: #000000;
    font-weight: 700;
    margin: 0 0 16px -2px;
    text-transform: uppercase;
}

/* --- Featured Post --- */
.re-featured-post__image {
    position: relative;
    margin-bottom: 25px;
}
.re-featured-post__image span {
    background-color: var(--main-red-color);
    color: var(--main-white-color);
    font-size: 13px;
    line-height: 1em;
    text-transform: uppercase;
    font-family: var(--font-main);
    letter-spacing: 0.02em;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px 11px 6px 11px;
}
.re-featured-post__content h2 {
    margin: 0 0 8px 0;
    letter-spacing: -0.01em;
    color: var(--main-text-color);
}
.re-featured-post__content .re-meta {
    padding-top: 15px;
}

/* --- Post Preview --- */
.re-post-preview {
    flex-direction: column;
    gap: 15px;
}
.re-post-preview__image {
    position: relative;
}
.re-post-preview__image img {
    width: 100%;
    height: auto;
}
.re-post-preview__image span {
    position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1em;
    font-weight: 700;
    font-family: var(--font-main);
    color: var(--main-white-color);
    background-color: #10171D;
    padding: 5px 11px 6px 11px;
    letter-spacing: 0.02em;
}
.re-post-preview h5 {
    font-size: 21px;
    line-height: 23px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--main-text-color);
    margin-bottom: 10px;
}

/* --- Intro Posts --- */
.re-intro-posts-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;   
    padding: 33px 0 43px 0;
}
.selected-posts-list {
    padding: 15px 0 0 0;
    margin: 0;
}
.selected-posts-list li {
    list-style: none;
    padding: 14px 0 14px 18px;
    margin: 0;
    border-top: var(--main-border);
    font-size: 19px;
    line-height: 21px;
    letter-spacing: -0.01em;
    font-family: var(--font-main);
    color: var(--main-text-color);
    position: relative;
}
.selected-posts-list li::before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--main-text-color);
    position: absolute;
    left: 0;
    top: 21px;
}
.selected-posts-list li.is-video {
    padding-left: 40px;
}
.selected-posts-list li.is-video::after {
    content: '';
    position: absolute;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #F64F3D;
    transform: rotate(0deg);
    left: 11px;
    top: 30px;
}
.selected-posts-list li.is-video::before {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 2px solid var(--main-red-color);
    background-color: transparent;
}
.selected-posts-list li:has(img) {
    padding: 18px 0;
}
.selected-posts-list li:has(img)::before {
    display: none;
}
.selected-posts-list li a:has(img) {
    display: flex;
    gap: 17px;
    align-items: flex-start;
    justify-content: flex-start;
}
.selected-posts-list li a:has(img) img {
    width: 80px;
    display: block;
}
.selected-posts-list li a:has(img) h5 {
    width: 100%;
    margin: 9px 0 0 0;
    font-size: 19px;
    line-height: 21px;
    letter-spacing: -0.01em;
    font-family: var(--font-main);
    color: var(--main-text-color);
    font-weight: 600;
}

.more-selected-posts {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 13px;
}
.more-selected-posts::before,
.more-selected-posts::after {
    content: '';
    width: 50%;
    height: 1px;
    background-color: var(--main-border-color);
}
.more-selected-posts a {
    border: var(--main-border);
    color: var(--main-text-color);
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.01em;
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--font-main);
    padding: 11px 42px 9px 44px;
    display: block;
    white-space: nowrap;
}

/* --- Categories Carousel --- */
.re-categories-slider {
    margin-bottom: 55px;
}
.swiper-slider .swiper-slide > a.re-category-card {
    display: block;
    position: relative;
}
.re-category__content {
    position: absolute;
    bottom: 0;
    height: 81.5%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0 20px 25px 20px;
    font-size: 21px;
    line-height: 23px;
    letter-spacing: -0.01em;
    font-weight: 700;
    color: white;
    background: linear-gradient(to top, #00000080, #00000000);
}
.re-categories-slider .swiper-slider .swiper-button-next, 
.re-categories-slider .swiper-slider .swiper-button-prev {
    width: 32px;
    height: 46px;
    background-color: #F6F6F6;
    border-radius: 0;
    top: calc(50% - 23px);
    margin-top: 5px;
}
.re-categories-slider .swiper-slider .swiper-button-prev {
    left: 0;
}
.re-categories-slider .swiper-slider .swiper-button-next {
    right: 0;
}

/* --- Real Estate News List --- */
.re-latest-news h3 {
    font-size: 23px;
    line-height: 1.2em;
    letter-spacing: 0.02em;
    color: var(--main-text-color);
    font-weight: 700;
    margin: 0 0 27px 0;
    text-transform: uppercase;
}
.re-posts-list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 40px;
    margin-bottom: 50px;
}
.re-search-results .re-posts-list {
    margin-bottom: 65px;
}
.re-post-list-preview {
    display: flex;
    --this-gap: 30px;
    --img-width: 301px;
    align-items: center;
    gap: var(--this-gap);
    justify-content: flex-start;
}
.re-post-list__image {
    width: var(--img-width);
}
.re-post-list__content {
    width: calc(100% - var(--img-width) - var(--this-gap));
    transform: translateY(2px);
}
.re-post-list__content .re-post-category {
    font-size: 13px;
    line-height: 1em;
    font-family: var(--font-main);
    color: var(--main-red-color);
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    display: block;
    margin: 0 0 14px 0;
}
.re-post-list__content h4 {
    font-size: 26px;
    line-height: 29px;
    letter-spacing: -0.01em;
    color: var(--main-text-color);
    font-weight: 700;
    display: block;
    margin: 0 0 10px 0;
    max-width: 85%;
}
.re-post-list__content .re-meta {
    padding-top: 15px;
}

.button.re-more {
    align-self: center;
    padding: 14px 43px 13px 45px;
    margin-top: 10px;
    font-size: 15px;
    line-height: 23px;
    font-weight: 700;
    font-family: var(--font-main);
    letter-spacing: -0.01em;
    color: #F8F9FC;
    background-color: var(--main-red-color);
    transition: background-color 0.2s;
}
.button.re-more:hover {
    background-color: #C2070F;
}

/* --- Most Shared --- */
.real-estate-most-shared {
    border-top: var(--main-border);
    padding: 42px 40px 46px 40px;
    margin: 0 -40px;
}
.real-estate-most-shared h3 {
    font-size: 30px;
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--main-text-color);
    margin: 0 0 22px -2px;
}
.most-shared-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}

/* --- Real Estate Sidebar --- */
.page-sidebar .main__socials {
    padding: 36px 10px 38px;
}
.page-sidebar .main__socials-list {
    gap: 16px;
}
.re-sidebar-title {
    color: var(--main-text-color);
    font-weight: 700;
    font-size: 23px;
    line-height: 1em;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
}
.re-sidebar-title::after {
    content: '///';
}

/* Recent Topics */
.widget-recent-topics {
    padding: 18px 0 0 0;
}
.recent-topics-list {
    padding: 0;
    margin: 0 0 23px 0;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
    gap: 21px;
    counter-reset: post_count;
}
.recent-topics-list > li {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-increment: post_count;
}
.recent-topics-image {
    margin-bottom: 16px;
}
.recent-topics-image a {
    display: block;
    position: relative;
}
.recent-topics-image a.is-video::before,
.recent-topics-image a.is-video::after {
    content: '';
    position: absolute;
    display: block;
}
.recent-topics-image a.is-video::before {
    width: 46px;
    height: 47px;
    border: 2px solid #fff;
    border: 2px solid #fff;
    left: calc(50% - 23px);
    top: calc(50% - 23px);
}
.recent-topics-image a.is-video::after {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5.5px 0 5.5px 9px;
    border-color: transparent transparent transparent #ffffff;
    transform: rotate(0deg);
    left: calc(50% - 4px);
    top: calc(50% - 5.5px);
}
.recent-topics-content-wrap {
    padding-left: 42px;
    position: relative;
}
.recent-topics-content-wrap::before {
    content: counter(post_count) ".";
    position: absolute;
    left: 0;
    top: -2px;
    font-size: 44px;
    line-height: 1em;
    letter-spacing: -0.01em;
    font-weight: 600;
    font-family: var(--font-main);
    color: var(--main-red-color);
}
.recent-topics-content-wrap h5 {
    font-size: 21px;
    line-height: 23px;
    font-weight: 700;
    color: var(--main-text-color);
    letter-spacing: -0.01em;
    margin-bottom: 10px;
}
.recent-post-meta,
.recent-post-meta li {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}
.recent-post-meta li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.recent-post-meta li:not(:first-child)::before {
    content: '';
    width: 3px;
    height: 3px;
    display: block;
    background-color: var(--light-text);
    border-radius: 50%;
}
.recent-post-meta a,
.recent-post-meta span {
    font-size: 14px;
    line-height: 1em;
}
.recent-post-meta a {
    font-family: var(--font-main);
    color: var(--main-text-color);
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.recent-post-meta span {
    font-family: var(--font-second);
    color: var(--light-text);
    letter-spacing: -0.01em;
}

/* Recent News */
.re-post-sidebar .widget-recent-news {
    padding-top: 37px;
}
.recent-news-list {
    padding: 15px 0 0 0;
    margin: 0;
    --img-width: 80px;
    --this-gap: 17px;
}
.recent-news-list li {
    padding: 0;
    margin: 0;
    list-style: none;
    border-top: var(--main-border);
    padding: 18px 0;
}
.recent-news-list li a {
    display: flex;
    gap: 17px;
    align-items: flex-start;
    justify-content: flex-start;
}
.recent-news-list li img {
    width: 80px;
    display: block;
}
.recent-news-list li h5 {
    width: 100%;
    margin: 9px 0 0 0;
    font-size: 19px;
    line-height: 21px;
    letter-spacing: -0.01em;
    font-family: var(--font-main);
    color: var(--main-text-color);
    font-weight: 600;
}

/* --- Real Estate Search Result --- */
.real-estate-page h2.re-search-title {
    font-family: var(--font-second);
    margin-bottom: 30px;
}
.real-estate-page .shop-category__listing-filter {
    padding-bottom: 45px;
}

/* --- Real Estate Post --- */
.real-estate-post p {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
}
.real-estate-post p a {
    display: inline-block;
    position: relative;
    color: var(--main-text-color);
}
.real-estate-post p a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 1px;
    background-color: var(--main-blue-color);
    transform-origin: 50% 50%;
    transition: transform 0.2s;
}
.real-estate-post p a:hover::after {
    transform: scale(0, 1);
}
.re-post-head {
    padding: 57px 0 39px 0;
}
.re-post-head p {
    margin-bottom: 13px;
}

/* RE: Breadcrumbs */
.re-post-breadcrumbs,
.re-post-breadcrumbs li {
    gap: 8px;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.re-post-breadcrumbs {
    margin-bottom: 37px;
}
.re-post-breadcrumbs li {
    list-style: none;
}
.re-post-breadcrumbs li:not(:last-child)::after {
    content: '';
    width: 3px;
    height: 3px;
    background-color: var(--light-text);
    border-radius: 50%;
    display: block;
    transform: translateY(-0.5px);
}
.re-post-breadcrumbs li a {
    color: var(--light-text);
    font-size: 14px;
    line-height: 1em;
    letter-spacing: 0.02em;
    font-weight: 600;
    font-family: var(--font-second);
}

.post-category {
    background-color: var(--main-red-color);
    color: var(--main-white-color);
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1em;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 5px 11px 6px 11px;
    display: inline-block;
    font-family: var(--font-main);
    margin-bottom: 21px;
}

h1.post-title {
    font-size: 50px;
    line-height: 47px;
    font-weight: 700;
    font-family: var(--font-main);
    color: var(--main-text-color);
    letter-spacing: -0.01em;
    margin: 0 0 13px 0;
}

figure.re-post-featured-image {
    margin: 0 0 31px 0;
    width: 100%;
}
figure.re-post-featured-image img {
    display: block;
}
figure.re-post-featured-image figcaption {
    margin: 0 0 0 0;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: -0.02em;
    color: var(--light-text);
    padding: 10px 0 0 13px;
    position: relative;
}
figure.re-post-featured-image figcaption::before {
    content: '';
    width: 4px;
    height: 4px;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 19px;
    background-color: var(--main-red-color);
}

/* RE: Post Content */
.re-post-content {
    padding-bottom: 56px;
}
.re-post-content p:not(:last-child) {
    margin-bottom: 26px;
}
.re-post-gallery {
    padding: 16px 0 0 0;
    margin-bottom: 44px;
    display: grid;
    gap: 21px;
    grid-template-columns: repeat(2, 1fr);
}
.re-post-content .category-post__post-tags {
    padding-top: 11px;
    margin-bottom: 50px;
}
.re-post-content  .category-post__post-tags ul a {
    font-family: var(--font-main);
    font-size: 13px;
    line-height: 1em;
    letter-spacing: 0.02em;
    padding: 7px 15px 8px 15px;
}

/* --- RE: Post Comments --- */
.real-estate-post .comments__wrap {
    padding-top: 45px;
    padding-bottom: 54px;
    letter-spacing: -0.02em;
}
.real-estate-post .comments__wrap h3 {
    letter-spacing: 0;
    margin-bottom: 22px;
    color: var(--main-text-color);
}
.real-estate-post .comments__form h3 {
    margin-bottom: 20px;
}
.real-estate-post .comments__item-comment {
    padding-bottom: 31px;
}
.real-estate-post .comments__comment-body {
    padding-top: 14px;
}
.real-estate-post .comments__name {
    color: var(--main-text-color);
    font-family: var(--font-main);
    letter-spacing: 0;
}
.real-estate-post p.comments__text {
    font-size: 17px;
    line-height: 26px;
    color: var(--main-text-color);
    margin-bottom: 16px;
}
.real-estate-post .comments__item-reaction a:not(:nth-child(1)) {
    font-size: 16px;
    line-height: 22px;
    padding-top: 4px;
}
.real-estate-post .comments__item-reaction a:nth-child(1) {
    font-family: var(--font-main);
    font-size: 14px;
    line-height: 26px;
    padding: 2px 11px 1px 11px;
}
.real-estate-post .comments__item-action {
    font-family: var(--font-main);
    transform: translateY(1px);
}
.real-estate-post .comments__item-action a:nth-child(1) {
    padding-left: 24px;
}
.real-estate-post .comments__item-action a:nth-child(1)::before {
    transform: translateY(calc(-50% - 2px));
}
.real-estate-post .comments__item-action {
    gap: 22px;
}
.real-estate-post .comments__form label {
    font-size: 18px;
    font-family: var(--font-main);
}
.real-estate-post .comments__form label + label {
    margin-top: 27px;
}
.real-estate-post .comments__form label input {
    max-width: 460px;
}
.real-estate-post .comments__form-button {
    font-family: var(--font-main);
    letter-spacing: -0.01em;
}

.real-estate-post .real-estate-most-shared {
    padding-bottom: 9px;
}

@media (hover:none) {
    .swiper-slider .swiper-button-next, 
    .swiper-slider .swiper-button-prev {
        opacity: 1;
    }
}