@charset "UTF-8";
:root {
  --box-shadow-xs: 0 2px 5px -1px rgb(50 50 93 / 15%), 0 1px 3px -1px rgb(0 0 0 / 25%);
  --box-shadow-s: 0 6px 12px -2px rgb(50 50 93 / 25%), 0 3px 7px -3px rgb(0 0 0 / 30%);
  --box-shadow-m: 0 13px 27px -5px rgb(50 50 93 / 25%), 0 8px 16px -8px rgb(0 0 0 / 30%);
  --box-shadow-l: 0 30px 60px -12px rgb(50 50 93 / 25%), 0 18px 36px -18px rgb(0 0 0 / 30%);
  --box-shadow-xxl: 0 50px 100px -20px rgb(50 50 93 / 25%), 0 30px 60px -30px rgb(0 0 0 / 30%);
  --border-color-primary: rgb( var(--text-primary-rgb) / 25%);
  --border-radius: 30px;
  --border-radius-xs: 4px;
  --content-max-width: 1300px;
  --duration-short: 100ms;
  --duration-default: 200ms;
  --duration-long: 500ms;
  --spacing-xxs: 0.25rem;
  --spacing-xs: 0.5rem;
  --spacing-s: 0.75rem;
  --spacing-m: 1rem;
  --spacing-l: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-xxl: 3rem;
  
  color-scheme: light only;
}

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

html {
  font-size: 1rem;
  line-height: 1.5;
  height: 100%;
}

body {
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  margin: 0;
  font-family: var(--font-body-family);
  color: var(--text-primary);
  background-color: var(--bg-primary);
}

body.open {
  overflow: hidden;
}
body.open .backdrop {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: rgba(0, 0, 0, 0.4);
  z-index: 5;
}

main {
  flex-grow: 1;
}

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

iframe {
  display: block;
}

.link[href],
a[href]:not([class]) {
  text-decoration: none;
}

.icon {
  width: 1em;
  height: 1em;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important;
}

.d-none {
  display: none !important;
}

/* clears the ‘X’ */
input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

#admin-bar-iframe {
  z-index: -1;
}

:root {
  --font-size-xxl: 2.25rem;
  --line-height-xxl: 2.75rem;
  --font-size-xl: 1.5rem;
  --line-height-xl: 2rem;
  --font-size-l: 1.25rem;
  --line-height-l: 1.75rem;
  --font-size-m: 1rem;
  --line-height-m: 1.5rem;
  --font-size-s: 0.875rem;
  --line-height-s: 1.25rem;
  --font-size-xs: 0.75rem;
  --line-height-xs: 1rem;
  --font-size-xxs: 0.625rem;
  --line-height-xxs: 1rem;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
p,
[class*=fontsize-] {
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--this-fontsize);
  line-height: var(--this-lineheight);
}

h1,
.fontsize-xxl {
  --this-fontsize: var(--font-size-xxl);
  --this-lineheight: var(--line-height-xxl);
}

h2,
.fontsize-xl {
  --this-fontsize: var(--font-size-xl);
  --this-lineheight: var(--line-height-xl);
}

h3,
.fontsize-l {
  --this-fontsize: var(--font-size-l);
  --this-lineheight: var(--line-height-l);
}

h4, p,
.fontsize-m {
  --this-fontsize: var(--font-size-m);
  --this-lineheight: var(--line-height-m);
}

h5,
.fontsize-s {
  --this-fontsize: var(--font-size-s);
  --this-lineheight: var(--line-height-s);
}

h6,
.fontsize-xs {
  --this-fontsize: var(--font-size-xs);
  --this-lineheight: var(--line-height-xs);
  letter-spacing: 0.05em;
}

.fontsize-xxs {
  --this-fontsize: var(--font-size-xxs);
  --this-lineheight: var(--line-height-xxs);
  letter-spacing: 0.15em;
}

.emulate-viewport-xs {
  --font-size-xxl: 2.25rem;
  --line-height-xxl: 2.75rem;
  --font-size-xl: 1.5rem;
  --line-height-xl: 2rem;
  --font-size-l: 1.25rem;
  --line-height-l: 1.75rem;
}

.emulate-viewport-m {
  --font-size-xxl: 2.8125rem;
  --line-height-xxl: 3.25rem;
  --font-size-xl: 1.75rem;
  --line-height-xl: 2.25rem;
  --font-size-l: 1.5rem;
  --line-height-l: 2rem;
}

@media (min-width: 960px) {
  :root {
    --font-size-xxl: 2.8125rem;
    --line-height-xxl: 3.25rem;
    --font-size-xl: 1.75rem;
    --line-height-xl: 2.25rem;
    --font-size-l: 1.5rem;
    --line-height-l: 2rem;
  }
}
.emulate-viewport-l {
  --font-size-xxl: 3.5rem;
  --line-height-xxl: 4rem;
  --font-size-xl: 2.625rem;
  --line-height-xl: 3rem;
  --font-size-l: 1.75rem;
  --line-height-l: 2.5rem;
}

@media (min-width: 1240px) {
  :root {
    --font-size-xxl: 3.5rem;
    --line-height-xxl: 4rem;
    --font-size-xl: 2.625rem;
    --line-height-xl: 3rem;
    --font-size-l: 1.75rem;
    --line-height-l: 2.5rem;
  }
}
fieldset {
  border-color: var(--border-color-primary);
}

label {
  cursor: pointer;
}

summary {
  cursor: pointer;
  list-style: none;
}

details summary::-webkit-details-marker {
  display: none;
}

table {
  --this-fontsize: var(--font-size-s);
  --this-lineheight: var(--line-height-s);
  --this-border-color: var(--border-color-primary);
  --this-th-bg: rgb( var(--color-primary-rgb) / 10% );
  display: block;
  overflow: auto;
  border-collapse: collapse;
  border: none;
}
table * {
  margin: 0;
}
table * + * {
  /* margin-top: 1rem; */
}
table td,
table th {
  padding: 8px;
}

th {
  text-align: left;
  font-weight: 700;
  background-color: #F6F7F8;
}

td {
  vertical-align: top;
}
td p {
  margin-top: 0;
  margin-bottom: 0;
}
td p + p {
  margin-top: 1em;
}

.table-bordered th, .table-bordered td {
  border: 1px solid var(--this-border-color);
}

.table-stretch {
  width: 100%;
}

table tr:nth-child(odd) td {
  background-color:#fafafa;
}

.section {
  --section-padding-horizont: 1.25rem;
  --section-padding-top: 65px;
  --section-padding-bottom: 70px;
  --section-gap: var(--spacing-l);
  display: flex;
  flex-direction: column;
  gap: var(--section-gap);
  padding-left: var(--section-padding-horizont);
  padding-right: var(--section-padding-horizont);
  padding-top: var(--section-padding-top);
  padding-bottom: var(--section-padding-bottom);
  background-color: transparent;
}
@media (min-width: 600px) {
  .section {
    --section-padding-horizont: 72px;
    --section-padding-top: 80px;
    --section-padding-bottom: 85px;
  }
}
@media (min-width: 1240px) {
  .section {
    --section-padding-top: 110px;
    --section-padding-bottom: 120px;
  }
}
@media (min-width: 1440px) {
  .section {
    --section-padding-horizont: calc((100% - var(--content-max-width))/2);
  }
}

.section-header {
  padding: 0;
  padding-left: var(--section-padding-horizont);
  padding-right: var(--section-padding-horizont);
  background-color: var(--color-primary);
  font-family: var(--font-heading-family);
  color: var(--text-primary);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
}

.section-header.scrolled {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
}

.section-footer {
  background: var(--color-secondary);
  color: var(--text-accent_1);
  padding-top: 48px;
  padding-bottom: 48px;
}

.section__heading--1 {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  text-align: center;
  color: inherit;
}
@media (min-width: 600px) {
  .section__heading--1 {
    font-size: 28px;
  }
}
@media (min-width: 1240px) {
  .section__heading--1 {
    font-size: 32px;
  }
}

.section__heading {
  font-weight: 600;
  font-size: 28px;
  line-height: 1.3;
  text-align: center;
  color: inherit;
}
@media (min-width: 600px) {
  .section__heading {
    font-size: 32px;
  }
}
@media (min-width: 1240px) {
  .section-header {
    box-shadow: none;
  }
  .section__heading {
    font-size: 48px;
  }
}

.section__heading--3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 150%;
  color: inherit;
  margin-top: 16px;
}

.section__heading--3 a {
  color: inherit;
}
.section__heading--3 a:hover {
  color: inherit;
  opacity: 0.8;
}
@media (min-width: 1240px) {
  .section__heading--3 {
    font-size: 24px;
  }
}

.section__heading--5 {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: inherit;
}

.section__description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  font-family: var(--font-heading-family);
  color: var(--text-secondary);
}
@media (min-width: 600px) {
  .section__description {
    font-size: 20px;
  }
}

.text-align-left {
  text-align: left;
}

.container {
  width: 100%;
  margin: 0 auto;
  display: flex;
  background-color: transparent;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 1240px) {
  .container {
    max-width: var(--content-max-width);
  }
}

.container-grid {
  --this-container-columns: 4;
  --this-container-gap: var(--spacing-m);
  display: grid;
  gap: var(--this-container-gap);
  grid-template-columns: repeat(var(--this-container-columns), 1fr);
  margin: 0 auto;
  width: 100%;
}
.container-grid > * {
  grid-column: 1/-1;
}
@media (min-width: 960px) {
  .container-grid {
    --this-container-columns: 8;
    --this-container-gap: var(--spacing-l);
  }
}
@media (min-width: 1240px) {
  .container-grid {
    --this-container-columns: 12;
    max-width: var(--content-max-width);
  }
}

.block-item {
  grid-column: span 4;
}

.block-img-wrap {
  flex-shrink: 0;
  overflow: hidden;
}
.block-img-wrap img, .block-img-wrap svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.no-scroll {
  overflow: hidden;
  height: 100vh;
}


.categories__list {
  display: none;
  grid-template-columns: 1fr;
  width: fit-content;
  height: fit-content;
  gap: 30px;
  margin-top: 20px;
}

.categories__list[active] {
  display: grid;
}

@media (min-width: 600px) {
  .categories__list {
    gap: 16px;
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 960px) {
  .categories__list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 1240px) {
  .categories__list {
    margin-top: 0px;
    gap: 60px;
  }
  .app-card__trial {
    font-size: 14px;
  }
}


/*  Breadcrumbs  */

.desktop-breadcrumbs {
  display: none;
}

.mobile-breadcrumbs {
  display: block;
}


@media (min-width: 992px) {
  .desktop-breadcrumbs {
    display: block;
  }

  .mobile-breadcrumbs {
    display: none;
  }
}

.mobile-breadcrumbs .breadcrumbs__list li:last-child {
  display: flex;
  max-width: 100%;
}

.mobile-breadcrumbs .breadcrumbs__list li:last-child > .breadcrumb {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.breadcrumbs-dropdown {
  position: relative;
  display: flex;
  align-items: center;
}

.breadcrumbs-dropdown:hover .breadcrumbs-dropdown-menu {
  display: block;
}

.breadcrumbs-dropdown-btn {
  display: inline-flex;
  vertical-align: top;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 44px;
  height: 24px;
  background-color:#E6F7F0;
  color: #00AA63;
  border-radius: 5px;
  border: none;
  cursor: pointer;
}

.breadcrumbs-dropdown-btn svg {
  width: 10px;
  height: 3px;
  display: inline-block;
}

.breadcrumbs-dropdown-menu {
  display: none;
  min-width: 220px;
  background-color: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  border: 1px solid #d0d0d0;
  padding: 16px;
  border-radius: 8px;
  z-index: 1;
}

.breadcrumbs-dropdown-menu li {
  margin-bottom: 16px;
}

.breadcrumbs-dropdown-menu li:last-child {
  margin-bottom: 0;
}

.breadcrumbs-dropdown-menu svg {
  display: none;
}

.breadcrumbs-dropdown-menu li a,
.breadcrumbs-dropdown-menu li span {
  padding-right: 0;
}

.breadcrumbs-dropdown-wrapper .breadcrumb-item--home {
  display: none;
}

.breadcrumbs-overflow.breadcrumbs {
  overflow-x: auto;
}

.breadcrumbs__list {
  display: flex; 
  align-items: center;
  margin: 4px 0 0px;
  max-width: 100%;
  min-height: 25px;
}

.breadcrumbs__list svg {
  margin-left: 5px;
  margin-right: 5px;
}

.breadcrumbs__list > li span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.breadcrumbs__list > li:last-child {
  opacity: 0.6;
  overflow: hidden;
}

.breadcrumb {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  text-decoration: none;
  position: relative;
  color: inherit;
  display: flex;
  align-items: center;
  padding-right: 35px;
  white-space: nowrap;
}

.breadcrumb .icon-home {
  width: 25px;
  height: 20px;
}

.breadcrumb .icon-home svg {
  position: relative;
}

.breadcrumb svg {
  top: 50%;
  right: 0px;
  position: absolute;
  transform: translateY(-50%);
}

.breadcrumb--no-arrow svg {
  display: none;
}

.breadcrumbs__list--collections {
  /* width: fit-content; */
}
.breadcrumbs__list--collections li[data-index="0"] {
  order: 5;
}
.breadcrumbs__list--collections li[data-index="1"] {
  order: 4;
}
.breadcrumbs__list--collections li[data-index="2"] {
  order: 3;
}
.breadcrumbs__list--collections li[data-index="3"] {
  order: 2;
}
.breadcrumbs__list--collections li[data-index="4"] {
  order: 1;
}
.breadcrumbs__list--collections li:first-child {
  order: 0;
}
.breadcrumbs__list--collections li:last-child {
  order: 10;
}



.select.changer__select {
  width: 100%;
}
@media (min-width: 1240px) {
  .select.changer__select {
    display: none;
  }
}

.changer__list {
  display: none;
}
@media (min-width: 1240px) {
  .changer__list {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
}

.changer__item {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: inherit;
  width: fit-content;
  padding-bottom: 5px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}
.changer__item[data-active] {
  font-weight: 700;
  border-bottom: 2px solid var(--color-secondary);
}
.content > * {
  color: var(--text-secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 24px;
  font-family: var(--font-heading-family);
}
.content > *:first-child {
  margin-top: 0;
}
.content .icon {
  width: 15px;
  height: 15px;
}

.content h2 {
  font-weight: 700;
  color: var(--color-secondary);
  margin: 24px 0;
  font-family: var(--font-body-family);
  font-size: 20px;
}
.content h3 {
  font-weight: 700;
  color: var(--color-secondary);
  margin: 24px 0;
  font-family: var(--font-body-family);
  font-size: 18px;
}
.content h4 {
  font-weight: 700;
  margin: 16px 0;
  font-family: var(--font-body-family);
  font-size: 16px;
}
.content a {
  font-weight: 700;
  text-decoration: underline;
  color: inherit;
}
.content a:not([class]) {
  text-decoration: underline;
}
.content a:not([class]):hover {
  text-decoration: none;
}
.content a:hover {
  text-decoration: none;
}
.content img {
  width: 100%;
}
.content iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}
.content ul, .content ol {
  padding-left: 24px;
}
.content ul > li, .content ol > li {
  padding: 4px 0 4px 10px;
}
.content ul > li::marker, .content ol > li::marker {
  font-weight: 700;
}
.content ul {
  list-style: disc;
}
.content ul li::marker {
  color: #008950;
}
.content .learn-more {
  background: #EBEFF7;
  border-radius: 4px;
  padding: 24px;
  font-size: 16px;
  font-family: var(--font-body-family);
}
.content .learn-more > a {
  font-size: 14px;
  text-decoration: underline;
  color: var(--color-secondary);
  position: relative;
  padding-right: 25px;
  display: inline-block;
}
.content .learn-more > a::after {
  content: "";
  display: block;
  width: 25px;
  height: 20px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjI1NTkgNC40MTA4M0wxNi45Njk5IDkuMTI0ODZDMTcuMjk1NCA5LjQ1MDI4IDE3LjI5NTQgOS45Nzc5NSAxNi45Njk5IDEwLjMwMzRMMTIuMjU1OSAxNS4wMTc0QzExLjkzMDUgMTUuMzQyOSAxMS40MDI4IDE1LjM0MjkgMTEuMDc3NCAxNS4wMTc0QzEwLjc1MTkgMTQuNjkyIDEwLjc1MTkgMTQuMTY0NCAxMS4wNzc0IDEzLjgzODlMMTQuMzY4OCAxMC41NDc0SDMuMzMzMzNDMi44NzMxIDEwLjU0NzQgMi41IDEwLjE3NDQgMi41IDkuNzE0MTFDMi41IDkuMjUzODYgMi44NzMxIDguODgwNzggMy4zMzMzMyA4Ljg4MDc4SDE0LjM2ODhMMTEuMDc3NCA1LjU4OTM0QzEwLjc1MTkgNS4yNjM5IDEwLjc1MTkgNC43MzYyNiAxMS4wNzc0IDQuNDEwODNDMTEuNDAyOCA0LjA4NTM5IDExLjkzMDUgNC4wODUzOSAxMi4yNTU5IDQuNDEwODNaIiBmaWxsPSIjMjAyMDIwIi8+Cjwvc3ZnPgo=");
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 4px;
}
.content .notice {
  padding: 24px 36px;
  margin: 48px 0;
  border-left: 5px solid transparent;
  background-color: transparent;
  border-radius: 2px;
}
.content .notice--purple {
  background-color: rgba(158, 95, 240, 0.09);
  border-color: #9747FF;
}
.content .notice--green {
  background: #F6F7F8;
  border-color: #00AA63;
  font-size: 16px;
}
.content .faq {
  background: #f5f7ff;
  border-radius: 12px;
  padding: 36px;
  margin: 24px 0;
}
.content .faq h3 {
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  color: var(--color-secondary);
}
.content .faq details {
  padding: 20px 0px;
  color: var(--color-secondary);
}
.content .faq details summary {
  padding: 0 40px 0 0;
}
.content .faq details summary::after {
  top: 0;
  right: 0;
}
.content .faq details[open=""] > div {
  padding: 14px 0 0 0;
}
.content .badges {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.content .badge {
  width: fit-content;
  padding: 10px 20px 10px 50px;
  border-radius: 4px;
  font-family: var(--font-body-family);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  color: #423535;
  position: relative;
}
.content .badge::before {
  width: 18px;
  height: 20px;
  content: "";
  display: block;
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.content .badge.reviews {
  background: linear-gradient(267.71deg, #F4D25A 0%, #FFFCB3 99.66%);
}
.content .badge.reviews::before {
  background-image: url("./reviews-icon.svg");
}
.content .badge.raiting {
  background: linear-gradient(265.48deg, #A5FFB6 2.25%, #CDFED6 100%);
}
.content .badge.raiting::before {
  background-image: url("./raiting-icon.svg");
}
.content .badge.newcomer {
  background: linear-gradient(265.75deg, #F9998C 0.43%, #F9BEB6 100%);
}
.content .badge.newcomer::before {
  background-image: url("./newcomer-icon.svg");
}
.content .badge.apps {
  background: linear-gradient(266.39deg, #35B5FD 0.37%, #97D5F8 99.56%);
}
.content .badge.apps::before {
  background-image: url("./apps-icon.svg");
}
.content .badge.apps--low {
  background: linear-gradient(266.39deg, #FDCC9E 0.37%, #FCDFC4 99.56%);
}
.content .badge.expertise {
  background: linear-gradient(266.13deg, #FFA6D1 0%, #FEC8E2 99.6%);
}
.content .badge.expertise::before {
  background-image: url("./expertise-icon.svg");
}
.content .badge.expertise--beginner {
  background: linear-gradient(267.71deg, #B0ADFF 0%, #D4D2FD 99.66%);
}
.content .badge.expertise--pro {
  background: linear-gradient(267.76deg, #A0FFFF 0%, #C4FCFC 99.62%);
}
.content .list-about {
  list-style: none;
  padding: 0;
}
.content .list-about li {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 10px;
  align-items: center;
}
.content .list-about svg {
  width: 18px;
  height: 18px;
}
.content .link-to {
  display: inline;
  font-size: inherit;
  font-family: inherit;
  position: relative;
  padding-left: 5px;
}
.content .link-to::after {
  display: block;
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  content: "";
  background-image: url("./arrow-icon.svg");
  background-position: bottom;
  background-size: contain;
}
.content table {
  font-size: 12px;
}

.table-responsive {
  overflow-x: auto;
}

.date {
  font-family: var(--font-heading-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: inherit;
  opacity: 0.7;
}
.logo {
  max-width: 205px;
  display: block;
  width: fit-content;
  line-height: 0;
  height: fit-content;
}
.pagination {
  flex-wrap: wrap;
  gap: 10px;
  width: fit-content;
  margin: 0px auto;
  padding: 20px 0;
  display: none;
}
.pagination--mob {
  display: flex;
}
@media (min-width: 600px) {
  .pagination {
    display: flex;
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .pagination--mob {
    display: none;
  }
}

.pagination .page {
  border-radius: 100%;
  background: rgba(246, 247, 253, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination .page.current {
  background-color: #00C08A;
     
  color: var(--color-primary);
  padding: 10px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.pagination .page > a {
  padding: 10px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.pagination .page,
.pagination .deco,
.pagination span.page > a[href] {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--text-secondary);
}

.pagination .next,
.pagination .deco,
.pagination .prev {
  border-radius: 100%;
  background: rgba(246, 247, 253, 0.6);
}
.pagination .next > a,
.pagination .deco > a,
.pagination .prev > a {
  padding: 10px;
  width: 40px;
  height: 40px;
  color: var(--text-secondary);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.pagination .deco {
  padding: 10px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: default;
}

.pagination .prev {
  transform: rotate(180deg);
}

.c-search {
  display: block;
  margin: 15px 0;
  position: relative;
}

.c-search__input {
  width: 100%;
  background: var(--background-accent);
  border: 1px solid rgba(32, 32, 32, 0.1);
  outline: none;
  border-radius: 36px;
  padding: 14px 48px;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 140%;
}
.c-search__input::placeholder {
  opacity: 1;
}
.c-search__input::after, .c-search__input::before {
  display: none;
}
.c-search__input:focus {
  border-color: #00AA63;
}
.c-search__button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-secondary);
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}

.list-social {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}

.list-social__item {
  margin: 0 4px;
}

.list-social__link {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--secondary-color);
}

@media (min-width: 1240px) {
  .list-social {
    justify-content: flex-end;
  }
}

.icon {
  width: 40px;
  height: 40px;
}
.button {
  --animation-speed: var(--duration-default);
  --bg-color: var(--btn-background_1);
  --box-shadow-color: 50 50 93;
  --text-color: var(--btn-text_1);
  --this-gap: var(--spacing-xxs);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: var(--this-gap);
  max-width: 100%;
  height: 2.5rem;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: var(--text-color);
  background-color: var(--bg-color);
  border: 1px solid transparent;
  border-radius: var(--border-radius);
  text-decoration: none;
  transition: box-shadow var(--animation-speed) cubic-bezier(0.4, 0, 0.2, 1);
}
@media (hover: hover) {
  .button:not([disabled], .disabled):hover {
    border: 1px solid var(--bg-color);
    color: var(--bg-color);
    background: transparent;
  }
}
.button[disabled], .button.disabled {
  cursor: default;
  filter: grayscale(60%);
  opacity: 0.8;
}
.button .icon {
  width: 1em;
  height: 1em;
}

.button__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 auto;
  font-family: var(--font-body-family);
}

.button--primary {
  --bg-color: var(--color-primary);
  --box-shadow-color: var(--color-primary-rgb);
  --text-color: var(--text-for-primary);
}

.button--accent {
  --bg-color: var(--color-accent);
  --box-shadow-color: var(--color-accent-rgb);
  --text-color: var(--text-for-accent);
}
.checkbox {
  --color-checked: var(--color-accent);
  --color-unchecked: #92A3A5;
  --color-checker: var(--text-for-accent);
  --animation-speed: var(--duration-short);
  --spacing: var(--spacing-xxs);
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: var(--spacing);
  margin-left: calc(var(--spacing) * -1);
  transition: transform var(--animation-speed) cubic-bezier(0.4, 0, 0.23, 1) forwards;
}
.checkbox--disabled {
  cursor: default;
}
.checkbox:hover .checkbox__input:not(:disabled) ~ .checkbox__status, .checkbox:focus .checkbox__input:not(:disabled) ~ .checkbox__status {
  border-color: var(--color-checked);
}
.checkbox:hover .checkbox__input:not(:disabled) ~ .checkbox__label, .checkbox:focus .checkbox__input:not(:disabled) ~ .checkbox__label {
  color: var(--color-checked);
}
.checkbox > * {
  transition: all var(--animation-speed) cubic-bezier(0.4, 0, 0.23, 1);
}
.checkbox [type=checkbox] {
  display: none;
}

.checkbox__input:disabled ~ .checkbox__label {
  opacity: 0.6;
  cursor: default;
}
.checkbox__input:disabled ~ .checkbox__status {
  opacity: 0.4;
  cursor: default;
}

.checkbox__status {
  display: none;
}
.checkbox .checkbox__status {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: 2px solid var(--color-unchecked);
  border-radius: 2px;
  cursor: pointer;
  transition: all var(--animation-speed) cubic-bezier(0.4, 0, 0.23, 1);
}

.checkbox__input:checked ~ .checkbox__status {
  border: 0.65em solid var(--color-checked);
}
.checkbox__input:checked ~ .checkbox__status::before {
  box-sizing: content-box;
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZD0iTTQ0MCA2Ni42Yy0zLjYuNy05LjkgMy0xNCA1LTcuMyAzLjUtMTAuOSA3LTExNyAxMTIuOS02MC4yIDYwLjEtMTEwLjkgMTEwLTExMi43IDExMC45LTMuNyAxLjktOCAyLTEyIC41LTEuNS0uNS0yMi40LTIwLjUtNDYuMy00NC4zLTQwLjctNDAuNC00NC00My40LTUxLTQ2LjktOS44LTQuOC0xNy42LTYuNy0yNy41LTYuNy0zNC4yIDAtNjEuNCAyOC44LTU5LjIgNjIuNS43IDkuOSAzLjUgMTkuMSA4LjMgMjcuMSAyLjggNC43IDIwLjUgMjMgNzUuMyA3Ny43IDY4LjcgNjguNiA3MS45IDcxLjYgNzkuMSA3NS4xIDE4IDguNyAzNS40IDguNiA1NC0uNWw4LjUtNC4xIDEzNC44LTEzNC43Yzc0LjEtNzQgMTM2LjUtMTM2LjkgMTM4LjctMTM5LjYgMTQuMi0xOC40IDE2LjgtNDEuNyA2LjktNjIuNS0xMS42LTI0LjYtMzkuMi0zOC4yLTY1LjktMzIuNHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
}

.checkbox__label {
  word-break: break-word;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

@keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    border-color: var(--color-checker);
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 0.2em;
    height: 0;
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    width: 0.2em;
    height: 0.5em;
    border-color: var(--color-checker);
    transform: translate3d(0, -0.5em, 0) rotate(45deg);
  }
}
.details {
  --bg-hover: rgb( var(--color-primary-rgb) / 10% );
  --border-color: var(--border-color-primary);
  transition: all var(--duration-default) cubic-bezier(0.4, 0, 0.2, 1);
}
.details + .details {
  border-top: 1px solid var(--border-color);
}
.details[open] {
  padding-bottom: 40px;
}
.details[open] .details__content {
  padding-bottom: 0;
}

.summary {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.summary::-webkit-details-marker {
  display: none;
}
[open] > .summary {
  padding-bottom: 0;
}
[open] > .summary > .icon {
  transform: rotate(180deg);
}

.details__content {
  margin-top: 0.5rem;
  margin-left: 2rem;
  margin-right: 0.5rem;
}
.radio {
  --color-checked: var(--color-accent);
  --color-unchecked: var(--text-primary);
  --color-checker: var(--text-for-accent);
  --animation-speed: var(--duration-default);
  --spacing: var(--spacing-xxs);
  display: inline-flex;
  align-items: flex-start;
  gap: var(--spacing);
  padding: var(--spacing);
  margin-left: calc(var(--spacing) * -1);
  transition: transform var(--animation-speed) cubic-bezier(0.4, 0, 0.23, 1) forwards;
}
.radio--disabled {
  cursor: default;
}
.radio:hover .radio__input:not(:disabled) ~ .radio__status, .radio:focus .radio__input:not(:disabled) ~ .radio__status {
  border-color: var(--color-checked);
}
.radio:hover .radio__input:not(:disabled) ~ .radio__label, .radio:focus .radio__input:not(:disabled) ~ .radio__label {
  color: var(--color-checked);
}
.radio [type=radio] {
  display: none;
}
.radio > * {
  transition: all var(--animation-speed) cubic-bezier(0.4, 0, 0.23, 1);
}

.radio__input:checked ~ .radio__label {
  color: var(--color-checked);
}
.radio__input:checked ~ .radio__status {
  border: 6px solid var(--color-checked);
  background-color: var(--text-for-accent);
}
.radio__input:disabled ~ .radio__label {
  opacity: 0.6;
  cursor: default;
}
.radio__input:disabled ~ .radio__status {
  opacity: 0.4;
  cursor: default;
}

.radio__status {
  display: none;
}
.radio .radio__status {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  background-color: transparent;
  border: 2px solid var(--color-unchecked);
  border-radius: 50%;
  cursor: pointer;
}

.radio__label {
  word-break: break-word;
}
.link-to {
  width: 100%;
  color: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  margin-top: 30px;
  gap: 5px;
}
.link-to:hover {
  opacity: 0.9;
}
.link-to > .icon-arrow {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  flex-shrink: 0;
}
.link-to--circle {
  padding: 10px 20px;
  gap: 4px;
  width: max-content;
  border: 1px solid var(--color-secondary);
  border-radius: 36px;
  text-decoration: none;
  transition: all 0.3s;
}
.link-to--circle:hover {
  color: var(--color-primary);
  background: var(--color-secondary);
}
.link-to--accent {
  background-color: #00AA63;
  color: #fff;
  border-color: #00AA63;

}
.link-to--accent:hover {
  background-color: #fff;
  color: #222;
}
.link-to--accent-secondary {
  background-color: transparent;
  color: #202020;
  border-color: #00AA63;

}
.link-to--accent-secondary:hover {
  background-color: #E4FFF4;
  color: #202020;
}
.link-to--accent-secondary .icon-arrow path {
  fill: #00AA63;
}

.select {
  --animation-speed: var(--duration-default);
  --bg-color: var(--text-reversed);
  --border-radius: var(--border-radius-xxs);
  --box-shadow-color: 50 50 93;
  --text-color: var(--text-primary);
  --this-gap: var(--spacing-xxs);
  position: relative;
  display: inline-flex;
  align-items: center;
}
.select select {
  appearance: none;
  width: 100%;
  min-width: auto;
  margin: 24px 0;
  padding: 12px 16px 12px 24px;
  gap: 16px;
  background: var(--select-background);
  border: 1px solid rgba(32,32,32,0.1);
  border-radius: 36px;
  font-family: var(--font-body-family);
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: var(--select-text);
  cursor: pointer;
}
.select select[multiple] {
  padding: 0;
  height: 100%;
}
.select select[multiple] option {
  padding: 0.5em;
  line-height: 2;
}
.select select:focus {
  outline: none;
}
.select select[disabled] {
  cursor: default;
  filter: grayscale(60%);
  opacity: 0.8;
}
.select select[disabled] ~ .icon {
  filter: grayscale(60%);
  opacity: 0.4;
}
.select select:focus ~ .icon {
  transform: rotate(180deg);
}
.select .icon {
  position: absolute;
  z-index: 1;
  right: 0.75rem;
  width: 24px;
  height: 26px;
  pointer-events: none;
}
.textarea {
  width: 100%;
  padding: 0.5rem;
  font-family: inherit;
}
.form-field-wrap {
  --this-padding-top: 0.75rem;
  --this-padding-bottom: 1rem;
  --this-status-color: var(--color-primary);
  position: relative;
  padding-top: var(--this-padding-top);
  padding-bottom: var(--this-padding-bottom);
  display: inline-flex;
  flex-direction: column;
  text-align: left;
}
.form-field-wrap::before, .form-field-wrap::after {
  position: absolute;
  bottom: var(--this-padding-bottom);
  content: "";
  height: 1px;
}
.form-field-wrap::before {
  width: 100%;
  background-color: currentColor;
  opacity: 0.6;
}
.form-field-wrap::after {
  width: 0;
  background-color: var(--this-status-color);
  transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.form-field-wrap:focus-within::after {
  width: 100%;
}

.form-field-wrap--error {
  --this-status-color: var( --color-error);
}
.form-field-wrap--error::before {
  background-color: var(--this-status-color);
}
.form-field-wrap--error .form-field-wrap__label {
  color: var(--this-status-color);
}

.form-field-wrap__input {
  all: unset;
  padding: 0;
  font-family: var(--font-body-family);
}
.form-field-wrap__input::placeholder {
  opacity: 0;
}
.form-field-wrap__input:-webkit-autofill, .form-field-wrap__input:-webkit-autofill:hover, .form-field-wrap__input:-webkit-autofill:focus, .form-field-wrap__input:-webkit-autofill:active {
  transition-delay: 9999s;
  transition-property: background-color, color;
}

.form-field-wrap__label {
  position: absolute;
  top: var(--this-padding-top);
  transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  text-transform: capitalize;
}

.form-field-wrap__input:focus + .form-field-wrap__label,
.form-field-wrap__input:not(:placeholder-shown) + .form-field-wrap__label {
  top: 0;
  font-size: var(--this-padding-top);
  line-height: 1;
  color: var(--this-status-color);
}

.form-field-wrap__field-hint {
  position: absolute;
  bottom: 2px;
  font-size: var(--this-padding-top);
  line-height: 1;
  color: var(--this-status-color);
}



/*  Product Pricing section  */

.section-product-pricing {
  padding-top: 36px;
  padding-bottom: 36px;
  border-bottom: 1px solid #e1e3e5;
}

.section-product-pricing .container {
  gap: 32px;
}

.section-product-pricing .section__heading {
  width: 100%;
  font-size: 24px;
}

.product-pricing {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  width: 100%;
  justify-content: center;
}

.product-unavailable .product-pricing {
  filter: grayscale(1);
}

.product-unavailable .product-pricing + .product-pricing__link {
  border-color: #bcbcbc;
  background-color: #bcbcbc;
  pointer-events: none;
  color: #fcfcfc;
  cursor: not-allowed;
}

.product-unavailable .product-pricing + .product-pricing__link svg {
  display: none;
}

.product-pricing__card {
  flex: 1 1 260px;
  max-width: 470px;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.plan-4 .product-pricing__card {
  flex: 1 1 300px;
}

.product-pricing__yearly {
  color: #05aa64;
  font-size: 14px;
}

.product-pricing__name {
  background-color: #f6f7f8;
  padding: 16px 24px;
  position: relative;
}

.product-pricing__name > h3 {
  font-family: var(--font-body-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #4c4c4c;
  margin-bottom: 8px;
}
.product-pricing__name > p {
  font-family: var(--font-body-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  color: var(--color-secondary);
}

.product-pricing__benefits {
  padding: 16px 20px;
  color: var(--color-secondary);
}

.product-pricing__benefits > p {
  font-family: var(--font-body-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 16px;
}

.product-pricing__benefits > ul {
  list-style: georgian outside url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTkuODg4OTUgMS4yMzU0TDkuODg4OTcgMS4yMzUzOUMxMC4wODQyIDEuMDQwMTQgMTAuNDAwOCAxLjA0MDE0IDEwLjU5NiAxLjIzNTM5TDEwLjk0OTYgMC44ODE4NDhMMTAuNTk2IDEuMjM1MzlDMTAuNzkxMyAxLjQzMDY1IDEwLjc5MTMgMS43NDcyNSAxMC41OTYgMS45NDI1MUMxMC41OTYgMS45NDI1MSAxMC41OTYgMS45NDI1MSAxMC41OTYgMS45NDI1MUw1LjAwOTk1IDcuNTI4NjNDNC43NzU2IDcuNzYyOTggNC4zOTU2OSA3Ljc2Mjk3IDQuMTYxMzggNy41Mjg2NEw0LjE2MTM3IDcuNTI4NjNMMS40MDM2NSA0Ljc3MDkzTDEuNDAzNjQgNC43NzA5M0MxLjIwODQgNC41NzU2OSAxLjIwODQgNC4yNTkwOSAxLjQwMzY0IDQuMDYzODZDMS41OTg5MSAzLjg2ODYgMS45MTU1IDMuODY4NiAyLjExMDc2IDQuMDYzODRDMi4xMTA3NiA0LjA2Mzg0IDIuMTEwNzYgNC4wNjM4NSAyLjExMDc3IDQuMDYzODVMNC4yMzIwNSA2LjE4NTE0TDQuNTg1NiA2LjUzODY5TDQuOTM5MTUgNi4xODUxNEw5Ljg4ODk1IDEuMjM1NFpNNiAtNS40OTk1MUMxMS41MjI4IC01LjQ5OTUxIDE2IC0xLjAyMjM2IDE2IDQuNTAwNDlDMTYgMTAuMDIzMyAxMS41MjI4IDE0LjUwMDUgNiAxNC41MDA1QzAuNDc3MTUgMTQuNTAwNSAtNCAxMC4wMjMzIC00IDQuNTAwNDlDLTQgLTEuMDIyMzYgMC40NzcxNSAtNS40OTk1MSA2IC01LjQ5OTUxWiIgc3Ryb2tlPSIjMDBBQTYzIi8+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3N2Zz4=");
  padding-left: 20px;
}

.product-pricing__benefits > ul > li {
  font-family: var(--font-heading-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 10px;
  padding-left: 6px;
}

.product-pricing__footer {
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  background-color: rgba(46, 114, 210, 0.1);
  margin-top: auto;
  color: #2E72D2;
}

.product-pricing__link {
  font-weight: 500;
  margin-top: 12px;
  margin-bottom: 32px;
}

@media (min-width: 750px) {
  .product-pricing__link {
    min-width: 260px;
  }
}

@media (min-width: 992px) {
  .product-pricing {
    column-gap: 36px;
    row-gap: 28px;
  }
}



/*    */

.section-articles-list {
  background: var(--color-secondary);
  color: var(--color-primary);
  padding-top: 64px;
}
@media (min-width: 600px) {
  .section-articles-list {
    padding-top: 80px;
  }
}
@media (min-width: 1240px) {
  .section-articles-list {
    padding-top: 110px;
  }
}
.section-articles-list h2 {
  padding-bottom: 16px;
}
@media (min-width: 600px) {
  .section-articles-list h2 {
    padding-bottom: 24px;
  }
}
@media (min-width: 1240px) {
  .section-articles-list h2 {
    padding-bottom: 40px;
  }
}

.article-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 40px;
  column-gap: 15px;
}
.article-list .article-author {
  color: var(--color-secondary);
  padding-top: 10px;
}

.article {
  max-width: 300px;
  width: 100%;
  word-break: break-word;
}
.article .section__description {
  color: inherit;
  opacity: 0.8;
  font-size: 16px;
}

.article__link {
  color: inherit;
  text-decoration: none;
}

.article__link .section__heading--3 {
  font-size: 20px;
  margin-bottom: 8px;
}

.article__image {
  border-radius: 4px;
  aspect-ratio: 1/1;
}

.article-list .article-tags {
  padding-top: 15px;
  padding-bottom: 0;
  gap: 8px;
}
.article-list .article-tags span {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: var(--color-primary);
  background: #00C08A;
  padding: 6px 10px;
  border-radius: 20px;
}

.article__info {
  color: inherit;
}

@media (min-width: 600px) {

}

@media (min-width: 992px) {
  .article-list {
    flex-wrap: nowrap;
  }
  .article {
    max-width: none;
  }
}
@media (min-width: 1240px) {
  .article-list {
    gap: 30px;
  }
}




.section-changelog {
  padding-top: 0;
  padding-bottom: 32px;
}
.section-changelog .section__heading {
  padding-bottom: 12px;
}
@media (min-width: 1240px) {
  .section-changelog .section__heading {
    padding-bottom: 4px;
  }
}

.changelog {
  padding: 36px 0;
  border-bottom: 1px solid rgba(76, 76, 76, 0.25);
}
.changelog:first-child {
  padding-top: 16px;
}
.changelog:last-child {
  border-bottom: none;
}
@media (min-width: 600px) {
  .changelog {
    padding-left: 85px;
    position: relative;
  }
  .changelog:first-child {
    padding-top: 24px;
  }
}
@media (min-width: 1240px) {
  .changelog {
    padding-left: 210px;
  }
  .changelog:first-child {
    padding-top: 36px;
  }
}

.changelog__date {
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  color: var(--text-secondary);
  margin-bottom: 24px;
}
.changelog__date > span {
  font-weight: 400;
}
@media (min-width: 600px) {
  .changelog__date {
    line-height: 110%;
    font-weight: 400;
    position: absolute;
    left: 0;
    padding-top: 8px;
  }
  .changelog__date > span {
    font-size: 14px;
  }
}
@media (min-width: 1240px) {
  .changelog__date {
    font-size: 34px;
  }
  .changelog__date > span {
    font-size: 20px;
  }
}

.changelog__product {
  display: flex;
  gap: 16px;
}
.changelog__product > img {
  width: 75px;
  height: 75px;
}

.changelog__product-info {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--text-primary);
}
.changelog__product-info > h3 {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  color: inherit;
  padding-bottom: 6px;
}
.changelog__product-info .rate {
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--text-secondary);
}
.changelog__product-info .rate .rate__stars {
  padding: 0 4px 2px;
  display: flex;
  gap: 2px;
}
.changelog__product-info .rate .rate__stars .review-star-icon {
  display: flex;
}
.changelog__product-info .rate .rate__stars .review-star-icon svg {
  width: 14px;
  height: auto;
}
.changelog__product-info .rate--no-reviews {
  flex-wrap: wrap;
  column-gap: 5px;
  color: var(--text-secondary);
}
.changelog__product-info .rate--no-reviews .block-img-wrap {
  color: var(--text-secondary);
}
@media (min-width: 600px) {
  .changelog__product-info .rate {
    margin-top: 14px;
  }
}
@media (min-width: 1240px) {
  .changelog__product-info > h3 {
    font-size: 20px;
  }
}

.changelog__content {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: var(--text-secondary);
  font-family: var(--font-heading-family);
  padding-top: 12px;
}
.changelog__content strong {
  color: var(--text-primary);
  font-family: var(--font-body-family);
  margin: 8px 0;
  display: block;
}
@media (min-width: 1240px) {
  .changelog__content {
    padding-left: 90px;
  }
}
.section-collection-childs {
  padding-top: 36px;
  padding-bottom: 64px;
}
@media (min-width: 600px) {
  .section-collection-childs {
    padding-top: 48px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1240px) {
  .section-collection-childs {
    padding-top: 110px;
    padding-bottom: 120px;
  }
}

.collection-childs {
  width: 100%;
}
.collection-childs__list {
  width: 100%;
}

.collection-child {
  padding-top: 32px;
  padding-bottom: 32px;
  border-top: 1px solid rgba(76, 76, 76, 0.2509803922);
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
.collection-child:first-child {
  padding-top: 0px;
  border-top: none;
}
@media (min-width: 600px) {
  .collection-child {
    padding-top: 24px;
    padding-bottom: 24px;
    gap: 16px;
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    grid-template-rows: auto 1fr;
    row-gap: 10px;
  }
}
@media (min-width: 1240px) {
  .collection-child {
    padding-top: 48px;
    padding-bottom: 48px;
    grid-template-columns: 1fr 3fr;
  }
}
.collection-child h3 {
  margin-top: 0;
}
@media (min-width: 600px) {
  .collection-child h3 {
    font-size: 24px;
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
  }
}
.collection-child__link {
  margin-top: 0;
  width: fit-content;
  height: fit-content;
}
@media (min-width: 600px) {
  .collection-child__link {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 2;
  }
}
.collection-child__apps {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.collection-child__app > div {
  order: 999;
}
.collection-child__apps > .product-card {
  max-width: fit-content;
}
@media (min-width: 600px) {
  .collection-child__apps {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 3;
  }
}
@media (min-width: 1240px) {
  .collection-child__apps {
    display: grid;
    row-gap: 0;
    column-gap: 36px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 3;
  }
}
.section-collections-list {
  background-color: var(--color-secondary);
  color: var(--text-accent_1);
  padding-top: 36px;
  padding-bottom: 64px;
}
@media (min-width: 960px) {
  .section-collections-list {
    padding-top: 48px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1240px) {
  .section-collections-list {
    padding-top: 110px;
    padding-bottom: 120px;
  }
}

.collections-list__list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
  column-gap: 24px;
  margin-top: 36px;
}
.collections-list__list a {
  color: inherit;
  font-weight: 700;
  font-size: 14px;
  line-height: 150%;
  text-decoration: underline;
}
.collections-list__list a:hover {
  opacity: 0.9;
}
@media (min-width: 960px) {
  .collections-list__list a {
    font-size: 20px;
  }
}
@media (min-width: 1240px) {
  .collections-list__list a {
    font-size: 24px;
  }
  }
@media (min-width: 960px) {
  .collections-list__list {
    row-gap: 36px;
    margin-top: 48px;
}
}
collection-product-tabs button {
  display: none;
  background: transparent;
  border: none;
  font-size: 16px;
  font-weight: 400;
  color: var(--text-secondary);
  position: relative;
  padding: 8px;
  margin: 0 4px;
  cursor: pointer;
}
collection-product-tabs button::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  border: 2px solid transparent;
  border-radius: 2px;
}
collection-product-tabs button:hover, collection-product-tabs button[active] {
  text-shadow: 1px 0px var(--text-secondary);
}
collection-product-tabs button:hover::after, collection-product-tabs button[active]::after {
  border: 2px solid var(--color-accent);
}
@media (min-width: 600px) {
  collection-product-tabs button {
    display: inline;
  }
}
collection-product-tabs .select {
  width: 100%;
}
collection-product-tabs .select > select {
  margin: 0;
}
@media (min-width: 600px) {
  collection-product-tabs .select {
    display: none;
  }
  }
@media (min-width: 600px) {
  collection-product-tabs {
    border-bottom: 1px solid rgba(76, 76, 76, 0.1490196078);
  }
}

.products-not-found {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  margin-top: 40px;
}
.products-not-found__img > img {
  width: 100%;
  max-width: 520px;
}
.products-not-found__text {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-secondary);
}
@media (min-width: 1240px) {
  .products-not-found {
    margin-top: 125px;
  }
}
.section-breadcrumbs {
  padding-top: 16px;
  padding-bottom: 16px;
}

/* Compare section*/

.compare-hero-section {
  position: relative;
  background: url('/cdn/shop/files/top-hero-bg.jpg') no-repeat center/cover;
}

.section-compare {
  padding-top: 16px;
  padding-bottom: 16px;
  gap: 16px
}

.section-compare .section__heading {
  font-size: 20px;
  font-weight: 700;
}

.compare-hero-section .breadcrumbs {
  color: #fff;
}

.compare-hero-section .icon-home svg,
.compare-hero-section .icon-home path {
  fill: #fff;
}

.compare-hero-section .breadcrumbs-dropdown-menu {
  color: initial;
}

.compare-hero-section .article-img-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.compare-hero-section .compare-hero-icon {
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  display: block;
  width: 60px;
  height: 60px;
  background-color: #fafafa;
}

.compare-hero-section .add-to-compare-btn {
  margin-top: 20px;
  padding: 10px 24px 10px 40px;
  border: 1px solid #fafafa;
  color: #fafafa; 
  background-color: transparent;
  border-radius: 30px;
	background-position: left 20px center;
}

.compare-hero-section .add-to-compare-btn:hover {
  color: #202020;
}

@media (min-width: 750px) {

	.top-hero-content-inner-left {
		max-width: 70%;
	}
  .compare-hero-section .top-hero-content-icons {
    max-width: 350px;
  }
	.compare-hero-section .article-img-inner {
		justify-content: flex-end;
	}
}

@media (min-width: 992px) {
  .compare-hero-section .compare-hero-icon {
    width: 80px;
    height: 80px;
  }
}


.compare-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  /* padding-bottom: 32px; */
  overflow-x: auto;
}

.compare-container--2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.compare-container--3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

@media (min-width: 750px) {
  .section-compare {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .section-compare .section__heading {
    font-size: 24px;
  }
}

@media (min-width: 960px) {
  .section-compare {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .compare-container {
    padding-bottom: 15px;
    gap: 24px;
  }
}

@media (min-width: 1240px) {
  .compare-container {
    gap: 36px;
  }
}

.compare-product {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 220px;
}

.compare-product__title {
  font-size: 14px;
  font-weight: 700;
  color: var(--text-secondary);
  margin: 0;
  word-break: break-word;
}



@media (min-width: 600px) {
  .compare-product__title {
    font-size: 16px;
  }
}

@media (min-width: 1240px) {
  .compare-product__title {
    display: none;
  }
}


/* Navigation Sections */
.compare-nav {
  padding-top: 0px;
  padding-bottom: 0px; 
}

.compare-nav__list {
  display: flex;
  gap: 24px;
  border-bottom: 1px solid rgba(76, 76, 76, 0.15);
  overflow-x: auto;
}

.compare-nav__list > li {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  padding: 10px 8px;
  color: #4d4d4d;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
  white-space: nowrap;
}

.compare-nav__list > li::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  border: 2px solid transparent;
  border-radius: 2px;
  transition: all 0.3s;
}

.compare-nav__list > li:hover::after {
  border: 2px solid var(--color-accent);
}

.compare-nav__list > li.is-active {
  font-weight: 600;
  color: var(--text-primary);
}

.compare-nav__list > li.is-active::after {
  border: 2px solid var(--color-accent);
}

.compare-nav__title {
  font-size: 24px;
  font-weight: 700;
  color: #fafafa;
  margin: 0;
}

.compare-nav__title > span {
  color: var(--color-accent);
}

@media (min-width: 750px) {
  .compare-nav__title {
    font-size: 32px;
  }
  .compare-nav {
    padding-top: 20px;
  }
}


@media (min-width: 1240px) {
  .compare-nav .section__heading {
    font-size: 32px;
  }
}

/* Key-Value Section */
.key-value__list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding-left: 28px;
  margin-bottom: 8px;
}
.key-value__list > li {
  font-size: 12px;
  font-weight: 600;
  position: relative;
  color: var(--color-secondary);
}
.key-value__list > li::before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 2px;
  left: -28px;
  transform: translateY(-10%);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM0NDJfNzQ0NCkiPgo8cGF0aCBkPSJNMTIgMi4wMDAyNEMxNy41MjI4IDIuMDAwMjQgMjIgNi40NzczOSAyMiAxMi4wMDAyQzIyIDE3LjUyMyAxNy41MjI4IDIyLjAwMDIgMTIgMjIuMDAwMkM2LjQ3NzE1IDIyLjAwMDIgMiAxNy41MjMgMiAxMi4wMDAyQzIgNi40NzczOSA2LjQ3NzE1IDIuMDAwMjQgMTIgMi4wMDAyNFpNMTUuNTM1NCA4LjM4MTZMMTAuNTg1NiAxMy4zMzEzTDguNDY0MzEgMTEuMjFDOC4wNzM3OSAxMC44MTk1IDcuNDQwNjMgMTAuODE5NSA3LjA1MDEgMTEuMjFDNi42NTk1OCAxMS42MDA1IDYuNjU5NTggMTIuMjMzNyA3LjA1MDEgMTIuNjI0Mkw5LjgwNzgyIDE1LjM4MTlDMTAuMjM3NCAxNS44MTE1IDEwLjkzMzkgMTUuODExNSAxMS4zNjM1IDE1LjM4MTlMMTYuOTQ5NiA5Ljc5NTgxQzE3LjM0MDEgOS40MDUyOSAxNy4zNDAxIDguNzcyMTIgMTYuOTQ5NiA4LjM4MTZDMTYuNTU5MSA3Ljk5MTA3IDE1LjkyNTkgNy45OTEwNyAxNS41MzU0IDguMzgxNloiIGZpbGw9IiMwMEFBNjMiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zNDQyXzc0NDQiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuMDAwMjQ0MTQxKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
}

/* Video & Screenshots section */
.media-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.media-content__video {
  border-radius: 8px;
  overflow: hidden;
}
.media-content__video > iframe {
  width: 100%;
  aspect-ratio: 16/9;
}
.media-content__img {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.media-content__img > img {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.media-content-backdrop {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(76, 76, 76, 0.1882352941);
  display: flex;
  align-items: center;
  justify-content: center;
}
.media-content-backdrop > span {
  background-color: var(--background-accent);
  padding: 10px 24px;
  border-radius: 24px;
}
@media (min-width: 750px) {
  .key-value__list {
    padding-left: 36px;
  }
  .key-value__list > li {
    font-size: 14px;
  }
  .key-value__list > li::before {
    left: -36px;
  }

}
@media (min-width: 1240px) {
  .media-content {
    gap: 24px;
  }
}

.screenshots-slider {
  height: 0;
  width: 100%;
  overflow: hidden;
}
.screenshots-slider .glide__track {
  border-radius: 16px;
  overflow: hidden;
}
.screenshots-slider .glide__slides {
  width: 100%;
  overflow: hidden;
  display: flex;
}
.screenshots-slider li img {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
.screenshots-slider__buttons {
  display: flex;
  justify-content: center;
  gap: 16px;
  padding-top: 16px;
}
.screenshots-slider__button {
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 50%;
  background-color: var(--background-accent);
  color: var(--color-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

@media (min-width: 600px) {
  .screenshots-slider.active {
    overflow: visible;
  }
  .screenshots-slider__buttons {
    justify-content: space-between;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    width: 100%;
    overflow: hidden;
    z-index: -1;
  }
  .screenshots-slider.active .screenshots-slider__buttons {
    z-index: 1;
    overflow: visible;
  }
  .screenshots-slider__button {
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.2);
  }
  .screenshots-slider__button--prev {
    margin-left: -60px;
  }
  .screenshots-slider__button--next {
    margin-right: -60px;
  }
}
.screenshots-slider iframe {
  width: 100%;
  height: 100%;
}
.screenshots-slider__button--prev {
  transform: rotate(180deg);
}

.screenshots-slider.active {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  height: fit-content;
  width: 90%;
  max-width: 1250px;
  overflow: visible;
}
@media (min-width: 600px) {
  .screenshots-slider.active {
    width: 80%;
  }
}
@media (min-width: 1240px) {
  .screenshots-slider.active {
    width: 65%;
  }
}

/* User Reviews section */

.section-compare-reviews {
  background-color: #fafafa;
}

.compare-reviews {
  font-size: 18px;
  /* font-weight: 700; */
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.compare-reviews__raiting {
    display: flex;
    gap: 4px;
}


.review-star-icon path {
  fill: #F1C644;
}

@media (min-width: 1240px) {
  .compare-reviews {

  }
}

/* Compare section */

.compare-highlight {
  font-size: 14px;
  /* font-weight: 700; */
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: var(--text-secondary);
}
.compare-highlight ul {
  padding-left: 16px;
  list-style: disc;
}
.compare-highlight ul li {
  margin-bottom: 4px;
}
@media (min-width: 1240px) {
  .compare-highlight {
    gap: 24px;
  }
}

/* Integration Section */

.compare-integration {
  font-size: 14px;
  /* font-weight: 700; */
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: var(--text-secondary);
  padding-left: 16px;
  list-style: disc;
}
@media (min-width: 1240px) {
  .compare-integration {
    gap: 4px;
  }
}

/* Pricing section */

.compare-pricing {
  width: 100%;
  background-color: #F6F7F8;
  border-radius: 10px;
}
.compare-pricing > summary {
  padding: 12px 40px 12px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  position: relative;
}
.compare-pricing > summary > svg,
.compare-pricing > summary > button {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

.compare-pricing > summary > button {
  border-radius: 50%;
  border: 2px solid var(--color-secondary);
  background-color: transparent;
  pointer-events: none;
}

.compare-pricing > summary > button::before,
.compare-pricing > summary > button::after {
  content: '';
  width: 11px;
  height: 2px;
  background-color: var(--color-secondary);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.compare-pricing > summary > button::after {
  content: '';
  transform: translate(-50%, -50%) rotate(90deg);
}

@media (min-width: 750px) {
  .compare-pricing > summary {
    font-size: 20px;
    padding: 24px 52px 24px 24px;
  }
  .compare-pricing > summary svg {
    right: 16px;
  }
  .compare-pricing > summary > svg,
  .compare-pricing > summary > button {
    right: 16px;
  }
}

.compare-pricing__tags {
  width: 100%;
  display: flex;
  align-items: center;
}

.compare-pricing__tag {
  padding: 4px 12px;
  border-radius: 14px;
  background-color: #EAF1FB;
  color: #2E72D2;
  font-size: 14px;
  font-family: var(--font-heading-family);
  font-weight: 600;
  line-height: 120%;
  display: flex;
  align-items: center;
  gap: 6px;
}

@media (min-width: 1240px) {
  .compare-pricing__tags {
    width: fit-content;
  }
}

.compare-pricing[open] summary > button:after {
  display: none;
}
.compare-pricing__content {
  padding: 12px;
  background-color: #fff;
  border: 1px solid #E1E3E5;
  border-top: none;
  border-radius: 0 0 10px 10px;
}
.compare-pricing__content > ul {
  display: flex;
  flex-direction: column;
  gap: 14px;
  font-family: var(--font-heading-family);
  font-size: 16px;
  font-weight: 400;
  padding-left: 24px;
  list-style-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTkuODg4OTUgMS4yMzU0TDkuODg4OTcgMS4yMzUzOUMxMC4wODQyIDEuMDQwMTQgMTAuNDAwOCAxLjA0MDE0IDEwLjU5NiAxLjIzNTM5TDEwLjk0OTYgMC44ODE4NDhMMTAuNTk2IDEuMjM1MzlDMTAuNzkxMyAxLjQzMDY1IDEwLjc5MTMgMS43NDcyNSAxMC41OTYgMS45NDI1MUMxMC41OTYgMS45NDI1MSAxMC41OTYgMS45NDI1MSAxMC41OTYgMS45NDI1MUw1LjAwOTk1IDcuNTI4NjNDNC43NzU2IDcuNzYyOTggNC4zOTU2OSA3Ljc2Mjk3IDQuMTYxMzggNy41Mjg2NEw0LjE2MTM3IDcuNTI4NjNMMS40MDM2NSA0Ljc3MDkzTDEuNDAzNjQgNC43NzA5M0MxLjIwODQgNC41NzU2OSAxLjIwODQgNC4yNTkwOSAxLjQwMzY0IDQuMDYzODZDMS41OTg5MSAzLjg2ODYgMS45MTU1IDMuODY4NiAyLjExMDc2IDQuMDYzODRDMi4xMTA3NiA0LjA2Mzg0IDIuMTEwNzYgNC4wNjM4NSAyLjExMDc3IDQuMDYzODVMNC4yMzIwNSA2LjE4NTE0TDQuNTg1NiA2LjUzODY5TDQuOTM5MTUgNi4xODUxNEw5Ljg4ODk1IDEuMjM1NFpNNiAtNS40OTk1MUMxMS41MjI4IC01LjQ5OTUxIDE2IC0xLjAyMjM2IDE2IDQuNTAwNDlDMTYgMTAuMDIzMyAxMS41MjI4IDE0LjUwMDUgNiAxNC41MDA1QzAuNDc3MTUgMTQuNTAwNSAtNCAxMC4wMjMzIC00IDQuNTAwNDlDLTQgLTEuMDIyMzYgMC40NzcxNSAtNS40OTk1MSA2IC01LjQ5OTUxWiIgc3Ryb2tlPSIjMDBBQTYzIi8+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3N2Zz4=");
}
.compare-pricing__content > ul > li {
  font-size: 12px;
}
.compare-pricing__blank {
  pointer-events: none;
}


/* Product Section */

.main-product__links .add-to-compare-btn {
  background-color: transparent;
  text-decoration: underline;
  margin-left: auto;
  margin-right: auto;
}

.main-product__links .add-to-compare-btn:hover {
  background-color: transparent;
  opacity: 0.9;
  text-decoration: underline;
}

.section-compare__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.section-compare__header .section__heading--3 {
  margin-top: 0;
}

/* Compare sticky*/

.section-emit {
  display: block;
  width: 100%;
  height: 0px;
}

.sticky.section-compare {
  position: fixed;
  left: 0;
  top: var(--compare-sticky-overview-top, 0px);
  width: 100%;
  background-color: #f6f7f8;
  z-index: 1;
  padding-top: 0;
  padding-bottom: 0;
}

.sticky.section-compare .section-compare__header, 
.sticky.section-compare h2 {
  display: none;
}

.sticky.section-compare .compare-container {
  padding-top: 8px;
  padding-bottom: 8px;
  gap: 16px
}

.sticky.section-compare .product-card {
  flex-wrap: nowrap;
  flex-direction: row;
  padding: 0 16px 0 0;
  border: none;
  border-radius: 0;
  border-right: 1px solid #E1E3E5;
}

.sticky.section-compare .compare-product:last-child .product-card {
  border-right: none;
}

.sticky.section-compare .product-card .compare-product__remove {
  top: 0px;
  right: 0px;
}

.sticky.section-compare .product-card__img {
  width: 28px;
  height: 28px;
}

.sticky.section-compare .product-card__info {
  max-width: 100%;
}

.sticky.section-compare .section__heading--5 {
  font-size: 14px;
}

.sticky.section-compare .product-card__meta {
  display: none;
}

.sticky.section-compare .product-card__footer {
   display: none;
}

.sticky.section-compare .product-card .section__description {
  display: none;
}



.sticky.compare-nav {
  position: fixed;
  left: 0;
  top: var(--compare-sticky-nav-top, 0px);
  background-color: white;
  z-index: 2;
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.sticky.compare-nav h1 {
  display: none;
}
.sticky.compare-nav .compare-nav__list {
  margin: 0;
  border-bottom: none;
}

@media (min-width: 375px) {
  .sticky.section-compare .product-card {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .sticky.section-compare .product-card__img {
    width: 28px;
    height: 28px;
  }
}


@media (min-width: 750px) {
  .sticky.section-compare .product-card__img {
    width: 52px;
    height: 52px;
  }
  .sticky.section-compare .section__heading--5 {
    font-size: 16px;
  }
  .sticky.section-compare .product-card__meta {
    display: inline-flex;
  }
  .compare-pricing__content {
    padding: 16px;
  }
  .compare-pricing__content > ul > li {
    font-size: 16px;
    padding-left: 8px;
  }
}


/* Popular comparisons */

.section-compare-list {
  background-color: transparent;
  color: var(--text-primary);
  padding-bottom: 60px;
}
.compare-list {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

.compare-list__link {
  display: flex;
  align-items: center;
  background-color: #f6f7f8;
  padding: 20px;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: underline;
  color: var(--color-secondary);
}

.compare-list__link:hover {
  text-decoration: none;
  color: var(--color-secondary);
}

.compare-list-item__img {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  border: 2px solid #fff;
  overflow: hidden;
  flex-shrink: 0;
}

.compare-list-item__img + .compare-list-item__img {
  margin-left: -15px;
}

.compare-list-item__img:last-child {
  margin-right: 12px;
}

.compare-list-item__img img {
  display: block;
}

/* Similar app section */
.section-compare--similar {
  padding-bottom: 40px;
}

.section-compare--similar .categories__list {
  display: grid;
  width: auto;
}

@media (min-width: 1240px) {

  .section-compare--similar .categories__list {
    gap: 36px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

/* Alternatives section */

.section-compare-alternatives {
  display: flex;
  flex-direction: column;
  gap: 24px;
  background-color: #F6F7F8;
  padding-top: 48px;
  padding-bottom: 48px;
}

.section-compare-alternatives .product-card {
  background-color: #fff;
}

.section-compare-alternatives .product-card .add-to-compare-btn {
  display: block;
  margin-top: 8px;
}

.section-compare-alternatives .product-card .product-card__footer {
  display: none;
}

.section-compare-alternatives .compare-alternatives-list {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 24px;
}

@media (min-width: 600px) {
  .section-compare-alternatives .compare-alternatives-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .section-compare-alternatives .compare-alternatives-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px 36px;
  }
}


/* Add to compare */

.add-to-compare-btn {
  display: inline-block;
  flex-shrink: 0;
  border: none;
  border-radius: 16px;
  background-color: #f6f7f8;
  font-size: 14px;
  font-weight: 400;
  color: var(--text-primary);
  padding: 4px 8px 4px 25px;
  text-decoration: none;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: left 8px center;
  background-size: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.99922 3.2002C7.55739 3.2002 7.19922 3.55837 7.19922 4.0002V7.2002H3.99922C3.55739 7.2002 3.19922 7.55837 3.19922 8.0002C3.19922 8.44202 3.55739 8.8002 3.99922 8.8002H7.19922V12.0002C7.19922 12.442 7.55739 12.8002 7.99922 12.8002C8.44105 12.8002 8.79922 12.442 8.79922 12.0002V8.8002H11.9992C12.441 8.8002 12.7992 8.44202 12.7992 8.0002C12.7992 7.55837 12.441 7.2002 11.9992 7.2002H8.79922V4.0002C8.79922 3.55837 8.44105 3.2002 7.99922 3.2002Z' fill='%2300AA63'/%3E%3C/svg%3E");
  transition: all 0.3s;
}
.add-to-compare-btn.loading {
  animation: pulseButton 0.5s linear infinite;
}

@keyframes pulseButton {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}

.add-to-compare-btn.visible {
  visibility: visible;
}

.add-to-compare-btn:hover {
   background-color: #ecebeb;
}

.add-to-compare-btn:disabled,
.add-to-compare-btn.disabled {
  cursor: not-allowed;
   filter: grayscale(1);
   background-color: #f6f7f8;
   color: #888;
}

.add-to-compare-btn .text-added {
  display: none;
}

.add-to-compare-btn.active .text-default {
  display: none;
}

.add-to-compare-btn.active .text-added {
  display: inline;
}

.add-to-compare-btn.active {
  color: #00AA63;
  background-size: 10px 8px;
  background-position: left 10px center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' viewBox='0 0 8 7' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.77854 0.189931C8.05657 0.459593 8.07535 0.916674 7.82049 1.21085L3.52781 6.16569C3.40194 6.31097 3.22545 6.39555 3.03922 6.39983C2.853 6.40411 2.6732 6.32772 2.54149 6.18836L0.200025 3.71094C-0.0666748 3.42876 -0.0666748 2.97125 0.200025 2.68906C0.466724 2.40688 0.899129 2.40688 1.16583 2.68906L3.00294 4.63284L6.81365 0.234319C7.06851 -0.0598569 7.50051 -0.07973 7.77854 0.189931Z' fill='%2300AA63'/%3E%3C/svg%3E");
}

.compare-modal {
  display: none;
  flex-direction: column;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 90%;
  max-width: 600px;
  height: 80%;
  max-height: 800px;
  z-index: 999;
  background: var(--background-accent);
  border-radius: 12px;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
}

.compare-modal.active {
  display: flex;
}

.compare-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px 24px;
  margin-top: 0;
}

.compare-modal predictive-search {
  margin-left: 8px;
  margin-right: 8px;
}

.compare-modal__header button {
  background: transparent;
  border: none;
  cursor: pointer;
}

.compare-modal h5 {
  padding: 0 8px 16px;
}

.compare-modal__apps {
  overflow-y: auto;
  height: 100%;
  scrollbar-width: thin;
}

/*  App card modal  */

.app-card-modal {
  display: flex;
  flex-direction: row;
  gap: 20px;
  background-color: transparent;
  border-top: 1px solid #e6e6e6;
  padding: 12px 8px;
  position: relative;
  text-decoration: none;
  color: var(--color-secondary);
  cursor: pointer;
}

.app-card-modal:hover {
  text-decoration: none;
  color: var(--color-secondary);
}

.app-card-modal__img {
  width: 48px;
  height: 48px;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  border-radius: 8px;
}

.app-card-modal__title {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  color: var(--color-secondary);
  margin-bottom: 8px;
  word-break: break-word;
}

.app-card-modal__description {
  font-family: var(--font-heading-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: var(--text-secondary);
}

.app-card__compare.disabled {
  opacity: 0.6;
  pointer-events: none;
}

.app-card-modal.product-unavailable .app-card-modal__title {
  opacity: 0.5;
}

.app-card-modal.product-unavailable img {
  filter: grayscale(1);
  opacity: 0.5;
}

.app-card-modal__trial {
  background-color: #f7f7f7;
  padding: 6px 16px;
  margin-left: -16px;
  margin-right: -16px;
  margin-bottom: -16px;
  margin-top: 2px;
  border-radius: 0 0 8px 8px;
  color: #4c4c4c;
  font-size: 12px;
}


@media (min-width: 600px) {
  .app-card-modal__title {
    font-size: 20px;
  }
}

.app-card-modal .add-to-compare-btn {
  margin-left: auto;
  align-self: center;
  padding: 0;
  width: 32px;
  height: 32px;
  font-size: 0;
}

.app-card-modal .add-to-compare-btn::after,
.app-card-modal .add-to-compare-btn::before {
  content: none;
  display: none !important;
}

.compare-modal__footer {
  padding: 16px 8px;
  border-top: 1px solid #e6e6e6;
}

.compare-modal__footer-button {
  width: 100%;
  background-color: #00AA63;
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
  text-decoration: none;
  text-align: center;
}

@media (min-width: 750px) {
  .compare-modal predictive-search {
    margin-left:24px;
    margin-right:24px;
  }
  .compare-modal h5 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .app-card-modal {
    padding: 8px 24px;
  }
  .app-card-modal .add-to-compare-btn {
    width: auto;
    font-size: 12px;
    padding: 4px 8px 4px 25px;
  }
  .app-card-modal__title {
    font-size: 16px;
  }
  .compare-modal__footer {
    padding: 16px 24px;
    text-align: right;
  }
  .compare-modal__footer-button {
    width: auto;
  }
}

predictive-search {
  position: relative;
  margin-bottom: 20px;
}

predictive-search h5.section__heading--5 {
  padding: 0;
}

predictive-search label {
  color: var(--btn-background_1);
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 24px;
  left: 35px;
  transform: translate(-50%, -50%);
}

predictive-search #Search {
  width: 100%;
  padding: 14px 14px 14px 56px;
  border-radius: 36px;
  border: 1px solid var(--text-accent_1);
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 500;
}

predictive-search #Search:focus {
  outline: none;
  background: transparent;
}


.tooltip {
  position: relative;
}

.tooltip:hover::before, .tooltip:hover::after {
  opacity: 1;
  visibility: visible;
}

.tooltip::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-top: 4px solid #212B36;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  z-index: 10;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}

.tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: calc(100% + 4px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #212B36;
  border-radius: 6px;
  color: #fff;
  padding: 4px 8px;
  min-width: 150px;
  width: 100%;
  max-width: 250px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.15;
  text-align: center;
  z-index: 10;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}



.grid-column-1 {
  grid-column-start: 1;
  grid-column-end: 2;
}

.grid-column-2 {
  grid-column-start: 2;
  grid-column-end: 3;
}

.grid-column-3 {
  grid-column-start: 3;
  grid-column-end: 4;
}

.grid-row-1 {
  grid-row-start: 1;
  grid-row-end: 2;
}

.grid-row-2 {
  grid-row-start: 2;
  grid-row-end: 3;
}

.grid-row-3 {
  grid-row-start: 3;
  grid-row-end: 4;
}

.section-comparison-panel {
  padding: 0;
}

/* Comparison panel */

.comparison-panel {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 3;
  width: calc(100% - 40px);
  padding-top: 8px;
  padding-bottom: 8px;
  background: rgba(109, 109, 109, 0.65);
  backdrop-filter: blur(7.5px);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border-radius: 16px;
}

.comparison-panel__apps {
  display: flex;
  gap: 12px;
}

.comparison-panel__buttons-text {
  display: none;
  align-items: center;
  position: relative;
  padding-left: 12px;
  color: #fafafa;
}

.comparison-panel__buttons > .link-to {
  background: none;
  border: none;
  width: fit-content;
  margin-top: 0;
  cursor: pointer;
  text-decoration: underline;
  padding: 0 20px 0 0;
  font-size: 16px;
  font-weight: 700;
  color: #fcfcfc;
  position: relative;
}
.comparison-panel__buttons > .link-to::after {  
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.60039 2.3999C2.93765 2.3999 2.40039 2.93716 2.40039 3.5999V12.3999C2.40039 13.0626 2.93765 13.5999 3.60039 13.5999H12.4004C13.0631 13.5999 13.6004 13.0626 13.6004 12.3999V9.5999H12.0004V11.9999H4.00039V3.9999H6.40039V2.3999H3.60039Z' fill='%23FCFCFC'/%3E%3Cpath d='M13.6004 3.1999C13.6004 2.7583 13.2428 2.3999 12.8004 2.3999H8.8004C8.358 2.3999 8.0004 2.7583 8.0004 3.1999C8.0004 3.6415 8.358 3.9999 8.8004 3.9999H10.8692L6.6348 8.2343C6.322 8.5471 6.322 9.0527 6.6348 9.3655C6.7908 9.5215 6.9956 9.5999 7.2004 9.5999C7.4052 9.5999 7.61 9.5215 7.766 9.3655L12.0004 5.1311V7.1999C12.0004 7.6415 12.358 7.9999 12.8004 7.9999C13.2428 7.9999 13.6004 7.6415 13.6004 7.1999V3.1999Z' fill='%23FCFCFC'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 2px;
}

.comparison-panel__buttons > .link-to:hover {
  text-decoration: none;
}

.comparison-panel__buttons > .link-to svg {
  display: none;
}
.comparison-panel[data-state="0"] {
  display: none;
}

.comparison-panel[data-state="1"] .comparison-panel__buttons {
  text-align: center;
}
.comparison-panel[data-state="1"] .comparison-panel__buttons-text {
  display: inline-flex;
  text-align: left;
}
.comparison-panel[data-state="1"] .comparison-panel__buttons > .link-to {
  display: none;
}
@media (min-width: 600px) {
  .comparison-panel {
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0;
  }
}
@media (min-width: 750px) {
  .comparison-panel {
    gap: 16px;
    justify-content: center;
  }
  .comparison-panel__buttons-text {
    padding: 8px 8px 8px 36px;
    border-radius: 8px;
    background-color: #848484;
  }
  .comparison-panel__buttons-text::before {
    content: "i";
    width: 22px;
    height: 22px;
    border: 2px solid #848484;
    background-color: #fff;
    border-radius: 50%;
    color: #8C9196;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    line-height: 1.2;
  }
}

.compare-app {
  position: relative;
}

.comparison-panel[data-state="1"] .compare-app::after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -12px;
  background-color: #fafafa;
}

.compare-app__delete-btn {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  color: var(--text-primary);
  background-color: transparent;
  padding: 3px;
  border: none;
  border-radius: 8px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  cursor: pointer;
}

.compare-app__delete-btn svg {
  background-color: #f6f7f8;
  border-radius: 20px;
}

.compare-app__img {
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 8px;
  width: 48px;
  height: 48px;
  background-color: #f6f7f8;
  flex-shrink: 0;
}

.compare-app__img > img {
  display: block;
  width: 100%;
}

.compare-app__title {
  display: none;
}

@media (min-width: 750px) {
  .comparison-panel[data-state="1"] .compare-app::after {
    display: none;
  }
}

@media (min-width: 992px) {
  .compare-app {
    max-width: 350px;
    flex-grow: 1;
    padding: 8px 32px 8px 8px;
    background-color: #F6F7F8;
    display: flex;
    align-items: center;
    border: none;
    border-radius: 8px;
    gap: 8px;
  }
  .compare-app__img {
    width: 24px;
    height: 24px;
    border-radius: 4px;
  }
  .compare-app__title {
    display: inline;
    font-size: 16px;
    overflow: hidden;
    line-height: 1.25;
    font-weight: 600;
    word-break: break-word;
  }
  .compare-app__delete-btn {
    width: 24px;
    height: 24px;
    padding: 0;
    transform: translateY(-50%);
    right: 8px;
    top: 50%;
    color: #bebebe;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.comparison-panel-simulation {
  display: block;
  width: 100%;
  position: static;
}
.section-about {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.section-about .about {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 60px 325px;
}
@media (max-width: 1199px) {
  .section-about .about {
    padding: 0 0 60px 275px;
  }
}
@media (max-width: 991px) {
  .section-about .about {
    padding: 0 0 60px 265px;
  }
}
@media (max-width: 750px) {
  .section-about .about {
    padding: 0 0 60px 0;
  }
}
.section-dev-products {
  padding: 36px 20px 65px;
  background: var(--gradient_2);
}
@media (min-width: 600px) {
  .section-dev-products {
    padding: 56px 20px 80px;
    gap: 30px;
  }
}
@media (min-width: 1240px) {
  .section-dev-products {
    gap: 50px;
    padding: 64px 20px 48px;
  }
}

product-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.dev-products {
  gap: 20px;
  flex-direction: column;
}
.dev-products .section__heading {
  width: 100%;
}
.dev-products__grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.dev-products__list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.dev-products__list.loading {
  opacity: 0.4;
  pointer-events: none;
}
@media (min-width: 960px) {
  .dev-products {
    gap: 30px;
  }
  .dev-products__grid {
    gap: 35px;
    grid-template-columns: 1fr 2fr;
  }
}
@media (min-width: 1240px) {
  .dev-products {
    gap: 50px;
  }
}

.filter {
  display: none;
}
.filter h3 {
  padding-bottom: 0;
}
.filter h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 150%;
  margin-bottom: 20px;
  margin-top: 30px;
}
@media (min-width: 960px) {
  .filter h4 {
    display: none;
  }
}
.filter p {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  margin: 8px 0;
}
.filter__buttons {
  padding: 24px 0 24px;
  border-bottom: 1px solid rgba(76, 76, 76, 0.25);
  display: none;
}
.filter__buttons.open {
  display: block;
}
.filter__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.filter__tag {
  background: #E7FDF4;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  padding: 4px 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #4C4C4C;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.filter__tag > button {
  background: transparent;
  border: none;
  display: block;
  width: 12px;
  height: 12px;
  position: relative;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.filter__tag > button::before {
  content: "";
  display: block;
  width: 1px;
  height: 7px;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  background: #4C4C4C;
}
.filter__tag > button::after {
  content: "";
  display: block;
  width: 1px;
  height: 7px;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  background: #4C4C4C;
}
.filter__close {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 16px;
  height: 16px;
  background: none;
  border: none;
  cursor: pointer;
}
.filter__close::before {
  content: "";
  display: block;
  width: 2px;
  height: 16px;
  position: absolute;
  transform: translateY(-50%) rotate(45deg);
  background: var(--color-secondary);
}
.filter__close::after {
  content: "";
  display: block;
  width: 2px;
  height: 16px;
  position: absolute;
  transform: translateY(-50%) rotate(-45deg);
  background: var(--color-secondary);
}
@media (min-width: 960px) {
  .filter__close {
    display: none;
  }
}
.filter form.loading {
  opacity: 0.4;
  pointer-events: none;
}
.filter__remove-all {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-decoration-line: underline;
  color: var(--color-secondary);
  position: relative;
  padding: 8px 20px 8px 0;
  margin-top: 8px;
  border: none;
  background: transparent;
  cursor: pointer;
}
.filter__remove-all::before {
  content: "";
  display: block;
  width: 2px;
  height: 14px;
  position: absolute;
  top: 55%;
  right: 5px;
  transform: translateY(-50%) rotate(45deg);
  background: var(--color-secondary);
}
.filter__remove-all::after {
  content: "";
  display: block;
  width: 2px;
  height: 14px;
  position: absolute;
  top: 55%;
  right: 5px;
  transform: translateY(-50%) rotate(-45deg);
  background: var(--color-secondary);
}
@media (min-width: 960px) {
  .filter {
    display: block;
  }
}
.filter .filter-item {
  padding: 24px 0;
  border-bottom: 1px solid rgba(76, 76, 76, 0.25);
}
.filter .filter-item > p {
  margin: 0 0 16px;
}
.filter .filter-item ul li:not(.visible) {
  display: none;
}
.filter .filter-item .filter-item__button {
  background: none;
  border: none;
  text-decoration: underline;
  font-size: 14px;
  cursor: pointer;
  margin-top: 14px;
  padding: 0;
  color: inherit;
}
.filter .filter-item .filter-item__button:hover {
  text-decoration: none;
}
.filter .filter-item .filter-item__button--close {
  display: none;
}
.filter .filter-item.params-opened ul li:not(.visible) {
  display: block;
}
.filter .filter-item.params-opened .filter-item__button--open {
  display: none;
}
.filter .filter-item.params-opened .filter-item__button--close {
  display: block;
}
.filter .filter-item--rating .checkbox__label {
  width: 170px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.filter .filter-item--rating .filter__stars {
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.filter .filter-item--rating > ul {
  display: flex;
  flex-direction: column-reverse;
}
.filter .filter-item--rating > ul > li:not(.visible) {
  display: block;
}

.filter-button {
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: inherit;
  text-decoration: underline;
  padding: 8px 30px;
  background: transparent;
  border: none;
  width: fit-content;
  position: relative;
  cursor: pointer;
}
.filter-button > span > svg {
  color: #00aa63;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: auto;
}
@media (min-width: 960px) {
  .filter-button {
    display: none;
  }
}

body.open .filter {
  display: block;
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  width: 80%;
  height: 100vh;
  max-width: 550px;
  z-index: 5;
  padding: 30px;
  background: #FFFFFF;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
}
@media (min-width: 960px) {
  body.open .filter {
    position: static;
    padding: 30px;
    background: transparent;
    padding: 0;
    border: none;
    max-width: none;
    width: 100%;
    height: auto;
    box-shadow: none;
  }
}
.section-faq {
  padding-top: 0px;
  padding-left: 0;
  padding-right: 0;
  color: var(--text-primary);
}
.section-faq .section__heading {
  padding-bottom: 20px;
  font-size: 24px;
}
@media (min-width: 600px) {
  .section-faq {
    padding-left: 72px;
    padding-right: 72px;
  }
}
@media (min-width: 1240px) {
  .section-faq .section__heading {
    font-size: 32px;
  }
}

.faq-list {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  width: 100%;
}
@media (min-width: 1240px) {
  .faq-list {
    max-width: 1020px;
    margin: 0 auto;
  }
}

.faq-list__item {
  padding: 0;
  gap: 12px;
  width: 100%;
  background: #f6f7f8;
  cursor: pointer;
}

.faq-list a {
  color: #000;
  text-decoration: underline !important;
}

.faq-list a:hover {
  color: #000;
  text-decoration: none !important;
}

.faq-list__item > summary {
  padding: 40px 60px 40px 20px;
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  color: inherit;
  position: relative;
}
.faq-list__item > summary::after {
  position: absolute;
  top: 40px;
  right: 30px;
  display: block;
  width: 32px;
  height: 32px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljk5OTMgMjYuNjY2NUMxMC4xMTkzIDI2LjY2NjUgNS4zMzI2OCAyMS44Nzk4IDUuMzMyNjggMTUuOTk5OEM1LjMzMjY4IDEwLjExOTggMTAuMTE5MyA1LjMzMzE3IDE1Ljk5OTMgNS4zMzMxN0MyMS44NzkzIDUuMzMzMTcgMjYuNjY2IDEwLjExOTggMjYuNjY2IDE1Ljk5OThDMjYuNjY2IDIxLjg3OTggMjEuODc5MyAyNi42NjY1IDE1Ljk5OTMgMjYuNjY2NVpNMTUuOTk5MyAyLjY2NjVDMTQuMjQ4NCAyLjY2NjUgMTIuNTE0NiAzLjAxMTM4IDEwLjg5NjkgMy42ODE0NEM5LjI3OTIzIDQuMzUxNTEgNy44MDkzNyA1LjMzMzYzIDYuNTcxMjYgNi41NzE3NUM0LjA3MDc3IDkuMDcyMjMgMi42NjYwMiAxMi40NjM2IDIuNjY2MDIgMTUuOTk5OEMyLjY2NjAyIDE5LjUzNjEgNC4wNzA3NyAyMi45Mjc0IDYuNTcxMjYgMjUuNDI3OUM3LjgwOTM3IDI2LjY2NiA5LjI3OTIzIDI3LjY0ODIgMTAuODk2OSAyOC4zMTgyQzEyLjUxNDYgMjguOTg4MyAxNC4yNDg0IDI5LjMzMzIgMTUuOTk5MyAyOS4zMzMyQzE5LjUzNTYgMjkuMzMzMiAyMi45MjcgMjcuOTI4NCAyNS40Mjc0IDI1LjQyNzlDMjcuOTI3OSAyMi45Mjc0IDI5LjMzMjcgMTkuNTM2MSAyOS4zMzI3IDE1Ljk5OThDMjkuMzMyNyAxNC4yNDg5IDI4Ljk4NzggMTIuNTE1MSAyOC4zMTc3IDEwLjg5NzRDMjcuNjQ3NyA5LjI3OTcyIDI2LjY2NTYgNy44MDk4NiAyNS40Mjc0IDYuNTcxNzVDMjQuMTg5MyA1LjMzMzYzIDIyLjcxOTUgNC4zNTE1MSAyMS4xMDE4IDMuNjgxNDRDMTkuNDg0MSAzLjAxMTM4IDE3Ljc1MDMgMi42NjY1IDE1Ljk5OTMgMi42NjY1Wk0xNy4zMzI3IDkuMzMzMTdIMTQuNjY2VjE0LjY2NjVIOS4zMzI2OFYxNy4zMzMySDE0LjY2NlYyMi42NjY1SDE3LjMzMjdWMTcuMzMzMkgyMi42NjZWMTQuNjY2NUgxNy4zMzI3VjkuMzMzMTdaIiBmaWxsPSIjMDBBQTYzIi8+Cjwvc3ZnPgo=");
}
@media (min-width: 600px) {
  .faq-list__item > summary {
    padding: 40px 80px 40px 40px;
  }
  .faq-list__item > summary::after {
    right: 40px;
  }
}
.faq-list__item[open] > summary::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljk5OTMgMjYuNjY2NUMxMC4xMTkzIDI2LjY2NjUgNS4zMzI2OCAyMS44Nzk4IDUuMzMyNjggMTUuOTk5OEM1LjMzMjY4IDEwLjExOTggMTAuMTE5MyA1LjMzMzE3IDE1Ljk5OTMgNS4zMzMxN0MyMS44NzkzIDUuMzMzMTcgMjYuNjY2IDEwLjExOTggMjYuNjY2IDE1Ljk5OThDMjYuNjY2IDIxLjg3OTggMjEuODc5MyAyNi42NjY1IDE1Ljk5OTMgMjYuNjY2NVpNMTUuOTk5MyAyLjY2NjVDMTQuMjQ4NCAyLjY2NjUgMTIuNTE0NiAzLjAxMTM4IDEwLjg5NjkgMy42ODE0NEM5LjI3OTIzIDQuMzUxNTEgNy44MDkzNyA1LjMzMzYzIDYuNTcxMjYgNi41NzE3NUM0LjA3MDc3IDkuMDcyMjMgMi42NjYwMiAxMi40NjM2IDIuNjY2MDIgMTUuOTk5OEMyLjY2NjAyIDE5LjUzNjEgNC4wNzA3NyAyMi45Mjc0IDYuNTcxMjYgMjUuNDI3OUM3LjgwOTM3IDI2LjY2NiA5LjI3OTIzIDI3LjY0ODIgMTAuODk2OSAyOC4zMTgyQzEyLjUxNDYgMjguOTg4MyAxNC4yNDg0IDI5LjMzMzIgMTUuOTk5MyAyOS4zMzMyQzE5LjUzNTYgMjkuMzMzMiAyMi45MjcgMjcuOTI4NCAyNS40Mjc0IDI1LjQyNzlDMjcuOTI3OSAyMi45Mjc0IDI5LjMzMjcgMTkuNTM2MSAyOS4zMzI3IDE1Ljk5OThDMjkuMzMyNyAxNC4yNDg5IDI4Ljk4NzggMTIuNTE1MSAyOC4zMTc3IDEwLjg5NzRDMjcuNjQ3NyA5LjI3OTcyIDI2LjY2NTYgNy44MDk4NiAyNS40Mjc0IDYuNTcxNzVDMjQuMTg5MyA1LjMzMzYzIDIyLjcxOTUgNC4zNTE1MSAyMS4xMDE4IDMuNjgxNDRDMTkuNDg0MSAzLjAxMTM4IDE3Ljc1MDMgMi42NjY1IDE1Ljk5OTMgMi42NjY1Wk05LjMzMjY4IDE3LjMzMzJIMjIuNjY2VjE0LjY2NjVIOS4zMzI2OCIgZmlsbD0iIzAwQUE2MyIvPgo8L3N2Zz4K");
}
.faq-list__item > .details__content {
  font-family: var(--font-heading-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: var(--text-secondary);
  padding-top: 12px;
  display: none;
  margin: 0;
}
.faq-list__item > .details__content p {
  font-size: 16px;
}
.faq-list__item[open=""] > .details__content {
  display: block;
  padding: 10px 20px 0px;
}
@media (min-width: 600px) {
  .faq-list__item[open=""] > .details__content {
    padding: 10px 40px 0px;
  }
}
@media (min-width: 600px) {
  .faq-list__item {
    border-radius: 12px;
    padding: 0px;
  }
  .faq-list__item > h3 {
    font-size: 24px;
    padding-right: 20%;
  }
}


/* Footer */

.footer__title {
  font-weight: 700;
  font-size: 48px;
  line-height: 130%;
  color: inherit;
}

.footer__prime-list {
  display: block;
  width: 100%;
  column-count: 1;           
}

.footer__prime-list > li {
  break-inside: avoid;   
  margin-bottom: 24px;
}

.footer__prime-list > li > h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  color: inherit;
  margin-top: 0;
  margin-bottom: 8px;
}

.footer-accordion-trigger {
  display: inline-flex;
  width: auto;
  align-items: center;
  gap: 12px;
  padding: 0;
  text-align: left;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

@media (min-width: 600px) {
  .footer__prime-list {
    display: block;
    width: 100%;
    column-count: 2;           
    column-gap: 36px;
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .footer__prime-list > li {
    break-inside: avoid;      
    margin-bottom: 36px;
  }
}
@media (min-width: 992px) {
  .footer__prime-list {
    column-count: 3; 
  }
}

.footer__secondary-list {
  width: 100%;
}

@media (max-width: 599px) {
  .footer-accordion-trigger {
    justify-content: flex-start;
  }

  .footer-accordion-trigger::after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
    margin-right: 2px;
  }

  .footer-accordion-trigger[aria-expanded="true"]::after {
    transform: rotate(-135deg);
  }

  .footer__prime-list .footer__secondary-list {
    display: none;
  }

  .footer__prime-list .footer__secondary-list.is-open {
    display: block;
  }
}

.footer__secondary-list > li > a {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  text-decoration: none;
  color: inherit;
}

.footer__secondary-list > li > a:hover {
  color: inherit;
  text-decoration: underline;
}


.footer__bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid #4D4D4D;
}

.footer__bottom h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  color: inherit;
  margin-top: 0;
  margin-bottom: 8px;
}

.footer__bottom-description {
  font-size: 14px;
  line-height: 140%;
  color: #bebebe;
  margin-bottom: 12px;
}

.footer__bottom-copy {
  font-size: 14px;
  line-height: 140%;
  color: #4c4c4c;
}

.footer-bottom-column--logo .logo {
  margin-bottom: 12px;
}

@media (min-width: 600px) {
  .footer__bottom {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
  }
  .footer-bottom-column {
    width: calc(50% - 12px);
  }
  .footer-bottom-column--logo {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .footer__bottom {
    flex-wrap: nowrap;
    gap: 36px;
  }
  .footer-bottom-column {
    width: 33.33%;
  }
  .footer-bottom-column--logo {
    width: 33.33%;
    order: -1;
  }
  .footer__bottom > .logo {
    margin: 0;
  }
}

.footer__bottom-list {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer__bottom-list > li {
  margin-bottom: 6px;
}
.footer__bottom-list > li a {
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
  font-size: 14px;
}
.footer__bottom-list > li a:hover {
  color: inherit;
  text-decoration: underline;
}

.search-content {
  max-width: 700px;
}

.search-content__title {
  display: inline;
}
.search-content__title > strong {
  color: #00AA63;
}
.search-content__collection-outer {
  display: inline-block;
  cursor: pointer;
  font-size: 18px;
  line-height: 32px;
  position: relative;
  min-width: 200px;
}
@media (min-width: 600px) {
  .search-content__collection-outer {
    font-size: 24px;
  }
}
@media (min-width: 1240px) {
  .search-content__collection-outer {
    font-size: 28px;
  }
}
.search-content__collection-outer.js-open .search-content__collection-search {
  position: relative;
}
.search-content__collection-outer.js-open .search-content__dynemic-collection, .search-content__collection-outer.js-open .typed-cursor {
  display: none;
}
.search-content__collection {
  display: inline-flex;
  align-items: center;
}
.search-content__collection-wrapper {
  position: relative;
  transform: translateY(5px);
  z-index: 2;
}
.search-content__collection-heading {
  font-weight: 700;
  font-size: 40px;
  line-height: 130%;
  color: #00AA63;
  margin-right: 10px;
}
@media (min-width: 600px) {
  .search-content__collection-heading {
    font-size: 48px;
  }
}
@media (min-width: 1240px) {
  .search-content__collection-heading {
    font-size: 64px;
  }
}
.search-content__collection-search {
  display: inline;
  position: absolute;
  z-index: 11;
  margin: 0;
}
.search-content__collection-search input {
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
  color: #000000;
  background: none;
  border: none;
  outline: none;
  width: fit-content;
  max-width: 250px;
  padding: 0;
  display: inline;
  border-radius: 0;
}
@media (min-width: 600px) {
  .search-content__collection-search input {
    font-size: 24px;
  }
}
@media (min-width: 1240px) {
  .search-content__collection-search input {
    font-size: 28px;
  }
}
.search-content__collection-search form {
  display: inline;
}
.search-content__collection-search button {
  display: none;
}
.search-content__collection-search .search-result {
  right: 0;
}
.search-content__dynemic-collection {
  color: hsla(0, 0%, 0%, 0.2);
  font-size: 18px;
  line-height: 32px;
}
@media (min-width: 600px) {
  .search-content__dynemic-collection {
    font-size: 24px;
  }
}
@media (min-width: 1240px) {
  .search-content__dynemic-collection {
    font-size: 28px;
  }
}
.search-content .typed-cursor {
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
}
@media (min-width: 600px) {
  .search-content .typed-cursor {
    font-size: 24px;
  }
}
@media (min-width: 1240px) {
  .search-content .typed-cursor {
    font-size: 32px;
  }
}
@media (min-width: 1240px) {
  .search-content {
    grid-row-start: 1;
    grid-column-end: 8;
  }
  .search-content .search-elem, .search-content .section__description {
    margin-right: 15%;
  }
}

.search-elem {
  margin: 24px 0;
  position: relative;
}

.search-elem__input {
  width: 100%;
}
.search-elem__input.form-field-wrap {
  padding: 0;
}
.search-elem__input > input {
  background: var(--background-accent);
  border: 1px solid rgba(32, 32, 32, 0.1);
  border-radius: 36px;
  padding: 14px 24px;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 140%;
}
.search-elem__input > input::placeholder {
  opacity: 1;
}
.search-elem__input::after, .search-elem__input::before {
  display: none;
}

.search-elem__btn {
  width: 100%;
  padding: 24px;
  margin-top: 12px;
}
@media (min-width: 600px) {
  .search-elem__btn {
    margin-top: 0;
    padding: 10px 36px;
    width: fit-content;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
  }
}

.search-picture {
  display: none;
}
@media (min-width: 1240px) {
  .search-picture {
    display: block;
    grid-column-start: 8;
    grid-row-start: 1;
    position: relative;
    aspect-ratio: 1/1;
  }
}

.search-picture__image {
  position: absolute;
  top: -30px;
  right: -20px;
}

.search-picture__product {
  width: 45px;
  height: 45px;
  box-shadow: 0px 4px 4px rgba(169, 169, 169, 0.15);
  position: absolute;
  border-radius: 4px;
}
.search-picture__product--1 {
  bottom: 24%;
  left: 12%;
}
.search-picture__product--2 {
  bottom: 50%;
  left: 14%;
}
.search-picture__product--3 {
  top: 16%;
  left: 14%;
}
.search-picture__product--4 {
  top: 8%;
  left: 50%;
  transform: translateX(-32%);
}
.search-picture__product--5 {
  top: 16%;
  right: 10%;
}
.search-picture__product--6 {
  bottom: 50%;
  right: 10%;
}
.search-picture__product--7 {
  bottom: 24%;
  right: 8%;
}




/*  Header styles  */

@media (min-width: 960px) {
  .header {
    position: relative;
  }
}

.header__wrap {
  width: 100%;
  padding: 12px 0;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 3;
}

.header__wrap .logo {
  margin-right: auto;
}

.header__burger {
  border: 0;
  padding: 0;
  width: 32px;
  height: 32px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzcxN182MjU2KSI+CjxwYXRoIGQ9Ik0yMCAxNy41QzIwLjgyODQgMTcuNSAyMS41IDE4LjE3MTYgMjEuNSAxOUMyMS41IDE5Ljc3OTcgMjAuOTA1MSAyMC40MjA0IDIwLjE0NDUgMjAuNDkzMUwyMCAyMC41SDRDMy4xNzE1NyAyMC41IDIuNSAxOS44Mjg0IDIuNSAxOUMyLjUgMTguMjIwMyAzLjA5NDg5IDE3LjU3OTYgMy44NTU1NCAxNy41MDY5TDQgMTcuNUgyMFpNMjAgMTAuNUMyMC44Mjg0IDEwLjUgMjEuNSAxMS4xNzE2IDIxLjUgMTJDMjEuNSAxMi44Mjg0IDIwLjgyODQgMTMuNSAyMCAxMy41SDRDMy4xNzE1NyAxMy41IDIuNSAxMi44Mjg0IDIuNSAxMkMyLjUgMTEuMTcxNiAzLjE3MTU3IDEwLjUgNCAxMC41SDIwWk0yMCAzLjVDMjAuODI4NCAzLjUgMjEuNSA0LjE3MTU3IDIxLjUgNUMyMS41IDUuODI4NDMgMjAuODI4NCA2LjUgMjAgNi41SDRDMy4xNzE1NyA2LjUgMi41IDUuODI4NDMgMi41IDVDMi41IDQuMTcxNTcgMy4xNzE1NyAzLjUgNCAzLjVIMjBaIiBmaWxsPSIjMjAyMDIwIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNzE3XzYyNTYiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
  background-color: transparent;
  cursor: pointer;
  margin-left: 12px;
}

.header__burger--open {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzcxN183NTYzKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuMDAwNyAxNC4xMjE1TDE3LjMwMzkgMTkuNDI0OEMxNy44ODk3IDIwLjAxMDYgMTguODM5NSAyMC4wMTA2IDE5LjQyNTMgMTkuNDI0OEMyMC4wMTExIDE4LjgzOSAyMC4wMTExIDE3Ljg4OTMgMTkuNDI1MyAxNy4zMDM1TDE0LjEyMiAxMi4wMDAyTDE5LjQyNTMgNi42OTY5QzIwLjAxMTEgNi4xMTExMiAyMC4wMTExIDUuMTYxMzcgMTkuNDI1MyA0LjU3NTU4QzE4LjgzOTUgMy45ODk4IDE3Ljg4OTcgMy45ODk4IDE3LjMwMzkgNC41NzU1OEwxMi4wMDA3IDkuODc4ODhMNi42OTczOCA0LjU3NTU3QzYuMTExNTkgMy45ODk3OCA1LjE2MTg0IDMuOTg5NzggNC41NzYwNiA0LjU3NTU3QzMuOTkwMjcgNS4xNjEzNiAzLjk5MDI3IDYuMTExMSA0LjU3NjA2IDYuNjk2ODlMOS44NzkzNiAxMi4wMDAyTDQuNTc2MDYgMTcuMzAzNUMzLjk5MDI3IDE3Ljg4OTMgMy45OTAyNyAxOC44MzkgNC41NzYwNiAxOS40MjQ4QzUuMTYxODQgMjAuMDEwNiA2LjExMTU5IDIwLjAxMDYgNi42OTczOCAxOS40MjQ4TDEyLjAwMDcgMTQuMTIxNVoiIGZpbGw9IiMyMDIwMjAiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF83MTdfNzU2MyI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
}

@media (min-width: 960px) {
  .header__wrap {
    padding: 20px 0;
  }
  .header__burger {
    display: none;
  }
}

.header__list {
  display: none;
  width: 100vw; 
  padding: 32px var(--section-padding-horizont);
  position: fixed;
  left: 0;
  top: var(--header-overlay-offset, 60px); 
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  z-index: 4;
}

.header__list--active {
  border-top: 1px solid #ecebeb;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.header__list > li {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.header__menu-row {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}

.header__list > li > a,
.header__menu-row > a {
  display: block;
  padding: 10px 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--color-secondary);
  text-decoration: none;
  transition: all 0.3s;
}

.header__list > li > a:hover,
.header__menu-row > a:hover,
.header__menu-row > a:focus-visible {
  color: inherit;
  text-decoration: none;  
}

.header__submenu-toggle {
  border: 0;
  padding: 0; 
  width: 32px;
  height: 32px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px 8px;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M0.640625 0.768555L6.64062 5.76855L12.6406 0.768555' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E");
  cursor: pointer;
}

.is-open .header__submenu-toggle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M0.640625 6.30176L6.64062 1.30176L12.6406 6.30176' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E");
}

.header__submenu {
  display: none;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.is-open > .header__submenu {
  display: flex;
  flex-direction: column;
  gap: 8px;
}


.header__account-dropdown {
  position: relative;
}

.header__account-btn {
  position: relative;
}

.header__submenu--account {
  min-width: 160px;
  background-color: #fff;
  padding-top: 8px;
}

.header__submenu a {
  display: block;
  padding: 12px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--color-secondary);
  text-decoration: none;
}

.header__submenu--account a {
  display: flex;
  align-items: unset;
  gap: 8px;
}

.header__submenu .has-icon {
  position: relative;
  padding-left: 24px;
}

.has-icon .header__submenu-icon {
  position: absolute;
  left: 0px;
  top: 10px;
  width: 16px;
  height: 16px;
  object-fit: contain;
  display: inline-block;
  vertical-align: top;
}


.header__submenu-text {
  font-size: 11px;
  font-weight: 400;
  line-height: 1.35;
  color: #959595;
  text-decoration: none;
  display: block;
}


@media (min-width: 960px) {

  .header__list {
    position: static;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    width: fit-content;
    padding: 0;
    max-width: 70%;
    flex-wrap: wrap;
    background-color: transparent;
    box-shadow: none;
  }

  .header__list > li {
    gap: 0;
  }

  .header__menu-row {
    width: auto;
    display: inline-flex;
  }

  .header__submenu-toggle {
    display: none;
  }

  .header__list > li > a,
  .header__menu-row > a {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    padding: 8px 16px;
  }

  .header__list > li:hover > a,
  .has-submenu:hover .header__menu-row > a {
    color: #00984C;
    text-decoration: none;  
  }

  .has-submenu {
    position: relative;
  }

  .header__menu-row > a {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .header__menu-row > a::after {
    content: "";
    width: 12px;
    height: 8px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M0.640625 0.768555L6.64062 5.76855L12.6406 0.768555' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 2px;
    transition: all 0.2s;
  }

  .has-submenu:hover .header__menu-row > a::after {  
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M0.640625 6.30176L6.64062 1.30176L12.6406 6.30176' stroke='%2300984C' stroke-width='2'/%3E%3C/svg%3E");

  }

  .header__submenu {
    display: block;
    position: absolute;
    top: 100%;
    transform: translateY(10px); 
    width: fit-content;
    min-width: 200px;
    background: #fcfcfc;
    border: 1px solid rgba(76, 76, 76, 0.25);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    transition: all 0.2s;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    overflow: hidden;
  }

  .has-submenu:hover > .header__submenu,
  .has-submenu:focus-within > .header__submenu {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    transform: translateY(0); 
  }

  .header__submenu a {
    padding: 14px 24px;
    transition: all 0.3s;
  }

  .header__submenu a:hover {
    color: inherit;
    text-decoration: none;
    background-color: #f1f1f1;
  }
  .header__submenu .has-icon {
    padding-left: 48px;
  }
  
  .header__submenu .has-icon .header__submenu-icon {
    left: 24px;
    top: 14px;
  }
  .header__submenu--account {
    min-width: 160px;
    right: 0;
    padding: 0;
    transition: all 0.2s;
    overflow: hidden;
  }
}

.header__item-user {
  padding-top: 32px;
  margin-top: 10px;
  border-top: 1px solid #e1e3e5;
  width: 100%;
}

.header__icon--account {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}

.header__icon--account.not-logged {
  width: auto;
  color: var(--color-secondary);
  height: 40px;
  padding: 10px 16px;
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  transition: all 0.3s;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  border: 1px solid var(--color-secondary);
  border-radius: 40px;
  text-decoration: none;
  white-space: nowrap;
}

.header__icon--account.not-logged svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: block;
}

.header__account-btn {
  padding: 0;
  border: none;
  background-color: transparent;
  display: inline-flex;
  gap: 8px;
  align-items: center;
}

.header__account-avatar {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #B8F0D9;
  border-radius: 50px;
  color: var(--color-secondary);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s;
  cursor: pointer;
  border: none;
  padding: 0;
}

.header__account-email {
  font-size: 14px;
}

@media (min-width: 960px) {

  .header__item-user {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
    width: auto
  }

  .header__icon--account {
    width: 40px;
    height: 40px;
    transition: all 0.3s;
  }
  
  .header__icon--account svg path {
    transition: all 0.3s;
  }

  .header__account-btn:hover .header__account-avatar {
    background-color: #00AA63;
    color: #fff;
  }

  .header__account-email {
    display: none;
  }

  .header__item-user:hover a {
    border-color: #00AA63;
  }

  .header__item-user:hover .header__icon--account svg path {
    fill: #00AA63;
  }

}

.header__search-btn {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  width: 32px;
  height: 32px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__search {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 12px var(--section-padding-horizont);
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
  transform: translateY(-100%);
  background-color: #fff;
  transition: all 0.3s;
  z-index: 10;
}

.header__search.active {
  transform: translateY(0);
}
.header__search .c-search {
  margin: 0;
  width: 100%;
}

.header__search .c-search__input {
  padding: 8px 16px 8px 48px;
  border: none;
}

.header__search .c-search__button {
  opacity: 0.5;
}

.header__search-overlay {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: var(--header-overlay-offset, 0px);
  left: 0;
  width: 100%;
  height: calc(100% - var(--header-overlay-offset, 0px));
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
  transition: all 0.3s;
}

.header__search-closer {
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__search-overlay.active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}


@media (min-width: 960px) {

  .header__search-btn {
    display: none;
  }

  .header__search {
    position: relative;
    transform: translateY(0);
    width: auto;
    max-width: 415px;
    flex-grow: 1;
    padding: 0;
    background-color: transparent;
    margin: 0 10px;
  }

  .header__search .header__search-btn,
  .header__search  .header__search-closer {
    display: none;
  }

  .header__search .c-search__button {
    opacity: 1;
  }

  .header__search .c-search__input {
    border: 1px solid rgba(32, 32, 32, 0.1);
  }

}

/* end of header styles  */

.section-main-404 {
  min-height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 1240px) {
  .section-main-404 {
    padding-top: 200px;
    padding-bottom: 200px;
  }
}

.main-404 {
  max-width: 490px;
  justify-content: center;
  gap: 24px;
  text-align: center;
}

.main-404 h1 {
  color: var(--color-secondary);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.main-404 .section__description {
  font-size: 16px;
  color: var(--color-secondary);
  margin-top: -16px;
}

.main-404 .link-to {
  margin-top: 0;
}





/*  Blog page  */


.pw-blog-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--color-secondary);
  margin-top: 0;
  margin-bottom: 24px;
}

.pw-blog-search-inner .c-search {
  width: 100%;
  margin-top: 0;
}


.pw-blog-layout {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.pw-blog-sidebar.sidebar-left {
  grid-area: sidebar-left;
}

.pw-blog-sidebar.sidebar-right {
  grid-area: sidebar-right;
}

.pw-blog-sidebar.sidebar-right ol {
  font-size: 14px;
  font-weight: 500;
  padding-left: 20px;
  margin: 0;
}

.pw-blog-sidebar.sidebar-right ol li {
  margin-bottom: 24px;
}

.pw-blog-sidebar.sidebar-right ol li:last-child {
  margin-bottom: 0;
}

.pw-blog-main {
  max-width: 1100px;
  grid-area: content;
}


.pw-blog-sidebar .section__heading,
.pw-page-sidebar .section__heading {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-secondary);
  margin-top: 0;
  margin-bottom: 16px;
}

.pw-blog-sidebar-inner {
  border: 1px solid #e1e3e5;
  border-radius: 16px;
  padding: 24px 20px;
  background-color: #fff;
  position: sticky;
  top: 100px;
}

.blog-tags-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
}

.blog-tags-list a {
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 16px;
  border-radius: 10px;
  background-color: #f6f7f8;
  text-decoration: none;
  color: #4c4c4c;
}

.blog-tags-list .active a {
  background-color: #00AA63;
  color: #fff;
}


@media (min-width: 600px) {
  .pw-blog-search-inner {
    display: flex;
    column-gap: 24px;
    align-items: flex-start;
  }
  .pw-blog-search-inner .c-search {

  }
}

@media (min-width: 992px) {
  .pw-blog-title {
    font-size: 28px;
  }

  .pw-blog-search-inner .c-search {
    width: calc(100% - 275px - 24px);
    margin-left: auto;
  }
  
  .pw-blog-layout {
    display: grid;
    grid-template-columns: 275px 1fr; 
    grid-template-rows: 0fr 1fr; /*  вот этот костылек  */
    grid-template-areas:
      "sidebar-right content"
      "sidebar-left content";
  }
}

@media (min-width: 1240px) {
  .pw-blog-search-inner {
    column-gap: 36px;
  }
  .pw-blog-title {
    font-size: 32px;
  }
  .pw-blog-search-inner .c-search {
    width: calc(100% - 275px - 36px);
  }
  .pw-blog-layout {
    display: grid;
    grid-template-columns: 275px 1fr 275px;
    grid-template-rows: 1fr;
    grid-template-areas:
      "sidebar-left content sidebar-right";
    column-gap: 36px;
  }
  .pw-blog-sidebar {
    margin-bottom: 36px;
  }
  .pw-blog-main {
    margin-bottom: 36px;
  }

}


@media (max-width: 1360px) {
  
}

.blog-articles {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.blog-article {
  width: 100%;
  text-decoration: none;
  color: var(--color-secondary);
  padding: 24px;
  display: flex;
  gap: 18px;
  border-radius: 16px;
  background-color: #f6f7f8;
}

.blog-article:hover {
  text-decoration: none;
  color: var(--color-secondary);
}

.blog-article .block-img-wrap {
  border-radius: 8px;
  overflow: hidden;
  width: 180px;
  height: 130px;
  position: relative;
}

.blog-article .block-img-wrap img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

.blog-article-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}

.blog-article .section__heading--3 {
  margin-top: 0px;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
}

.blog-article .section__description {
  font-family: var(--font-heading-family);
  font-size: 12px;
  margin: 0;
}

.blog-article__info {
  font-weight: 600;
  font-size: 12px;
  line-height: 1.33;
  color: var(--text-secondary);
  display: flex;
  justify-content: space-between;
}

.blog-article__info .date {
 font-size: 12px;
  font-weight: 600;
  opacity: 1;
}


.popular-articles-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 24px;

}

.popular-articles-list li {
  display: block;
}

.popular-article-item {
  display: flex;
  align-items: center;
  color: var(--color-secondary);
  text-decoration: none;
}

.popular-article-item:hover {
  color: var(--color-secondary);
  text-decoration: none;
}

.popular-article-item .img-wrapper {
  display: block;
  width: 60px;
  height: 40px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  margin-right: 6px;
}

.popular-article-item .img-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.popular-article-title {
  display: block;
  font-size: 14px;
  font-weight: 500;
}


@media (max-width: 490px) {
  .blog-article {
    flex-direction: column;
    padding: 20px;
  }
  .blog-article .block-img-wrap {
    width: 100%;
    height: 150px;
  }
}


/*  Author block  */

.author {
  padding: 24px;
  width: 100%;
  border: 1px solid #e1e3e5;
  border-radius: 16px;
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  font-family: var(--font-body-family);
}
.author__img {
  width: 100px;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 12px;
}
.author__info {
  display: flex;
  width: fit-content;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}
.author__info .author__name {
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: var(--color-accent);
}
.author__info p {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: var(--text-secondary);
}
.author__description {
  font-family: var(--font-heading-family);
  font-size: 20px;
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: var(--text-secondary);
}
.author > .author__link {
  margin-top: 0;
  justify-content: flex-start;
  color: var(--color-secondary);
}
@media (min-width: 600px) {
  .author {
    display: grid;
    grid-template-columns: 140px 1fr;
  }
  .author__img {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
  }
  .author__info, .author__description, .author__link {
    grid-column-start: 2;
    grid-column-end: 3;
  }
  .author__info .author__name {
    font-size: 20px;
  }
}

/* end  Author block  */




/*  Article  */

.article-share {
  padding: 12px 0;
}

.article-share ul {
  list-style: none;
}

.article-share--top .article-share-toggle {
  display: none;
}

.article-share--top .article-share-content {
  display: block;
}

.socials-list {
  display: flex;
  justify-content: space-between;
}

.socials-list__item {
  padding: 3px 3px;
}

.socials-list__link {
  display: flex;
  width: 28px;
  height: 28px;
}

.socials-list__link svg {
  width: 100%;
  height: 100%;
}

.socials-list__item svg path {
  fill: var(--color-secondary);
  transition: 0.3s;
}

.socials-list__item:hover svg path {
  fill: #00AA63;
}

@media (min-width: 490px) {
  .socials-list {
    justify-content: flex-start;
  }
  .socials-list__item {
    padding: 3px 16px;
  }
}

@media (min-width: 750px) {
  .socials-list__link {
    width: 24px;
    height: 24px;
  }
}

@media (min-width: 960px) {
  .socials-list__link {
    width: 20px;
    height: 20px;
  }
  .socials-list__item {
    padding: 3px 5px;
  }
}

.section-article .pw-blog-sidebar.sidebar-left {
  order: 1;
}

.section-article .pw-blog-sidebar.sidebar-right {
  order: 2;
}

.pw-article-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 24px;
}

@media (min-width: 600px) {

}

@media (min-width: 960px) {
  .pw-article-title {
    font-size: 28px;
  }
}


@media (min-width: 1240px) {
  .pw-article-title {
    font-size: 32px;
  }
}

.article-img {
  border: 1px solid #e1e3e5;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 4px;
}

.article-img > img {
  width: 100%;
  height: fit-content;
  display: block;
}

.article-img + .figcaption {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #4c4c4c;
  margin-bottom: 4px;
}

.article-content {
  margin-top: 24px;
}

.article-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-family: var(--font-body-family);
  padding: 16px 0;
}

.article-tags a {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.36;
  padding: 8px 16px;
  background-color: #f6f7f8;
  color: var(--color-secondary);
  border-radius: 10px;
}

.table-of-contents-desktop {
  background-color: #f6f7f8;
  border-color: #f6f7f8;
}

.table-of-contents-mobile {
  margin-top: 24px;
  margin-bottom: 24px;
  border: 1px solid #f6f7f8;
  border-radius: 16px;
  padding: 24px 20px;
  background-color: #f6f7f8;
}

.table-of-contents-mobile .section__heading {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-secondary);
  margin-top: 0;
  margin-bottom: 16px;
}

.section-page .pw-page-sidebar {
  display: none;
}

.pw-blog-sidebar.sidebar-left {
  display: none;
}

@media (min-width: 992px) {
  .table-of-contents-mobile {
    display: none;
  }
  .section-page .pw-page-sidebar {
    display: block;
  }
  .pw-blog-sidebar.sidebar-left {
    display: block;
  }
}

@media (min-width: 992px) {

}

.article-navigation__item {
        display: none;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.43;
  color: var(--color-secondary);
  text-decoration: none;
  position: relative;
  padding-left: 0px;
  margin-bottom: 16px;
}

.article-navigation__item:last-child {
  margin-bottom: 0;
}

.table-of-contents-mobile .article-navigation__item:last-child {
  margin-bottom: 16px;
}

.article-navigation__item--h3 {
  padding-left: 10px;
}

.article-navigation__item:hover,
.article-navigation__item.js-active {
  text-shadow: 0 0 1px currentColor;
  color: var(--color-accent);
}

.article-navigation__item::before {
  position: absolute;
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  left: -10px;
  top: 8px;
  background-color: var(--color-accent);
  opacity: 0;
  transition: opacity 0.3s;
}

.article-navigation__item.is-show,
.article-navigation__item.article-main__nav-item--mobile-show {
  display: block;
}

.article-main__navigation-btn {
	padding: 5px 16px 5px 0px;
	border: none;
	background-color: transparent;
	position: relative;
	color: #030E19;
	text-decoration: underline;
}

.article-main__navigation-btn:focus {
	outline: none;
}

.article-main__navigation-btn::after {
	content: "";
	width: 7px;
	height: 7px;
	border: 2px solid #030E19;
	border-top: 0;
	border-left: 0;
	transform: rotate(45deg);
	position: absolute;
	top: 9px;
	right: 0;
	pointer-events: none;
}

.article-main__navigation-btn:hover {
	text-decoration: none;
}

.is-show +.article-main__navigation-btn::after {
	transform: rotate(-135deg);
	top: 12px;
}

.article-navigation__item:hover::before {
  /* типа отключил */
}

@media screen and (min-width: 992px) {
	.article-navigation__item {
		display: block;
	}
	.article-main__navigation-btn {
		display: none;
	}
}

.article-info {
  margin-bottom: 16px;
  border-top: 1px solid #e1e3e5;
  border-bottom: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.article-info__list {
  padding: 10px 0;
  display: flex;
  flex-wrap: wrap;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: var(--color-secondary);
  border-bottom: 1px solid #e1e2e3;
  margin-bottom: 12px;
}

.article-info__list > div {
  width: 100%;
}

.article-info__list span {
 font-weight: 400;
 color: #4C4C4C;
}

@media (min-width: 750px) {
  .article-info {
    margin-bottom: 32px;
    border-bottom: 1px solid #e1e2e3;
    flex-direction: row;
    align-items: center;
    gap: 8px;
  } 
  .article-info__list {
    padding: 7px 0;
    border-bottom: none;
    margin-bottom: 0;
  }
}

.article-tags-share {
  margin-bottom: 24px;
  border-top: 1px solid #e1e3e5;
  border-bottom: 1px solid #e1e3e5;
}

.article-pages {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  font-family: var(--font-body-family);
}
.article-pages > .article-pages__link {
  padding: 12px 24px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 30px;
  border: 1px solid var(--color-secondary);
  color: var(--color-secondary);
}
.article-pages > .article-pages__link > svg {
  width: 14px;
  height: 12px;
}

.article-pages > .article-pages__link--next {
  margin-left: auto;
}

.article-pages > .article-pages__link--prev > svg {
  transform: rotate(180deg);
}




/*  Section themes  */

.section-themes {

}

.section-themes .c-search {
  margin-top: 0;
}

.section-themes .section__heading--1 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 24px;
}

.theme-products {
  display: grid;
  row-gap: 36px;
  margin-bottom: 40px;
}

.section-themes .pagination {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-themes .pw-page-sidebar-inner {
  padding: 0;
  background-color: transparent;
}

@media (min-width: 600px) {
  .theme-products {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    column-gap: 16px;
  }

  .theme-products--one-columns {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 992px) {
  .section-themes {
    display: flex;
    gap: 24px 36px;
  }
}

@media (min-width: 1240px) {
  .section-themes .section__heading--1 {
    font-size: 32px;
  }
  .blog-article .section__heading--3 {
    font-size: 20px;
  }
  .theme-products {
    column-gap: 24px;
  }
}


.theme-product {
  width: 100%;
  text-decoration: none;
  color: var(--color-secondary);
}

.theme-product:hover {
  text-decoration: none;
}

.theme-product--one-columns {

}

.theme-product .block-img-wrap {
  border-radius: 16px;
  border: 1px solid #e1e3e5;
  margin-bottom: 24px;
  overflow: hidden;
  aspect-ratio: 3/2;
}

.theme-product--one-columns .block-img-wrap {
  max-height: 300px;
  aspect-ratio: auto;
  width: 100%;
}

.theme-product .section__heading--3 {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 18px;
}

.theme-product__info {
  font-size: 14px;
  margin-bottom: 8px;
  color: var(--color-secondary);
}

.theme-product .section__description {
  font-size: 16px;
  margin-bottom: 8px;
}

.theme-product__link {
  display: block;
  margin-top: 0;
  font-weight: 700;
  text-decoration: underline;
  position: relative;
}

.theme-product__link::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-left: 4px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2559 4.4101L16.9699 9.12413C17.2954 9.44955 17.2954 9.97721 16.9699 10.3026L12.2559 15.0167C11.9305 15.3421 11.4028 15.3421 11.0774 15.0167C10.7519 14.6913 10.7519 14.1636 11.0774 13.8382L14.3688 10.5467H3.33333C2.8731 10.5467 2.5 10.1736 2.5 9.71338C2.5 9.25313 2.8731 8.88005 3.33333 8.88005H14.3688L11.0774 5.58861C10.7519 5.26316 10.7519 4.73553 11.0774 4.4101C11.4028 4.08466 11.9305 4.08466 12.2559 4.4101Z' fill='%23202020'/%3E%3C/svg%3E%0A");

}

.theme-recent {
  border: 1px solid #e1e3e5;
  border-radius: 16px;
  padding: 24px 16px;

}

.theme-recent .section__heading {
  font-size: 20px;
  margin-bottom: 24px;
}

.theme-recent__item {
  margin-bottom: 24px;
  display: flex;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-secondary);
  text-decoration: none;
}

.theme-recent__item:last-child {
  margin-bottom: 0;
}

.theme-recent__item .img-wrapper {
  width: 56px;
  height: 40px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}

.theme-recent__item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*  Theme page  */

.theme-page-wrapper {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
}

.theme-page-image {
  margin-top: 30px;
  margin-bottom: 24px;
  margin-left: 0;
  margin-right: 0;
  border-width: 0;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.theme-page-image img {
  display: block;
}

.theme-page-title {
  font-size: 28px;
  line-height: 1.2;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 16px;
}

.theme-page-wrapper {
  color: #4c4c4c;
}

.theme-page-wrapper h1,
.theme-page-wrapper h2,
.theme-page-wrapper h3,
.theme-page-wrapper h4,
.theme-page-wrapper h5,
.theme-page-wrapper h6 {
  color: var(--color-secondary);
  font-weight: 700;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 20px;
}

.theme-page-wrapper b {
  color: var(--color-secondary);
  font-weight: 700;
}

.theme-page-wrapper h2 {
  font-size: 24px;
  margin-bottom: 16px;
}

.theme-page-wrapper h3 {
  font-size: 20px;
  margin-bottom: 16px;
}

.theme-page-wrapper p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.theme-page-wrapper ul {
  margin: 16px 0;
  padding: 24px;
  padding-left: 20px;
  background-color: #F6F7F8;
  border-radius: 8px ;
}

.theme-page-wrapper ul li {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 8px;
  position: relative;
  padding-left: 24px;
}

.theme-page-wrapper ul li::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 0;
  background: linear-gradient(91.66deg, #008950 -51.85%, #00E276 158.48%);
}

@media screen and (min-width: 750px) {

  .theme-page-wrapper{
    font-size: 18px;
  }

  .theme-page-title {
    font-size: 32px;
  }

  .theme-page-wrapper h2 {
    font-size: 28px;
  }

  .theme-page-wrapper h3 {
    font-size: 24px;
  }

  .theme-page-wrapper p {
    font-size: 18px;
    margin-bottom: 24px;
  }

  .theme-page-wrapper ul li {
    font-size: 18px;
  }

  .theme-page-wrapper ul li::before {
    top: 13px;
  }
}


@media screen and (min-width: 992px) {
  .theme-page-image {
    border: 10px solid rgba(255,255,255,0.5);
    border-radius: 12px;
    margin-top: -150px;
    margin-bottom: 40px;
    margin-left: -10px;
    margin-right: -10px;
    background-color: #8c8c8c;
  }
}

.kava-banner-theme .breadcrumbs {
  margin-top: 0;
  margin-bottom: 24px;
}

.kava-banner-theme .kava-banner {
  padding: 60px 50px 200px;
  overflow: hidden;
}
.kava-banner-theme .kava-banner-inner::before,
.kava-banner-theme .kava-banner-inner::after {
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.kava-banner-theme .kava-banner-inner::before {
  width: 370px;
  height: 309px;
  top: 0px;
  left: -40%;
  background-image: url(/cdn/shop/files/kava-banner-img-left_2x_7188d337-603a-45ae-b6ab-4e46574492b9.png);
}

.kava-banner-theme .kava-banner-inner::after {
  width: 467px;
  height: 285px;
  top: 0px;
  right: -52%;
  background-image: url(/cdn/shop/files/kava-banner-img-right_2x_d3a38777-559e-46e5-be30-544f6bce67c8.png);
}

.kava-banner-theme .kava-banner-img {
  display: none;
}

.kava-banner-theme .kava-banner-title {
  font-size: 48px;
}

.kava-banner-theme .kava-banner-content {
  max-width: 620px;
}

.kava-banner-theme .kava-banner-content p {
  font-size: 24px;
}

@media screen and (max-width: 992px) {
  .kava-banner-theme .kava-banner {
    padding: 40px;
  }
}

@media screen and (max-width: 750px) {
  .kava-banner-theme .kava-banner-inner::before,
  .kava-banner-theme .kava-banner-inner::after {
    display: none;
  }
  .kava-banner-theme .kava-banner-img {
    display: block;
  }
  .kava-banner-theme .kava-banner-title {
    font-size: 32px;
  }

  .kava-banner-theme .kava-banner-content p {
    font-size: 20px;
  }
}

@media screen and (max-width: 490px) {
  .kava-banner-theme .kava-banner {
    padding: 24px;
  }
}

/*  End Theme template  */



.blog-article__tags {
  padding: 15px 0;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.blog-article__tags span {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: var(--color-primary);
  background: #00C08A;
  padding: 4px 10px;
  border-radius: 20px;
}

.blog-tags {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.blog-tag {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-secondary);
  padding-bottom: 5px;
}

.blog-tag a {
  color: inherit;
}

.blog-tag.active a, .blog-tag:hover a {
  border-bottom: 2px solid var(--color-secondary);
}

.link-to.blog-tags__link {
  margin-top: 0;
  justify-content: flex-start;
}

.blog-recommended__item {
  padding: 16px 0;
  color: var(--color-secondary);
  border-bottom: 1px solid var(--color-secondary);
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}

.blog-recommended__item > a {
  color: inherit;
}



/*  Main collection  */

.section-main-collection {
  background-color: var(--color-secondary);
  color: var(--text-accent_1);
  padding-top: 26px;
  padding-bottom: 65px;
}

@media (min-width: 1240px) {
  .section-main-collection {
    padding-bottom: 85px;
  }
}

.main-collection__title {
  font-weight: 700;
  font-size: 40px;
}
@media (min-width: 960px) {
  .main-collection__title {
    font-size: 48px;
  }
}
@media (min-width: 1240px) {
  .main-collection__title {
    font-size: 64px;
  }
}
.main-collection__description {
  margin-top: 24px;
  font-family: var(--font-heading-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  opacity: 0.65;
}
.main-collection__link {
  justify-content: flex-start;
}
@media (min-width: 1240px) {
  .main-collection__link {
    margin-top: 48px;
  }
}
@media (min-width: 1240px) {
  .main-collection {
    width: 70%;
  }
}

/* Contact us  */

.contact-us {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.contact-us__left {
  width: 100%;
  padding-top: 24px;
  margin-bottom: 36px;
}

.contact-text {
  max-width: 420px;
}

.contact-text h1 {
  font-size: 32px;
  margin-top: 0;
  margin-bottom: 8px;
  text-align: center;
  font-weight: 600;
  line-height: 1.3;
}

.contact-text h2 {
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 8px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.5px;
}

.contact-text p {
  font-size: 16px;
  color: #6B6B6C;
  margin-top: 0;
  margin-bottom: 4px;
}

.contact-text img {
  max-width: 320px;
}

.contact-us__right {
  width: 100%;
  flex-direction: column;
  gap: 20px;
  border-radius: 16px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  padding: 20px;
  order: -1;
  margin-bottom: 20px;
}

.contact-us__title {
  font-weight: 600;
  font-size: 32px;
  color: var(--color-secondary);
  margin-top: 0;
  margin-bottom: 24px;
  text-align: center;
  line-height: 1.3;
}

.contact-us__subtitle {
  font-size: 16px;
  color: #6B6B6C;
  margin-top: 0;
  margin-bottom: 24px;
  text-align: center;
}

.contact-us__form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.contact-us__form ::placeholder {
  color: #828282;
}

.contact-us__label {
  display: flex;
  flex-wrap: wrap;
  row-gap: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.contact-us__label > input, .contact-us__label > textarea {
  width: 100%;
  padding: 12px 24px;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: 1px solid rgba(32, 32, 32, 0.3);
  border-radius: 6px;
  font-family: var(--font-body-family);
  color: #8c9196;
}
.contact-us__label > input {
  border-radius: 36px;
}
.contact-us__label > textarea {
  border-radius: 10px;
  max-height: 125px;
}
.contact-us__label > input::placeholder, 
.contact-us__label > textarea::placeholder {
  color: inherit;
}

.contact-us__input:focus {
  border-color: #00AA63;
  outline: none;
}

input[aria-describedby="ContactForm-email-error"] {
  border-color: red;
}

.contact-us__field-error {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: red;
}
.contact-us__status {
  height: 24px;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: flex-start;
  gap: 5px;
}
.contact-us__status svg {
  width: 16px;
  height: 16px;
}
.contact-us__message {
  display: flex;
  align-items: center;
  gap: 5px;
}
.contact-us__message svg {
  width: 14px;
  height: 14px;
}
.contact-us__status-list {
  list-style: inside;
  margin-top: -15px;
}
.contact-us__link {
  color: #000000;
  font-size: 12px;
}
.contact-us__required {
  color: red;
}
.contact-us__button {
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  color: #fcfcfc;
  background-color: #00AA63;
  padding: 12px 24px;
  width: 100%;
  text-align: center;
  border-radius: 36px;
  border: 2px solid #00AA63;
  cursor: pointer;
  transition: all 0.3s;
}
.contact-us__button:hover {
  background:  #fff;
  color:  #00AA63;
}

.contact-us .terms-of-service {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}

.contact-us .terms-of-service a {
  color: inherit;
  font-weight: 600;
  text-decoration: none;
}

@media (min-width: 960px) {
  .contact-us {
    flex-direction: row;
    column-gap: 24px;
    align-items: flex-start;
  }
  .contact-us__left {
    width: 50%;
    margin-bottom: 0;
  }
  .contact-us__right {
    width: 50%;
    padding: 24px;
    margin-bottom: 0;
    order: initial;
  }
  .contact-us__image {
    display: block;
  }
}



/* Developer Page */

.dev-claimed .main-dev-title {
  display: flex;
  align-items: center;
  position: relative;
  column-gap: 10px;
}

.dev-claimed .main-dev-title::after {
  content: '';
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5857 2.60044C11.3257 1.86049 12.5011 1.82155 13.2869 2.4836L13.4141 2.60044L15.3136 4.49993H17.9999C19.0543 4.49993 19.9181 5.3158 19.9944 6.35066L19.9999 6.49993V9.1862L21.8994 11.0857C22.6394 11.8257 22.6783 13.0011 22.0162 13.787L21.8994 13.9142L19.9999 15.8137V18.5C19.9999 19.5543 19.184 20.4181 18.1492 20.4945L17.9999 20.5H15.3136L13.4141 22.3994C12.6742 23.1394 11.4987 23.1783 10.7129 22.5162L10.5857 22.3994L8.68622 20.5H5.99991C4.94554 20.5 4.08174 19.684 4.00539 18.6492L3.99991 18.5V15.8136L2.10043 13.9142C1.36049 13.1742 1.32155 11.9987 1.9836 11.2129L2.10044 11.0857L3.99991 9.18624V6.49993C3.99991 5.44556 4.81578 4.58176 5.85064 4.50541L5.99991 4.49993H8.68622L10.5857 2.60044ZM15.0794 9.48249L10.8348 13.727L9.06704 11.9593C8.67652 11.5688 8.04336 11.5688 7.65283 11.9593C7.26231 12.3498 7.26231 12.983 7.65283 13.3735L10.057 15.7777C10.4866 16.2072 11.1831 16.2072 11.6126 15.7777L16.4936 10.8967C16.8841 10.5062 16.8841 9.87302 16.4936 9.48249C16.103 9.09197 15.4699 9.09197 15.0794 9.48249Z' fill='%2300AA63'/%3E%3C/svg%3E%0A");
  display: inline-block;
}


.main-dev-header {
  background-color: #F6F7F8;
  border-radius: 16px;
  padding: 20px;
  padding-bottom: 0;
  margin-bottom: 24px;
}

.main-dev-header-inner {

}

.main-dev-header-about {
  padding-bottom: 24px;
  border-bottom: 1px solid #e1e1e1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.main-dev-title {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 4px;
  color: var(--color-secondary);
}

.main-dev-header-site {
  font-size: 14px;
  line-height: 1.43;
  font-weight: 600;
  color: var(--color-secondary);
  text-decoration: none;
  display: block;
  margin-bottom: 6px;
}

.main-dev-header-site:hover {
  color: var(--color-secondary);
  text-decoration: underline;
}

.main-dev-header-subtitle {
  margin-bottom: 16px;
  font-size: 14px;
  color: #78726E;
}

.main-dev-header-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.main-dev-header-buttons > a,
.main-dev-header-buttons > button {
  margin-top: 0px;
  line-height: 1.5;
  width: 100%;
}

.main-dev__info {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  padding: 20px 0;
  justify-content: center;
}

.main-dev__info li {
  display: block;
  width: 50%;
  text-align: center;
  max-width: 200px;
  padding: 12px 12px;
  flex-shrink: 0;
  flex-grow: 1;
}

.main-dev__info--icon svg {
  width: 24px;
  height: 24px;
}

.main-dev__info p {
  font-style: normal;
  font-weight: 400;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.5;
}

.main-dev__info div {
  font-weight: 700;
  font-size: 20px;
  text-transform: none;
}

.main-dev__info--rating {

}

.main-dev__info--reviews {

}

.main-dev__info--apps {

}

@media (min-width: 600px) {
  .main-dev-header {
    padding: 32px 36px;
    padding-bottom: 0;
  }
  .main-dev__info li {
    padding: 12px 24px;
  }
}


@media (min-width: 750px) {
  .main-dev__info {
    justify-content: flex-start;
  }
  .main-dev-header-buttons > a,
  .main-dev-header-buttons > button {
    margin-top: 0px;
    width: auto;
  }
  
  .main-dev__info li {
    width: 33%;
  }

  .main-dev__info li + li {
    border-left: 1px solid #e1e3e5;
  }

  .main-dev__social-bottom .main-dev__link-store {
    width: auto;
  }
}


@media (min-width: 1240px) {
  .main-dev-header {
    padding-bottom: 32px;
  }
  .main-dev-header-inner {
    display: flex;
    justify-content: space-between;
  }
  .main-dev-header-about {
    padding-bottom: 0;
    border-bottom: none;
    margin-right: 15px;
  }
  .main-dev__info {
    width: 50%;
    justify-content: flex-end;
  }
  .main-dev__info li {
    padding: 8px 24px;
    border-left: 1px solid #e1e3e5;
  }
}

.pw-page-layout {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.section-page .pw-page-sidebar {
  order: -1;
}

@media (min-width: 1366px) {
  .main-dev__info li {
    flex-shrink: 0;
    min-width: 140px;
    max-width: 180px;
    text-align: center;
  }
}


.pw-page-sidebar-inner {
  position: sticky;
  top: 100px;
  background-color: #f6f7f8;
  border-radius: 16px;
  padding: 24px 20px;
  margin-bottom: 36px;
}

@media (min-width: 600px)  {

}

@media (min-width: 992px) {
  .pw-page-sidebar {
    width: 280px;
    flex-shrink: 0;
  }
  .pw-page-layout {
    flex-direction: row;
  }
  .section-page .pw-page-sidebar {
    order: -1;
  }
}


.main-dev__social {
  font-size: 14px;
  line-height: 140%;
}

.main-dev__social p {
  font-weight: 700;
  font-size: 20px;
  color: var(--color-secondary);
  margin-top: 0;
  margin-bottom: 24px;
  width: 100%;
}

.main-dev__social a[href] {
  display: flex;
  width: 100%;
  font-weight: 600;
  align-items: center;
  text-decoration: underline;
  color: var(--text-primary);
  margin-top: 0;
  margin-bottom: 16px;
  gap: 4px;
  overflow-wrap: anywhere;
}

.main-dev__social a[href] .icon-holder {
  width: 24px;
  height: 24px;
}

.main-dev__social a[href].no-underline {
  text-decoration: none;
}

.main-dev__social-bottom {
  font-size: 12px;
  font-weight: 700;
  margin-top: 24px;
}

.main-dev__social-bottom a[href],
.main-dev__social-bottom button {
  margin: 0;
   font-size: 12px;
}

.main-dev__social-bottom .link-to--circle:hover {
  color: #fff;
}

.pw-page-main {
  width: 100%;
  flex-grow: 1;
}

.main-dev {
  display: flex;
  gap: 32px;
  flex-direction: column;
}

.main-dev-about .section__heading {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
}

.about-heading-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.main-dev-image {
  display: none;
  flex-shrink: 0;
  width: 200px;
  text-align: right;

  img {
    max-height: 60px;
    width: auto;
  }
}


@media (min-width: 600px) {
  .main-dev {
    gap: 36px;
  }
}

@media (min-width: 750px) {
  .main-dev-image {
    display: block;
  }
}

@media (min-width: 1240px) {
  .pw-page-layout {
    gap: 24px 36px;
  }
  .main-dev-about .section__heading {
    font-size: 32px;
  }
}


.section-main-header {
  color: var(--color-secondary);
  padding-top: 30px;
  padding-bottom: 10px;
  position: relative;
}
.section-main-header::after {
  position: absolute;
  content: "";
  width: 100%;
  aspect-ratio: 16/9;
  top: 0;
  left: 0;
/*  background-image: var(--main-custom-bg);*/
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
@media (min-width: 600px) {
  .section-main-header {
    padding-top: 55px;
  }
}
@media (min-width: 1240px) {
  .section-main-header {
    padding-top: 30px;
    padding-bottom: 40px;
  }
  .section-main-header::after {
    background-size: cover;
  }
}

.main-header-content .breadcrumbs {
  margin-bottom: 10px;
}
@media (min-width: 1240px) {
  .main-header-content {
    grid-column-start: 1;
    grid-column-end: 9;
  }
  .main-header-content--article {
    grid-column-start: 1;
    grid-column-end: 13;
  }
  .main-header-content .breadcrumbs {
    margin-bottom: 70px;
  }
}


/* ===== Visibility utilities (mobile-first) ===== */

/* по умолчанию (mobile) */
.show-mobile {
  display: initial;
}

.show-desktop {
  display: none;
}

/* десктоп и выше */
@media (min-width: 750px) {
  .show-mobile {
    display: none;
  }

  .show-desktop {
    display: initial;
  }
}


/*  MAIN PRODUCT  */


.main-product.product-unavailable .section__heading--1 {
  color: #4c4c4c;
  opacity: 0.5;
}

.main-product.product-unavailable .main-product__links a {
  color: #fcfcfc;
  border-color: #bcbcbc;
  background-color: #bcbcbc;
  cursor: not-allowed;
  pointer-events: none;
}

.main-product.product-unavailable .main-product__links a svg,
.main-product.product-unavailable .main-product__link::after {
  display: none;
}

.main-product.product-unavailable .contact-dev {
  background-color: transparent;
  display: none;
}


.section-main-product {
  padding-top: 24px;
  padding-bottom: 64px;
}

.main-product-wrapper {
  display: grid;
  grid-template-areas:
    "header"
    "sidebar"
    "main";
  grid-template-columns: 1fr;
  gap: 24px;
  align-items: initial;
  position: relative;
  border-bottom: 1px solid #e1e3e5;
}

.main-product-claimed,
.temporary-claimed {
  grid-template-areas:
    "header"
    "sidebar"
    "main";
  grid-template-columns: 1fr; /* Ширина основного контента и сайдбара */
}

.main-product {
  grid-area: header;
  background-color: #f6f7f8;
  padding: 16px;
  padding-bottom: 24px;
  margin-left: -20px;
  margin-right: -20px;
}

.title-image-wrapper {
  margin-bottom: 14px;
  display: flex;
}

.main-product__image {
  flex-shrink: 0;
  background: transparent;
  border-radius: 10px;
  width: 48px;
  height: 48px;
  overflow: hidden;
  margin-right: 12px;
}

.main-product__image img {
  width: 100%;
  height: 100%;
}

.main-product .section__heading--1 {
  font-size: 20px;
  line-height: 1.25;
  font-weight: 600;
  margin-bottom: 0;
}

.main-product-claimed .section__heading--1::after {
  content: '';
  display: inline-block;
  margin-left: 2px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.5857 1.10044C10.3257 0.360494 11.5011 0.32155 12.2869 0.983603L12.4141 1.10044L14.3136 2.99993H16.9999C18.0543 2.99993 18.9181 3.8158 18.9944 4.85066L18.9999 4.99993V7.6862L20.8994 9.58568C21.6394 10.3257 21.6783 11.5011 21.0162 12.287L20.8994 12.4142L18.9999 14.3137V17C18.9999 18.0543 18.184 18.9181 17.1492 18.9945L16.9999 19H14.3136L12.4141 20.8994C11.6742 21.6394 10.4987 21.6783 9.71292 21.0162L9.5857 20.8994L7.68622 19H4.99991C3.94554 19 3.08174 18.184 3.00539 17.1492L2.99991 17V14.3136L1.10043 12.4142C0.360495 11.6742 0.321551 10.4987 0.983604 9.7129L1.10044 9.58568L2.99991 7.68624V4.99993C2.99991 3.94556 3.81578 3.08176 4.85064 3.00541L4.99991 2.99993H7.68622L9.5857 1.10044ZM14.0794 7.98249L9.8348 12.227L8.06704 10.4593C7.67652 10.0688 7.04336 10.0688 6.65283 10.4593C6.26231 10.8498 6.26231 11.483 6.65283 11.8735L9.057 14.2777C9.4866 14.7072 10.1831 14.7072 10.6126 14.2777L15.4936 9.39668C15.8841 9.00618 15.8841 8.37302 15.4936 7.98249C15.103 7.59197 14.4699 7.59197 14.0794 7.98249Z' fill='%2300AA63'/%3E%3C/svg%3E%0A");

}

.main-product__info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 24px;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 6px;
}

.main-product__info li {
  position: relative;
}

.main-product__link {
  font-weight: 600;
  color: var(--text-primary);
  text-decoration: underline;
}

.main-product__link:hover {
  opacity: 0.9;
  text-decoration: none;
}

.build-for-shopify-badge {
  padding: 0;
  width: 24px;
  height: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #CAE3FF;
  border-radius: 20px;
  color: var(--color-secondary);
  font-size: 0;
}

.build-for-shopify-badge svg {
  width: 14px;
  height: 14px;
}

.main-product__info div .review-star-icon {
  width: 16px;
  height: 16px;
}
.main-product__info div .review-star-icon > svg {
  width: 100%;
  height: auto;
}

.main-product__info p span {
  font-weight: 300;
  font-size: 12px;
  text-transform: none;
  color: var(--text-secondary);
}
.main-product.product-unavailable .section__heading--1 {
  color: #4c4c4c;
  opacity: 0.5;
}

@media (min-width: 750px) {
  .main-product__image {
    width: 88px;
    height: 88px;
  }
  .main-product__info .main-product__item--developer::after {
    content: "\2022";
    position: absolute;
    top: 0;
    right: -16px;
  }
  .build-for-shopify-badge {
    width: auto;
    gap: 4px;
    padding: 2px 12px;
    font-size: 14px;
  }
  .build-for-shopify-badge svg {
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle;
  }
}


@media (min-width: 1440px) {
  .main-product__info {
    gap: 24px;
    flex-direction: row;
  }
}
.main-product__link {
  font-weight: 500;
  font-size: 14px;
  color: var(--text-primary);
  text-decoration: underline;
}
a.main-product__link:hover {
  opacity: 0.9;
  text-decoration: none;
}


.main-product__social {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  font-size: 14px;
  line-height: 140%;
}
.main-product__social p {
  font-weight: 500;
  font-size: inherit;
  color: var(--text-secondary);
  text-transform: uppercase;
  width: 100%;
}
.main-product__social a[href] {
  font-weight: 600;
  display: flex;
  align-items: center;
  text-decoration: underline;
  color: var(--text-primary);
}
.main-product__social a[href].no-underline {
  text-decoration: none;
}
.main-product__social .main-dev__social-bottom {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}


.main-product__links {
  font-size: 14px;
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 24px;
}

.main-product__links .main-dev__link-store {
  width: 100%;
}

.main-product__links a,
.main-product__links .main-dev__link-store {
  width: 100%;
  margin: 0;
  font-weight: 700;
}

.main-product__links a:hover {
  text-decoration: none;
}

.main-product-claim-app {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #e1e3e5;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main-product-claim-app a,
.main-product-claim-app button {
  width: 100%;
  text-decoration: none;
  background-color: transparent;
  margin-top: 16px;
  margin-bottom: 16px;
}

.main-product-claim-app p {
  font-size: 14px;
  color: #78726e;
  line-height: 1.2;
  text-align: center;
  order: -1;
}


.main-product .section__description {
  font-size: 14px;
  line-height: 1.28;
  color: #78726E;
}

.main-product-content {
  grid-area: main;
  min-width: 0;
  margin-top: 12px;
}

.slider-wrapper {
  max-width: 100%;
  width: 100%;
}


.main-product-sidebar {
  grid-area: sidebar;
}

.product-sidebar-inner {
  display: block;
  position: sticky;
  top: 100px; 
}

.product-information::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('//pickyourapp.com/cdn/shop/t/57/assets/apps-banner-bg.png?v=66562918598945235561777461645');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 16px;
  z-index: -1;
}

.product-information {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 16px;
  padding: 20px 16px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 16px;
}

.product-information__item {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 16px 24px;
}

.product-information__item:first-child .best-banner-subtitle {
  display: block;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
  color: #fff;
}

.product-information__title {
  font-size: 14px !important;
}

@media screen and (min-width: 600px) {

  .product-information__item--integrations,
  .product-information__item--categories {
    flex-direction: row;
  }

  .product-information__item--integrations .section__heading--3,
  .product-information__item--categories .section__heading--3 {
    min-width: 200px;
  }

  .product-information__list--categories {
    flex-direction: column;
  }

}

.product-ads-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}

.product-ads-wrapper .section__heading--3 {
  margin-bottom: 24px;
  margin-top: 0;
}

@media screen and (min-width: 600px) {
  .product-information__title {
    min-width: 160px;
    flex-shrink: 0;
  }
}

.product-information__list {
  display: flex;
  flex-wrap: wrap; 
  gap: 8px;
  color: var(--text-secondary);
}

.product-information__list--categories a { 
  font-size: 14px;
  font-weight: 500;
  color: var(--color-secondary);
  display: block;
  text-decoration: underline;
}

.product-information__list--categories a:hover { 
  color: var(--color-secondary);
  text-decoration: none;
}

.product-information__list > li {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: var(--color-secondary);
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  width: fit-content;
  position: relative;
}

.product-information__list a {
  color: var(--color-secondary);
}

@media (min-width: 490px) {
  .main-product {
    border-radius: 16px;
  }
  .main-product,
  .main-product-sidebar {
    margin-left: initial;
    margin-right: initial;
  }
}

@media screen and (min-width: 600px) {
  .product-information {
    flex-direction: row;
    gap: 20px;
    padding: 0;
    background-color: transparent;
  } 
  .product-information::before {
    display: none;
  }
}


@media (min-width: 750px) {
  .main-product__links a, 
  .main-product__links .main-dev__link-store,
  .main-product-claim-app a, .main-product-claim-app button {
    width: auto;
  }
  .main-product-claim-app {
    align-items: flex-start;
  }
  .main-product .section__heading--1 {
    font-size: 30px;
    line-height: 1;
    margin-bottom: 8px;
  }
  .main-product__links .add-to-compare-btn {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 991px) {
  .main-product-wrapper {
    grid-template-areas:
      "header header"
      "main sidebar";
    grid-template-columns: 3fr 1fr;
    grid-template-rows: auto 1fr;
  }
  .main-product-info-wrap {
    margin-right: 20px;
  }
  .main-product-claimed,
  .temporary-claimed {
    grid-template-areas:
      "header sidebar"
      "main sidebar";
    grid-template-columns: 3fr 1fr; /* Ширина основного контента и сайдбара */
    grid-template-rows: auto 1fr;
  }
  .main-product {
    grid-area: header;
    padding: 32px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .main-product-claim-app {
    display: block;
    border-top: none;
    padding-top: 0;
    margin-top: 0;
    width: 215px;
  }
  .main-product-claim-app a, .main-product-claim-app button {
    margin-top: 0;
  }
  .main-product-claim-app p {
    text-align: left;
  }
  .product-information {
    flex-direction: column;
    gap: 24px;
  }
  .product-information__item {
    width: auto;
  }
  .main-product-sidebar {
    padding-bottom: 32px;
  }
}


@media (min-width: 1240px) {
  .main-product-wrapper {
    gap: 24px 36px;
  }
}



/*  Product slider  */

.product-slider {
  width: 100%;
  max-width: 100%;
  position: relative;
  display: block;
}
.product-slider .glide__track {
  overflow: hidden;
  position: relative;
}
.product-slider .glide__slides {
  width: 100%;
  overflow: hidden;
  display: flex;
}
.product-slider li {
  background: rgba(0, 0, 0, 0.0509803922);
  border: 1px solid rgba(0, 0, 0, 0.0509803922);
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
}
.product-slider li img, .product-slider li iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  pointer-events: none;
}
.product-slider__buttons {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  width: 100%;
  min-width: 100%;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
.product-slider__button {
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 50%;
  color: var(--background-accent);
  background-color: var(--color-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: auto;
}
.product-slider__button--prev {
  transform: rotate(180deg);
  margin-left: -16px;
}
.product-slider__button--next {
  margin-right: -16px;
  margin-left: auto;
}
@media (min-width: 480px) {
  .product-slider {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}


.product-slider-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
  align-items: center;
  justify-content: center;
}
.product-slider-popup.active {
  display: flex;
}
.product-slider-popup::before {
  position: absolute;
  top: 30px;
  right: 30px;
  content: "";
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuMDAwNyAxNC4xMjE1TDE3LjMwMzkgMTkuNDI0OEMxNy44ODk3IDIwLjAxMDYgMTguODM5NSAyMC4wMTA2IDE5LjQyNTMgMTkuNDI0OEMyMC4wMTExIDE4LjgzOSAyMC4wMTExIDE3Ljg4OTMgMTkuNDI1MyAxNy4zMDM1TDE0LjEyMiAxMi4wMDAyTDE5LjQyNTMgNi42OTY5QzIwLjAxMTEgNi4xMTExMiAyMC4wMTExIDUuMTYxMzcgMTkuNDI1MyA0LjU3NTU4QzE4LjgzOTUgMy45ODk4IDE3Ljg4OTcgMy45ODk4IDE3LjMwMzkgNC41NzU1OEwxMi4wMDA3IDkuODc4ODhMNi42OTczOCA0LjU3NTU3QzYuMTExNTkgMy45ODk3OCA1LjE2MTg0IDMuOTg5NzggNC41NzYwNiA0LjU3NTU3QzMuOTkwMjcgNS4xNjEzNiAzLjk5MDI3IDYuMTExMSA0LjU3NjA2IDYuNjk2ODlMOS44NzkzNiAxMi4wMDAyTDQuNTc2MDYgMTcuMzAzNUMzLjk5MDI3IDE3Ljg4OTMgMy45OTAyNyAxOC44MzkgNC41NzYwNiAxOS40MjQ4QzUuMTYxODQgMjAuMDEwNiA2LjExMTU5IDIwLjAxMDYgNi42OTczOCAxOS40MjQ4TDEyLjAwMDcgMTQuMTIxNVoiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4NCg==");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
@media (min-width: 960px) {
  .product-slider-popup::before {
    top: 60px;
    right: 60px;
    width: 40px;
    height: 40px;
  }
}
.product-slider-popup__slider {
  width: 80%;
  margin: 36px 0;
  max-width: 1100px;
}
.product-slider-popup__slider .glide__track {
  overflow: hidden;
  position: relative;
}
.product-slider-popup__slider .glide__slides {
  width: 100%;
  overflow: hidden;
  display: flex;
}
.product-slider-popup li {
  background: rgba(0, 0, 0, 0.0509803922);
  border: 1px solid rgba(0, 0, 0, 0.0509803922);
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
}
.product-slider-popup li img, .product-slider-popup li iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
.product-slider-popup__button {
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 50%;
  background-color: var(--background-accent);
  color: var(--color-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
.product-slider-popup__button--prev {
  transform: translateY(-50%) rotate(180deg);
  left: 20px;
  right: auto;
}
@media (min-width: 1240px) {
  .product-slider-popup__button {
    right: 10%;
  }
  .product-slider-popup__button--prev {
    left: 10%;
  }
}


.section--main-search .pw-main {
  padding-left: 0;
}

.main-search .product-card-app {
  margin-bottom: 20px;
}


.main-search__products {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.main-search__products .product-unavailable {
  display: none !important;
}

@media (min-width: 600px) {
  .main-search__products {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 960px) {
  .main-search__products {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1240px) {
  .main-search__products {
    margin-bottom: 48px;
    column-gap: 36px;
  }
  .main-search .c-search {
    margin-bottom: 40px;
  }
}
.main-search__articles {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin-top: 24px;
  margin-bottom: 24px;
}
.main-search__articles .block-img-wrap {
  aspect-ratio: 1/1;
  object-fit: contain;
  border-radius: 4px;
}
@media (min-width: 600px) {
  .main-search__articles .block-img-wrap {
    aspect-ratio: 3/2;
  }
}
@media (min-width: 960px) {
  .main-search__articles {
    margin-bottom: 48px;
    grid-template-columns: 1fr 1fr;
    column-gap: 36px;
  }
  .main-search__articles .block-img-wrap {
    aspect-ratio: 1/1;
  }
}

.main-search__not-found {
  margin-top: 40px;
  text-align: center;
}
.main-search__not-found-img > img,
.main-search__not-found-img > svg {
  width: 100%;
  max-width: 500px;
}
.main-search__not-found-text {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-secondary);
  margin-bottom: 8px;
}

.main-search__not-found p:not(.main-search__not-found-text) {
 line-height: 1.5;
}

@media (min-width: 1240px) {
  .main-search__not-found {
    margin-top: 60px;
  }
}
.section-most-apps {
  background: var(--gradient_2);
  color: var(--color-secondary);
}
.section-most-apps .changer {
  width: 100%;
  max-width: 590px;
  margin: 0 auto;
}
.section-most-apps .categories {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1240px) {
  .section-most-apps .categories__list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.select.changer__select.changer__select--most #most-select {
  margin: 0;
}
.select.changer__select.changer__select--sort {
  padding-top: 12px;
  padding-bottom: 30px;
}
.select.changer__select.changer__select--sort #sort-select {
  margin: 0;
}
@media (min-width: 600px) {
  .select.changer__select.changer__select--sort {
    display: none;
  }
  .select.changer__select.changer__select--most {
    display: inline-flex;
  }
}

.sort__list {
  display: none;
}
@media (min-width: 600px) {
  .sort__list {
    display: flex;
    justify-content: center;
    gap: 16px;
    padding: 40px 0 24px;
  }
}
@media (min-width: 1240px) {
  .sort__list {
    gap: 52px;
  }
}

.sort__item {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: inherit;
  cursor: pointer;
}
.sort__item[data-active] {
  font-weight: 600;
  border-bottom: 4px solid var(--color-accent);
}
.section-nav {
  padding: 20px;
}
@media (min-width: 600px) {
  .section-nav {
    padding: 24px 84px;
  }
}

.nav-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 24px;
}
.nav-list > li {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  color: inherit;
}
.nav-list > li > a {
  color: inherit;
  text-decoration: none;
}
.nav-list > li > a:hover {
  opacity: 0.9;
}
@media (min-width: 600px) {
  .nav-list {
    column-gap: 44px;
  }
  .nav-list > li {
    font-size: 20px;
  }
}
@media (min-width: 1240px) {
  .nav-list {
    column-gap: 124px;
  }
}
.section-newsletter {
  padding: 64px 34px;
  background: var(--gradient_1);
  color: var(--text-accent_1);
}
@media (min-width: 600px) {
  .section-newsletter {
    padding: 120px 75px;
  }
}
@media (min-width: 1240px) {
  .section-newsletter .container-grid {
    position: relative;
  }
  .section-newsletter .container-grid::after {
    position: absolute;
    height: 120%;
    width: 70%;
    display: block;
    content: "";
    right: -75px;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
  }
}

.newsletter {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 490px;
  margin: 0 auto;
}
.newsletter__title {
  font-weight: 700;
  font-size: 36px;
  line-height: 130%;
  color: inherit;
}
@media (min-width: 600px) {
  .newsletter__title {
    font-size: 48px;
    padding-right: 60px;
  }
}
.newsletter__text {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
}
.newsletter__form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.newsletter__form > label {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
}
.newsletter__form > input {
  padding: 14px 24px;
  background: var(--select-background);
  border: 1px solid rgba(32, 32, 32, 0.1);
  border-radius: 4px;
  font-family: var(--font-body-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  color: var(--text-secondary);
}
.newsletter__form .newsletter__button {
  border: none;
  padding: 15px;
  margin: 8px 0;
  border-radius: 4px;
  background-color: var(--btn-background_1);
  color: var(--btn-text_1);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-family: inherit;
  text-decoration: none;
}
.newsletter__form .newsletter__button > svg {
  width: 15px;
  height: 15px;
}
.newsletter__form .newsletter__message {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  font-family: var(--font-heading-family);
}
@media (min-width: 1240px) {
  .newsletter {
    margin: 0;
  }
}

.section-popular-categories {
  color: var(--color-secondary);
}
@media (min-width: 600px) {
  .section-popular-categories {
    padding-top: 24px;
  }
}
@media (min-width: 1240px) {
  .section-popular-categories {
    padding-top: 0px;
    padding-bottom: 110px;
  }
  .section-popular-categories .section__heading {
    grid-column-start: 1;
    grid-column-end: 9;
    text-align: left;
  }
  .section-popular-categories .link-to {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 9;
    grid-column-end: 13;
    margin: auto;
  }
}
.section-popular-categories .changer__select {
  max-width: 590px;
  margin: 0 auto;
  display: flex;
}
@media (min-width: 1240px) {
  .section-popular-categories .changer__select {
    display: none;
  }
}

.categories {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1240px) {
  .categories {
    margin-top: 60px;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 40px;
  }
}
.search-result {
  width: 100%;
  border-radius: 8px;
  box-shadow: 0px 4px 15px 0px rgba(32, 32, 32, 0.1019607843);
  overflow: hidden;
  position: absolute;
  z-index: 2;
  background-color: var(--background-accent);
}
.search-result__list {
  padding: 10px 0;
}
.search-result__list > li {
  cursor: pointer;
  font-size: 14px;
  color: #000000;
  display: flex;
  align-items: center;
  gap: 16px;
}
.compare-modal .search-result__list > li {
  padding: 8px 24px;
}
.search-result__list > li > a {
  display: flex;
  width: 100%;
  color: inherit;
  padding: 8px 24px;
  font-weight: 400;
  align-items: center;
}
.search-result__list > li > a > img {
  width: 32px;
  height: 32px;
  min-width: 30px;
  border-radius: 4px;
  margin-right: 10px;
}
.search-result__list > li > h3 {
  display: block;
  width: 100%;
  color: inherit;
  padding: 12px 24px;
  line-height: 1.3;
  text-transform: uppercase;
  opacity: 0.5;
  font-size: 12px;
  font-weight: 400;
}
.search-result__list > li:hover {
  background-color: #f5f5f5;
}
.search-result__title {
  background: transparent;
  border-bottom: 1px solid rgba(32, 32, 32, 0.2509803922);
  cursor: default;
  padding: 20px 24px;
}
.section-product-content {
  background: var(--gradient_2);
}


/*  APP Product content  */

.s-product-content {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.s-product-content .section__heading--3,
.s-product-content h3 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
}

.s-product-content h4 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}

.s-product-title {
  font-size: 24px;
  font-weight: 700;
}

.s-product-content__features {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.s-product-content__features ul {
  display: flex;
  flex-direction: column;
  gap: 13px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 36px;
}

.s-product-content__features ul > li {
  position: relative;
  color: var(--color-secondary);
}

.s-product-content__features ul > li::before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 0;
  left: -36px;
  transform: translateY(-10%);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM0NDJfNzQ0NCkiPgo8cGF0aCBkPSJNMTIgMi4wMDAyNEMxNy41MjI4IDIuMDAwMjQgMjIgNi40NzczOSAyMiAxMi4wMDAyQzIyIDE3LjUyMyAxNy41MjI4IDIyLjAwMDIgMTIgMjIuMDAwMkM2LjQ3NzE1IDIyLjAwMDIgMiAxNy41MjMgMiAxMi4wMDAyQzIgNi40NzczOSA2LjQ3NzE1IDIuMDAwMjQgMTIgMi4wMDAyNFpNMTUuNTM1NCA4LjM4MTZMMTAuNTg1NiAxMy4zMzEzTDguNDY0MzEgMTEuMjFDOC4wNzM3OSAxMC44MTk1IDcuNDQwNjMgMTAuODE5NSA3LjA1MDEgMTEuMjFDNi42NTk1OCAxMS42MDA1IDYuNjU5NTggMTIuMjMzNyA3LjA1MDEgMTIuNjI0Mkw5LjgwNzgyIDE1LjM4MTlDMTAuMjM3NCAxNS44MTE1IDEwLjkzMzkgMTUuODExNSAxMS4zNjM1IDE1LjM4MTlMMTYuOTQ5NiA5Ljc5NTgxQzE3LjM0MDEgOS40MDUyOSAxNy4zNDAxIDguNzcyMTIgMTYuOTQ5NiA4LjM4MTZDMTYuNTU5MSA3Ljk5MTA3IDE1LjkyNTkgNy45OTEwNyAxNS41MzU0IDguMzgxNloiIGZpbGw9IiMwMEFBNjMiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zNDQyXzc0NDQiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuMDAwMjQ0MTQxKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
}

.s-product-content__pros-cons {
  display: grid;
  grid-template-columns: 1fr;
  gap: 36px;
}

.product-information__separator {
  display: block;
  margin: 8px 0;
  height: 1px;
  border-top: 1px dotted #ecebeb;
}

.metafield-rich_text_field p {
  margin-bottom: 24px;
}

.metafield-rich_text_field h3 {
  margin-bottom: 16px;
}

@media screen and (min-width: 991px) {
  .s-product-content__pros-cons {
    grid-template-columns: 1fr 1fr;
  }
}

.s-product-content__pros-cons > div {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.s-product-content__pros-cons > div > ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 36px;
}

.s-product-content__pros-cons > div > ul > li {
  position: relative;
  color: #4c4c4c;
}

.s-product-content__pros-cons > div > ul > li::before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 0;
  left: -36px;
  transform: translateY(-10%);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM0NDJfNzQ0NCkiPgo8cGF0aCBkPSJNMTIgMi4wMDAyNEMxNy41MjI4IDIuMDAwMjQgMjIgNi40NzczOSAyMiAxMi4wMDAyQzIyIDE3LjUyMyAxNy41MjI4IDIyLjAwMDIgMTIgMjIuMDAwMkM2LjQ3NzE1IDIyLjAwMDIgMiAxNy41MjMgMiAxMi4wMDAyQzIgNi40NzczOSA2LjQ3NzE1IDIuMDAwMjQgMTIgMi4wMDAyNFpNMTUuNTM1NCA4LjM4MTZMMTAuNTg1NiAxMy4zMzEzTDguNDY0MzEgMTEuMjFDOC4wNzM3OSAxMC44MTk1IDcuNDQwNjMgMTAuODE5NSA3LjA1MDEgMTEuMjFDNi42NTk1OCAxMS42MDA1IDYuNjU5NTggMTIuMjMzNyA3LjA1MDEgMTIuNjI0Mkw5LjgwNzgyIDE1LjM4MTlDMTAuMjM3NCAxNS44MTE1IDEwLjkzMzkgMTUuODExNSAxMS4zNjM1IDE1LjM4MTlMMTYuOTQ5NiA5Ljc5NTgxQzE3LjM0MDEgOS40MDUyOSAxNy4zNDAxIDguNzcyMTIgMTYuOTQ5NiA4LjM4MTZDMTYuNTU5MSA3Ljk5MTA3IDE1LjkyNTkgNy45OTEwNyAxNS41MzU0IDguMzgxNloiIGZpbGw9IiMwMEFBNjMiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zNDQyXzc0NDQiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuMDAwMjQ0MTQxKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
}

.s-product-content__pros-cons > div.s-product-content__pros > ul > li::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIyQzE3LjUyMjggMjIgMjIgMTcuNTIyOCAyMiAxMkMyMiA2LjQ3NzE1IDE3LjUyMjggMiAxMiAyQzYuNDc3MTUgMiAyIDYuNDc3MTUgMiAxMkMyIDE3LjUyMjggNi40NzcxNSAyMiAxMiAyMloiIHN0cm9rZT0iIzAwQUE2MyIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik0xNiAxMkg4IiBzdHJva2U9IiMwMEFBNjMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMiA4VjE2IiBzdHJva2U9IiMwMEFBNjMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=");
}

.s-product-content__pros-cons > div.s-product-content__cons > ul > li::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDEySDgiIHN0cm9rZT0iI0UyNDg3NiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTEyIDIyQzE3LjUyMjggMjIgMjIgMTcuNTIyOCAyMiAxMkMyMiA2LjQ3NzE1IDE3LjUyMjggMiAxMiAyQzYuNDc3MTUgMiAyIDYuNDc3MTUgMiAxMkMyIDE3LjUyMjggNi40NzcxNSAyMiAxMiAyMloiIHN0cm9rZT0iI0UyNDg3NiIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=");
}

@media screen and (min-width: 1240px) {
  .s-product-content {
/*    gap: 36px;*/
  }
}




.section-card-collections {
  color: var(--color-secondary);
}

.card-collections {
  width: 100%;
}
.card-collections__list {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 24px;
  margin-top: 58px;
}
.card-collections__list > a {
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: space-between;
  width: 100%;
  padding: 24px;
  border: 1px solid #D2D2D2;
  border-radius: 8px;
  color: inherit;
  text-decoration: none;
}
.card-collections__list > a:hover {
  text-decoration: underline;
  opacity: 0.9;
}
.card-collections__list > a h3 {
  margin-top: 0;
}
.card-collections__list > a span {
  display: flex;
  align-items: center;
  gap: 10px;
}
.card-collections__list > a span > svg {
  color: var(--color-accent);
}
@media (min-width: 960px) {
  .card-collections__list > a {
    min-height: 155px;
  }
}
@media (min-width: 600px) {
  .card-collections__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 960px) {
  .card-collections__list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.section-reviews {
  background: var(--gradient_2);
  color: var(--text-primary);
}
.section-reviews .section__heading {
  padding-bottom: 32px;
}
@media (min-width: 1240px) {
  .section-reviews .section__heading {
    padding-bottom: 40px;
  }
}

.reviews-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}
@media (min-width: 1240px) {
  .reviews-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 36px;
  }
}

.review {
  width: 100%;
  background: var(--color-primary);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 30px;
  height: fit-content;
}

.review__header {
  display: flex;
  align-items: center;
  gap: 8px;
  color: inherit;
  text-decoration: none;
}

.review__logo {
  width: 24px;
  height: 24px;
  border-radius: 4px;
}

.review__body {
  padding: 16px 0 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E6E6E6;
}
.review__body > p {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
}
.review__body > p .show-full-review {
  color: inherit;
}

@media (min-width: 600px) {
  .review__footer {
    display: flex;
  }
}
@media (min-width: 1240px) {
  .review__footer {
    align-items: center;
  }
}

.review__rate {
  width: 100%;
  margin-top: 8px;
}
@media (min-width: 600px) {
  .review__rate {
    width: fit-content;
    margin-left: auto;
    margin-top: 0px;
  }
}

.review-star-icon {
  color: var(--star-color);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.review-star-icon--empty {
  color: var(--star-color-empty);
}
.s-recommend-products {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.s-recommend-heading .section__heading {
  font-size: 24px;
  margin-bottom: 8px;
  text-align: center;
}

.s-recommend-heading {
  display: flex;
  justify-content: center;
}

.s-recommend-heading .link-to {
  display: none;
}

.s-recommend-footer .link-to {
  display: flex;
}

.s-recommend-products__list {
  margin-top: 0;
  display: grid;
  gap: 24px;
}


@media screen and (min-width: 960px) {

  .s-recommend-heading {
    justify-content: space-between;
  }
  .s-recommend-heading .section__heading {
    text-align: left;
  }
  .s-recommend-heading .link-to {
    display: inline-flex;
    width: auto;
    margin-top: 0;
  }
  .s-recommend-footer .link-to {
    display: none;
  }
  .s-recommend-products__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1240px) {
  .s-recommend-products__list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.section-statistic {
  padding-top: 48px;
  padding-bottom: 48px;
}
@media (min-width: 600px) {
  .section-statistic {
    padding-bottom: 64px;
  }
}
@media (min-width: 1240px) {
  .section-statistic {
    padding-bottom: 120px;
  }
}

.statistic {
  display: grid;
  grid-template-columns: 1fr;
  gap: 36px;
}
.statistic__media > img {
  width: 100%;
}
@media (min-width: 1240px) {
  .statistic {
    grid-template-columns: 1fr 1fr;
  }
}

.web-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: var(--color-secondary);
}
.web-info h1 {
  font-size: 64px;
}
.web-info__link {
  cursor: pointer;
  width: fit-content;
  color: inherit;
}
.web-info__link:hover {
  text-decoration: none;
}
.web-info__desc {
  font-family: var(--font-heading-family);
  font-size: 20px;
  line-height: 150%;
}
.web-info__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 36px;
  column-gap: 20px;
  margin: 20px 0;
}
.web-info__list > li {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-right: 15px;
}
.web-info__list > li > span, .web-info__list > li > a {
  font-size: 24px;
  font-weight: 700;
  color: inherit;
}
.web-info__list > li > a {
  cursor: pointer;
  text-decoration: underline;
}
.web-info__list > li > a:hover {
  text-decoration: none;
}
@media (min-width: 600px) {
  .web-info__list > li:nth-child(-n+3) {
    border-right: 1px solid rgba(76, 76, 76, 0.25);
  }
}
@media (min-width: 600px) {
  .web-info__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.web-info__logo {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.landing-statistic {
  margin: 0 auto;
  max-width: 600px;
}

.last-query__title {
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
  color: var(--text-secondary);
}
.last-query__list {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 16px;
}
.last-query__list > a {
  padding: 8px 24px;
  border-radius: 20px;
  border: 1px solid rgba(32, 32, 32, 0.0509803922);
  background: #ebfbf3;
  color: var(--color-secondary);
}

.statistic-background {
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  top: 50px;
  left: 0px;
}
.section-ui-kit .section__content--with-gap {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-m);
}

.ui-kit-elements-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: flex-start;
}
.ui-kit-elements-wrap--short {
  flex-direction: column;
  gap: 0;
  max-width: 300px;
}




/*  Anton Litvinenko styles  */

:root {
  --pw-gutter-x: 18px;
}

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


.pw-container,
.pw-container-fluid {
  padding-right: var(--pw-gutter-x, 15px);
  padding-left: var(--pw-gutter-x, 15px);
  margin-right: calc(var(--pw-gutter-x, 15px) * -1);
  margin-left: calc(var(--pw-gutter-x, 15px) * -1);
}

@media (min-width: 490px) {
  .pw-container,
  .pw-container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 576px) {
  .pw-container {
    max-width: 540px;
  }
}

@media (min-width: 751px) {
  .pw-container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .pw-container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .pw-container {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .pw-container {
    max-width: 1360px;
  }
}

.pw-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(var(--pw-gutter-x, 15px) * -1);
  margin-left: calc(var(--pw-gutter-x, 15px) * -1);
}

.pw-row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: var(--pw-gutter-x, 15px);
  padding-left: var(--pw-gutter-x, 15px);
}

@media (min-width: 600px) {
  .pw-col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .pw-col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .pw-col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .pw-col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666666%;
  }
  .pw-col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .pw-col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 751px) {
  .pw-col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .pw-col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .pw-col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .pw-col-md-8 {
    flex: 0 0 auto;
    width: 66.66666666%;
  }
  .pw-col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .pw-col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 991px) {
  .pw-col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .pw-col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .pw-col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .pw-col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666666%;
  }
  .pw-col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .pw-col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 1199px) {
  .pw-col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .pw-col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .pw-col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .pw-col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666666%;
  }
  .pw-col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .pw-col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}

.pagination .page {
  width: 40px;
  height: 40px;
  background: #f6f6f6;
  border: 2px solid #f6f6f6;
}

.pagination .page.current {
  background-color: #fff;
  border: 2px solid var(--color-secondary);
  color: var(--color-secondary);
  width: 40px;
  height: 40px;
}

.pagination .page > a {
  width: auto;
  height: auto;
}

.select select {
  padding: 10px 36px 10px 16px;
  background: #F6F7F8;
  border: none;
  border-radius: 10px;
}

collection-product-tabs {
  margin-bottom: 32px;
  display: block;
  padding-top: 32px;
  border-top: 1px solid #e8e8e8;
}

collection-product-tabs .select .icon-select {
  width: 15px;
  height: 6px;
}

collection-product-tabs button {
  position: relative;
}

collection-product-tabs button:hover::after, collection-product-tabs button[active]::after {
  border-width: 1px;
}

collection-product-tabs .products-count {
  display: none;
}

collection-product-tabs button[active] .products-count {
  display: inline-block;
}

@media (min-width: 600px) {
  collection-product-tabs button {
    display: inline;
  }
  collection-product-tabs {
    padding-top: 0;
    border-top: none;
  }
}

.dev-products__grid {
  display: block;
}

.section-footer .section__heading {
  font-size: 20px;
  font-weight: 600;
  line-height: 130%;
  color: #4c4c4c;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #4d4d4d;
  text-align: left;
  text-transform: uppercase;
}

.footer__secondary-list {
  width: 90%;
  max-width: 450px;
}

.footer__secondary-list li {
  margin-bottom: 6px;
}

.footer__secondary-list li:last-child {
  margin-bottom: 0;
}


/*  filters styles  */

.filters-holder {
  padding-top: 12px;
  margin-bottom: 32px;
}

.filter {
  display: block;
}

p.filtered-apps-number {
  font-size: 12px;
  font-weight: 700;
  margin: 0px 16px 5px;
}

.filter__buttons {
  padding: 0;
  border-bottom: none;
}

.filter__buttons.open {
  display: inline-block;
}

.filter__tags {
  display: none !important;
}

.filter__remove-all {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  text-decoration-line: underline;
  color: var(--color-secondary);
  position: relative;
  padding: 5px 10px;
  border: none;
  background: transparent;
  cursor: pointer;
}

.filter__remove-all::before {
  display: none;
}

.filter__remove-all::after {
  display: none;
}

.filter .filter-item {
  padding: 0;
  border-bottom: none;
  position: relative;
  display: block;
  margin-bottom: 8px;
}

.filter .filter-item > p {
  margin: 0;
}

.filter .filter-dropdown-title {
  margin: 0;
  display: block;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 36px 8px 16px;
  background-color: #F6F7F8;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
  line-height: 1.45;
}

.filter .filter-dropdown-title span {
  font-weight: 400;
  pointer-events: none;
}

.filter .filter-dropdown-title::before,
.pw-select-wrapper::before {
  content: '';
  width: 12px;
  height: 5px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='7' viewBox='0 0 14 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.5L7 5.5L13 0.5' stroke='black'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 48%;
  right: 12px;
}

.filter-dropdown-title-current {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
  color: var(--color-secondary);
}

.filter-dropdown-title-current + span {
  color: #6D7175;
}

.filter-item .filter-dropdown {
  min-width: 100%;
  padding: 20px 20px;
  border-radius: 10px;
  position: absolute;
  top: 110%;
  left: 0;
  background-color: #fcfcfc;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  border: 1px solid #d0d0d0;
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
  transition: all 0.3s;
  max-height: 500px;
  overflow-y: auto;
}

.filter-item.show .filter-dropdown {
  z-index: 2;
  opacity: 1;
  visibility: visible;
}

.filter .filter-item ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.filter-button {
  display: none;
}

body.open .filter {
  display: none;
}

/*  end of filters styles  */


.pw-layout {
  display: flex;
}

.pw-sidebar-wrapper {
  width: 280px;
  flex-shrink: 0;
}

.pw-sidebar {
  padding: 24px 20px 24px 40px;
  background-color: #f6f7f8;
  border-radius: 16px;
  position: sticky;
  top: 100px;
  margin-bottom: 36px;
  max-height: calc(100vh - 100px);
  overflow: auto;
}

.pw-sidebar-inner {

}

.pw-sidebar-menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.pw-sidebar-menu > li {
  margin-bottom: 24px;
  position: relative;
}

.pw-sidebar-menu > li:last-child {
  margin-bottom: 0;
}

.pw-sidebar-menu > li.popular::before {
  content: "";
  width: 17px;
  height: 17px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55696 13.6975L12.707 16.2075C13.467 16.6675 14.397 15.9875 14.197 15.1275L13.097 10.4075L16.767 7.2275C17.437 6.6475 17.077 5.5475 16.197 5.4775L11.367 5.0675L9.47696 0.6075C9.13696 -0.2025 7.97696 -0.2025 7.63696 0.6075L5.74696 5.0575L0.916957 5.4675C0.0369575 5.5375 -0.323043 6.6375 0.346957 7.2175L4.01696 10.3975L2.91696 15.1175C2.71696 15.9775 3.64696 16.6575 4.40696 16.1975L8.55696 13.6975Z' fill='%23cccccc'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 7px;
  left: -24px;
}

.pw-sidebar-menu > li.popular.current::before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55696 13.6975L12.707 16.2075C13.467 16.6675 14.397 15.9875 14.197 15.1275L13.097 10.4075L16.767 7.2275C17.437 6.6475 17.077 5.5475 16.197 5.4775L11.367 5.0675L9.47696 0.6075C9.13696 -0.2025 7.97696 -0.2025 7.63696 0.6075L5.74696 5.0575L0.916957 5.4675C0.0369575 5.5375 -0.323043 6.6375 0.346957 7.2175L4.01696 10.3975L2.91696 15.1175C2.71696 15.9775 3.64696 16.6575 4.40696 16.1975L8.55696 13.6975Z' fill='%2300aa63'/%3E%3C/svg%3E%0A");
}

.pw-sidebar-menu > li > a {
  font-size: 16px;
  font-weight: 700;
  display: block;
  color: var(--color-secondary);
  text-decoration: none;
  padding: 4px 0;
}

.pw-sidebar-menu > li > a:hover {
  color: #00AA63;
}

.pw-sidebar-menu .current > a {
  color: #00AA63;
  font-weight: 700;
}

.pw-sidebar-submenu {
  padding-left: 5px;
}

.pw-sidebar-submenu .current > a {
  font-weight: 400;
}

.pw-sidebar-submenu li {

}

.pw-sidebar-submenu a {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-secondary);
  padding: 4px 0;
}

.pw-sidebar-submenu a:hover {
  text-decoration: underline;
}

.sidebar-menu-back-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: var(--color-secondary);
  padding: 4px 0;
  position: relative;
  margin-bottom: 24px;
  text-decoration: none;
}

.sidebar-menu-back-btn:hover::before {
  transform: translateX(-2px);
}

.sidebar-menu-back-btn::before {
  content: "";
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' class='Icon_Icon__uZZKy' style='width: 20px; height: 20px;'%3E%3Cpath fill-rule='evenodd' d='M16.5 10a.75.75 0 0 1-.75.75h-9.69l2.72 2.72a.75.75 0 0 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 1 1 1.06 1.06l-2.72 2.72h9.69a.75.75 0 0 1 .75.75Z'%3E%3C/path%3E%3C/svg%3E");
  position: absolute;
  top: 7px;
  left: -24px;
  transition: all 0.3s;
}


.pw-main-wrapper {
  flex-grow: 1;
  max-width: 100%;
}

.pw-main {
  padding: 0px 0 0px 36px;
  margin-left: auto;
  margin-right: auto;
}

.pw-main-search-wrapper {
  display: flex;
  margin-bottom: 10px;
}

.pw-main-search-wrapper .c-search {
  margin-bottom: 0;
}

.pw-main .search-content {
  max-width: none;
}

.pw-main-search-wrapper .search-content {
  max-width: none;
  padding: 24px;
  border-radius: 16px;
  background-color: #F6F7F8;
  margin-bottom: 20px;
}

.pw-sidebar-menu-mobile {
  display: block;
  margin-bottom: 16px;
  width: 100%;
}

.pw-product-tabs {
  width: 100%;
}

.pw-main-search-wrapper .section__description {
  font-size: 16px !important;
}

.pw-header-product-wrapper {
  display: block;
  text-decoration: none;
}

.pw-header-product-wrapper:hover {
  text-decoration: none;
}

.pw-header-product-img {
  max-height: 300px;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 16px;
}

.pw-header-product-img img {
  display: block;
}

.pw-header-product-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-secondary);
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  gap: 8px;
  align-items: flex-start;
  justify-content: space-between;
}

.pw-header-product-title::after {
  content: "Ads";
  display: block;
  padding: 4px 12px;
  border-radius: 8px;
  color: var(--color-secondary);
  font-size: 12px;
  font-weight: 550;
  line-height: 1.1;
  border: 1px solid #e1e1e1;
}

.pw-header-product-text {
  font-size: 16px;
  font-weight: 400;
  color: #78726E;
  margin-top: 8px;
  margin-bottom: 0;
}

.pw-select-wrapper {
  position: relative;
}

.pw-select-wrapper select {
  appearance: none;
  width: 100%;
  min-width: auto;
  padding: 9px 36px 9px 16px;
  background: #F6F7F8;
  border: none;
  border-radius: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: var(--select-text);
  cursor: pointer;
}



/*  Product card  */

.product-card {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 16px;
  gap: 16px 8px;
  border-radius: 8px;
  border: 1px solid #e1e1e1;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  position: relative;
}

.compare-product__remove {
  display: none;
  width: 32px;
  height: 32px;
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
  background: transparent;
  border: none;
  padding: 0px;
  align-items: center;
  justify-content: center;
}

.compare-product__remove svg {
  width: 16px;
  height: 16px;
}

.product-card__img {
  width: 48px;
  height: 48px;
  aspect-ratio: 1/1;
  border-radius: 8px;
  flex-shrink: 0;
  overflow: hidden;
}

.product-card__img img {
  width: 100%;
}

.product-card .section__description {
  font-size: 12px;
  color: #4c4c4c;
  opacity: 1;
}

.product-card .section__heading--5 {
  font-size: 16px;
  word-break: break-word;
  hyphens: auto;
}

.product-card .product-card__info {
  max-width: calc(100% - 48px - 8px);
  flex-grow: 1;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.product-card .product-card__footer {
  margin-left: -16px;
  margin-right: -16px;
  margin-bottom: -16px;
  min-width: calc(100% + 32px);
}

.product-card .add-to-compare-btn {
  display: none;
}

.product-card-compare .section__heading--5 {
  padding-right: 20px;
}

.product-card-compare .compare-product__remove {
  display: flex;
}

.product-card-compare .product-card__trial {
  display: block;
}

.product-card-compare .product-card__footer {
  display: block;
  flex-shrink: initial;
  padding-left: 72px;
}

.product-card-compare .product-card__meta > span,
.product-card-compare .product-card__meta > svg {
  display: none;
}

.compare-container--1 .product-card-compare {
  max-width: 400px;
}

.compare-container--1 .product-card-compare .compare-product__remove {
  display: none
}


@media (min-width: 991px) {
  .product-card-compare .product-card__meta > span,
  .product-card-compare .product-card__meta > svg {
    display: inline-flex;
  }
}


.product-card-alternatives .add-to-compare-btn {
  display: block;
  margin-top: 8px;
  border: 1px solid #202020;
}

.poduct-card-meta-holder {
  display: flex;
  gap: 6px 16px;
  justify-content: flex-start;
}

.product-card__meta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  margin-top: auto;
  color: #202020;
  font-size: 14px;
}

.product-card__rate {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

.product-card__rate--no-reviews {
  color: var(--text-secondary);
}

.product-card__trial {
  color: #4c4c4c;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}


.product-card .app-card__rate-wrapper {
  margin-top: auto;
}

.app-card__rate-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}


@media (max-width: 490px) {
  .product-card {
    flex-direction: column;
  }
  .product-card__img {
    width: 36px;
    height: 36px;
  }
  .product-card .section__heading--5 {
    font-size: 14px;
  }
  .product-card .product-card__info {
    max-width: 100%;
  }
  .product-card-compare .product-card__footer {
    padding-left: 16px;
  }
  .product-card .product-card__rate {
    font-size: 12px;
  }
}


.product-card-theme {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  border: 1px solid #e1e1e1;
  overflow: hidden;
  color: var(--color-secondary);
  text-decoration: none;
  background-color: #fff;
}

.product-card-theme:hover {
  color: var(--color-secondary);
  text-decoration: none;
}

.product-card-theme .product-card__img {
  aspect-ratio: auto;
  padding-top: 56%;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #e1e1e1;
  position: relative;
  border-radius: 0;
}

.product-card-theme .product-card__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-card-theme .product-card__info {
  padding: 24px 16px 16px 16px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  color: var(--color-secondary);
  flex-grow: 1;
}

.product-card-theme .section__heading--5 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}

.product-card-theme .product-card-content {
  font-size: 14px;
  margin-bottom: 12px;
}

.product-card-theme .product-card-content * {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 8px;
}


.product-card-theme .theme-badge {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  color: #fff;
  background-color: #00AA63;
  border-radius: 20px;
  margin-top: auto;
}


/*  Product card app  */

.product-card-app {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  border: 1px solid #E1E1E1;
  border-radius: 8px;
  background-color: #fff;
  margin-bottom: 40px;
  color: var(--color-secondary);
  text-decoration: none;
   height: calc(100% - 40px); 
}

.product-card-app.product-unavailable {
  filter: grayscale(1);
}

.product-image-new {
  position: relative;
  padding-top: 56%;
  border-bottom: 1px solid #E1E1E1;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}

.product-image-new img,
.product-icon-new svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-icon-new img,
.product-icon-new svg {
  width: 70px;
  height: 70px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.product-card-app .product-card__icon {
  border: 2px solid #fff;
  width: 42px;
  height: 42px;
  margin-top: -38px;
  margin-bottom: 4px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}

.product-card-app .product-card__info {
  line-height: 1;
  padding: 16px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.product-card-app .section__heading--5 {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 600;
}

.product-unavailable .section__heading--5 {
  color: #999999;
  display: flex;
  align-items: flex-start;
  gap: 6px;
}

.build-for-shopify .section__heading--5 {
  display: inline-block;
  vertical-align: middle;
}

.build-for-shopify .section__heading--5 svg {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
}

.product-unavailable:not(.has-ads) .section__heading--5::after {
  content: "Unavailable";
  display: inline-block;
  padding: 4px 10px;
  border-radius: 20px;
  color: #fff;
  background-color: #999;
  font-size: 12px;
  font-weight: 600;
  margin-left: auto;
  line-height: 1.5;
}

.product-card-app.has-ads .section__heading--5,
.product-card.has-ads .section__heading--5 {
  width: 100%;
  position: relative;
  padding-right: 55px;
}

.product-card-app.has-ads .section__heading--5::after,
.product-card.has-ads .section__heading--5::after {
  content: "Ads";
  display: block;
  padding: 4px 12px;
  border-radius: 8px;
  color: #303030;
  font-size: 12px;
  font-weight: 550;
  line-height: 1.3;
  border: 1px solid #e1e1e1;
  position: absolute;
  background-color: #fff;
  top: 0;
  right: 0;
}

.product-card-app .section__description {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 16px;
}

.product-card__footer {
  padding: 5px 16px;
  background-color: #f7f7f7;
  flex-shrink: 0;
  margin-top: auto;
  overflow: hidden;
  border-radius: 0 0 8px 8px;
}

@media (max-width: 750px) {
  .poduct-card-meta-holder {
    flex-wrap: wrap;
  }
}


.main-search__products .product-card-app {
  width: 100%;
  max-width: 420px;
  height: 100%;
}

.collection-all-btn {
  display: inline-block;
  margin: 0 auto;
  font-size: 14px;
  text-decoration: underline;
  font-weight: 700;
  color: #141414;
}

.collection-all-btn:hover {
  text-decoration: none;
}

.pw-main .section__heading--1 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 16px;
  display: block;
}

.search-content__collection-heading {
  font-size: 26px;
}

.pw-main .main-collection {
  width: 100%;
}

.main-collection-links a {
  font-size: 14px;
  font-weight: 700;
  color: var(--color-secondary);
  text-decoration: underline;
}

.main-collection-links a:hover {
  color: var(--color-secondary);
  text-decoration: none;
}

.pw-main .main-collection__description {
  margin-top: 12px;
  font-size: 16px;
}

.pw-main .main-collection__link {
  margin-top: 12px;
}

.pw-product-tab-content {
  display: none;
}

.pw-product-tab-content .link-to {
  margin-top: 0;
}

.pw-product-tab-content.active {
  display: block;
}

.pw-main .breadcrumbs {
  padding: 0;
}

.pw-collection .c-search {
  margin-top: 0;
  margin-bottom: 40px;
}

.pw-collection .pw-main {
  padding-top: 0px;
}

.pw-collection .pw-layout {
  padding-top: 24px;
}

.section-collection-childs .collection-child {
  display: block;
  padding-top: 36px;
  padding-bottom: 0;
}

.collection-child-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.collection-child-footer {
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-slider {
  margin-bottom: 0;
}


@media (max-width: 1199px) {
  .pw-main {
    padding-left: 30px;
    padding-right: 0;
  }
}

@media (max-width: 991px) {
  .pw-main {
    padding-left: 20px;
    padding-right: 0;
  }
}

@media (max-width: 750px) {
  .pw-sidebar-wrapper {
    display: none;
  }
  .pw-main {
    padding-left: 0;
    padding-right: 0;
  }

}

@media (max-width: 600px) {
  .pw-main .collection-child-header .collection-child__link {
    display: none;
  }
}

@media (min-width: 600px) {
  .collection-child-footer {
    display: none;
  }
  .filter .filter-item {
    display: inline-block;
    margin-right: 4px;
  }
  .pw-sidebar-menu-mobile {
    width: auto;
  }

  .pw-product-tabs {
    width: auto;
    margin-left: auto;
  }
  .filter-item .filter-dropdown {
    min-width: 240px;
  }
  p.filtered-apps-number {
    display: none;
  }

}

@media (min-width: 750px) {
  .pw-main .section__heading--1 {
    font-size: 32px;
  }
  .search-content__collection-heading {
    font-size: 32px;
  }
  .pw-sidebar-menu-mobile {
    display: none;
  }
  .pw-product-tabs {
    margin-left: unset;
  }
}


@media (min-width: 1240px) {
  s-header.container {
    max-width: var(--content-max-width);
  }

  .search-content__collection-heading {
    font-size: 32px;
  }
}


/* Top collection  */

.top-hero-section {
  position: relative;
  background: url('/cdn/shop/files/top-hero-bg.jpg') no-repeat center/cover;
}

.top-hero-content {
  padding-top: 20px;
  padding-bottom: 32px;
}

.top-hero-content .breadcrumbs {
  color: #fff;
}

.top-hero-content .breadcrumbs-dropdown-menu {
  color: initial;
}

.top-hero-content-inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.top-collection-title {
  width: 100%;
  font-size: 24px;
  flex-shrink: 0;
  flex-grow: 1;
}

.top-hero-content-icons {
  width: 100%;
  flex-shrink: 0;
  flex-grow: 1; 
  overflow: hidden;
}

@media (min-width: 750px) {
  .top-hero-content-inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .top-collection-title {
    width: 50%;
    font-size: 32px;
  }
  .top-hero-content-icons {
    width: 40%;
  }
}

.section-top-collection {
  padding-top: 0px;
  padding-bottom: 50px;
}

.section-top-collection .faq-list {
  margin-top: 32px;
}

.top-app-container {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
  min-width: 0;
}

.top-collection-title {
  font-size: 26px;
  font-weight: 700;
  margin-top: 24px;
  margin-bottom: 16px;
  color: var(--color-secondary);
  line-height: 1.2;
}

.top-collection-title span,
.top-collection-title a {
  color: #00AA63;
  text-decoration: none;
}

.top-collection-description {
  font-size: 16px;
  color: #4c4c4c;
  line-height: 1.5;
  margin-bottom: 20px;
}

.top-collection-description p {
  margin-bottom: 28px;
}
.top-collection-description h2 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 16px;
  margin-top: 16px;
}
.top-collection-description h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px;
  margin-top: 16px;
}
.top-collection-description h4 {
  font-size: 18px;
  margin-bottom: 16px;
  margin-top: 16px;
}
.top-collection-description h5 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 16px;
  margin-top: 16px;
}
.top-collection-description ol,
.top-collection-description ul {
  margin-top: 0;
  padding-left: 18px;
}

.top-collection-description li {
  margin-bottom: 16px;
}

.top-collection-list {
  line-height: 1.5;
  padding: 0;
  margin-bottom: 16px;
  list-style-type: none;
}

.top-app-wrapper  {
  padding: 24px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-bottom: 1px solid #E1E3E5;
}

.top-app-intro {
  color: var(--color-secondary);
  font-size: 20px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  gap: 8px;
}

.top-app-number {
  line-height: 1.3;
  font-size: 20px;
  font-weight: 700;
  color: #00AA63;
  flex-shrink: 0;
}
 
.top-app {
  border-radius: 16px;
  overflow: hidden;
}

.top-app-img {
  overflow: hidden;
  flex-grow: 1;
}

.top-app-img img {
  display: block;
  max-width: 100%;
  width: 100%;
}

.top-app-card {
  min-width: 300px;
  flex-shrink: 0;
  padding: 16px;
  background-color: #f6f7f8;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.top-app-card-inner {
  display: flex;
  gap: 8px;
}

.top-app-card-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.top-app-icon {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
  margin: 0;
}

.top-app-icon img {
  width: 100%;
}

.top-app-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-secondary);
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  line-height: 1.2;
  gap: 12px;
}

.top-app-title a {
  color: var(--color-secondary);
}

.top-app-title a:hover {
  text-decoration: underline;
}

.ads-label {
  display: block;
  line-height: 1.1;
  font-weight: 550;
  font-size: 12px;
  color: #303030;
  padding: 4px 12px;
  border-radius: 8px;
  border: 1px solid #e1e1e1;
}

.top-app-developer {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-secondary);
}

.top-app-developer a {
  font-weight: 600;
  color: var(--color-secondary);
  text-decoration: underline;
}

.top-app-developer a:hover {
  text-decoration: none;
}

.top-app-price {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-secondary);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.top-app-price .first-part {
  margin-bottom: 3px;
}

.top-app-price span {
  font-weight: 700;
  display: inline-block;
}

.top-app-price .last-part {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  padding: 3px 0px;
}

.top-app-description {
  font-size: 14px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
  color: #4c4c4c;
}

.top-app-pros-cons {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
}

.top-app-pros-cons p {
  font-size: 16px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 16px;
  color: var(--color-secondary);
}

.top-app-pros-cons ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.top-app-pros-cons li {
  position: relative;
  padding-left: 32px;
  padding-right: 24px;
  margin-bottom: 24px;
  font-size: 14px;
  color: var(--color-secondary);
}

.top-app-pros-cons li:last-child {
  margin-bottom: 0;
}

.top-app-pros-cons li::before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 1px;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.top-app-pros {
  width: 100%;
  margin-top: 16px;
}

.top-app-pros li::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20C12.6522 20 15.1957 18.9464 17.0711 17.0711C18.9464 15.1957 20 12.6522 20 10C20 7.34783 18.9464 4.8043 17.0711 2.92893C15.1957 1.05357 12.6522 0 10 0C7.34783 0 4.8043 1.05357 2.92893 2.92893C1.05357 4.8043 0 7.34783 0 10C0 12.6522 1.05357 15.1957 2.92893 17.0711C4.8043 18.9464 7.34783 20 10 20ZM9.0625 13.4375V10.9375H6.5625C6.04297 10.9375 5.625 10.5195 5.625 10C5.625 9.48047 6.04297 9.0625 6.5625 9.0625H9.0625V6.5625C9.0625 6.04297 9.48047 5.625 10 5.625C10.5195 5.625 10.9375 6.04297 10.9375 6.5625V9.0625H13.4375C13.957 9.0625 14.375 9.48047 14.375 10C14.375 10.5195 13.957 10.9375 13.4375 10.9375H10.9375V13.4375C10.9375 13.957 10.5195 14.375 10 14.375C9.48047 14.375 9.0625 13.957 9.0625 13.4375Z' fill='%2300AA63'/%3E%3C/svg%3E%0A");
}

.top-app-cons {
  width: 100%;
  margin-top: 24px;
}

.top-app-cons li::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20C12.6522 20 15.1957 18.9464 17.0711 17.0711C18.9464 15.1957 20 12.6522 20 10C20 7.34784 18.9464 4.8043 17.0711 2.92893C15.1957 1.05357 12.6522 0 10 0C7.34784 0 4.8043 1.05357 2.92893 2.92893C1.05357 4.8043 0 7.34784 0 10C0 12.6522 1.05357 15.1957 2.92893 17.0711C4.8043 18.9464 7.34784 20 10 20ZM7.1875 9.0625H12.8125C13.332 9.0625 13.75 9.48047 13.75 10C13.75 10.5195 13.332 10.9375 12.8125 10.9375H7.1875C6.66797 10.9375 6.25 10.5195 6.25 10C6.25 9.48047 6.66797 9.0625 7.1875 9.0625Z' fill='%23DB3351'/%3E%3C/svg%3E%0A");
}

.top-app-footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}

.top-app-footer .link-to {
  margin: 0;
}

.top-app-footer .add-to-compare-btn {
  background-color: transparent;
  text-decoration: underline;
}

.top-app-footer .link-to {
  width: 100%;
  text-align: center;
}

@media (min-width: 600px) {
  .top-app-footer {
    flex-direction: row;
    justify-content: flex-start;
  }
  .top-app-footer .link-to {
    width: auto;
  }
}

@media (min-width: 750px) {
  .top-app-wrapper {
    padding: 32px 0;
    gap: 24px;
  }
  .top-app-number {
    font-size: 20px;
  }
  .top-app {
    display: flex;
  }
  
  .top-app-card-inner {
    flex-direction: column;
    gap: 4px;
  }
  .top-app-title {
    align-items: flex-start;
  }
  .top-app-title-meta-holder {
    margin-bottom: 24px;
  }
  .top-app-price {
    margin-top: 2px;
    align-items: flex-end;
    flex-direction: column;
  }
  .top-app-price span {
    display: block;
  }
  .top-collection-title {
    font-size: 32px;
  }
  
  
  .top-app-pros,
  .top-app-cons {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .top-app-card {
    padding: 24px;
  }
}

/* Top app alternatives */

.section-top-alternatives .pw-layout {
  padding-top: 24px;
}

.section-top-alternatives .pw-layout--sidebar-right .pw-main-wrapper {
  order: 1;
}

.section-top-alternatives .pw-layout--sidebar-right .pw-sidebar-wrapper {
  order: 2;
}

.section-top-alternatives .pw-layout--sidebar-right .pw-main {
  padding: 0;
}

.section-top-alternatives .top-collection-title {
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
}

.section-top-alternatives .article-info {
  border-top: none;
  margin-bottom: 32px;
    border-bottom: 1px solid #e1e2e3;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.section-top-alternatives .article-info__list {
  border-bottom: 0;
  margin-bottom: 0;
}

.section-top-alternatives .socials-list__item {
  padding: 3px 5px;
}

@media (min-width: 992px) {
  .section-top-alternatives .pw-layout--sidebar-right .pw-main {
    padding: 0 36px 0 0;
  }
}

.section-top-alternatives .article-share {
  padding: 0;
}

.section-top-alternatives .article-img-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.article-img-list-holder {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 0;
}

.article-img-list-holder a {
  display: block;
  background-color: #fafafa;
  width: 40px;
  height: 40px;
  overflow: hidden;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1.2px solid #fafafa;
}

@media (min-width: 750px) {
  .article-img-list-holder a {
    width: 50px;
    height: 50px;
  }
}

.article-img-list-holder a + a {
  margin-left: -8px;
}

.article-img-inner.article-img-inner--balanced {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0;
  width: 100%;
}

.article-img-inner--balanced .article-img-list-holder--left {
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding-right: 10px;
}

.article-img-inner--balanced .article-img-list-holder--right {
  justify-content: flex-start;
  padding-left: 10px;
}

.article-img-inner--balanced .article-img-main {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background-color: #fafafa;
  border: 1.2px solid #fafafa;
  margin: 0 8px;
  overflow: hidden;
}

@media (min-width: 750px) {
  .article-img-inner--balanced .article-img-main {
    width: 56px;
    height: 56px;
  }
}

.article-img-inner--balanced .article-img-list-holder {
  flex-wrap: nowrap;
  gap: 0;
}

.article-img-inner--balanced .article-img-list-holder a + a {
  margin-left: -12px;
}

.article-img-inner--balanced .article-img-list-holder--left a + a {
  margin-left: 0;
  margin-right: -12px;
}

.article-img-list-holder a img {
  width: 100%;
}

.section-top-alternatives .section__heading {
  font-size: 20px;
  line-height: 1.3;
  color: var(--color-secondary);
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 24px;
}

.section-top-alternatives .pw-sidebar {
  padding: 0;
  z-index: 1;
  background-color: transparent;
  border-radius: 0;
  overflow: visible;
}


.section-top-alternatives .top-app-title {
  font-size: 16px;
  margin-bottom: 4px;
}

.section-top-alternatives .top-app-developer a {
  font-size: 12px;
  font-weight: 400;
}

.section-top-alternatives .top-app-title-wrapper {
  margin-top: 0;
  margin-bottom: 24px;
}

.section-top-alternatives .top-app-rating-price-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  margin-bottom: 16px;
}

.section-top-alternatives .top-app-rating-price-wrapper .top-app-rating-wrapper {
  padding: 1px 10px;
}

.section-top-alternatives .top-app-rating,
.section-top-alternatives .top-app-reviews {
  font-size: 12px;
}

.section-top-alternatives .top-app-price {
  flex-direction: row;
  gap: 8px 8px;
  flex-wrap: nowrap;
}

.section-top-alternatives .top-app-price .middle-palka {
  color: #E1E3E5;
  margin-bottom: 2px;
}

/* table top alternatives */

.top-collection-table-wrapper {
  margin: 0 0 24px;
}

.top-collection-compare-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 8px 8px;
  overflow: hidden;
}

.top-collection-compare-table th,
.top-collection-compare-table td {
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  vertical-align: middle;
  text-align: left;
  color: #202020;
}

.top-collection-compare-table th:last-child,
.top-collection-compare-table td:last-child {
  border-right: 0;
}

.top-collection-compare-table tr:last-child td {
  border-bottom: 0;
}

.top-collection-compare-table th {
  background: #f6f7f8;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
  padding: 8px;
}

.top-collection-compare-table td {
  background: #fff;
  font-size: 12px;
  line-height: 1.35;
  padding: 8px;
}

.top-collection-compare-table tr.compare-row-main td {
  background: #F0FFED;
  border-right: 0;
}

.top-collection-compare-table td:nth-child(1) {
  width: 25%;
  font-weight: 600;
}

.top-collection-compare-table td:nth-child(2) {
  width: 15%;
}

.top-collection-compare-table td:nth-child(3) {
  width: 16%;
}

.top-collection-compare-table td:nth-child(4) {
  width: 8%;
  text-align: center;
}

.top-collection-compare-table td:nth-child(5) {
  width: 30%;
}

.top-collection-compare-table td a {
  color: #202020;
}

.top-collection-compare-table a[href^="#app-"] {
  text-decoration: underline;
}

.top-collection-compare-table a[href^="#app-"]:hover {
  text-decoration: none;
}

.top-collection-compare-table .product-card__rate {
  font-size: 12px;
  align-items: flex-end;
}

.top-collection-compare-table .trial-state {
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
}

.top-collection-compare-table .trial-state--yes {
  color: #00AA63;
}

.top-collection-compare-table .trial-state--no {
  color: #fa4364;
}

/* ai-gen start: alternative main product card */
.alternative-card {
  background: #f6f7f8;
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.alternative-card__head {
  display: flex;
  align-items: center;
  gap: 8px;
}

.alternative-card__icon {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
}

.alternative-card__icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.alternative-card__title {
  margin: 0;
  color: #202020;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 700;
  word-break: break-word;
}

.alternative-card__rating {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #202020;
  font-size: 14px;
  line-height: 1.4;
}

.alternative-card__star {
  color: #ffc83d;
}

.alternative-card__on-shopify {
  color: #4c4c4c;
}

.alternative-card__developer,
.alternative-card__trial,
.alternative-card__description {
  margin: 0;
  color: #4c4c4c;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
}

.alternative-card__description {
  color: #202020;
  font-weight: 600;
}

.alternative-card__developer a {
  color: #202020;
  text-decoration: underline;
  font-weight: 700;
  text-underline-offset: 2px;
}

.alternative-card__description {
  color: #202020;
}

.alternative-card__cta {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  color: #202020;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
  text-decoration: underline;
}
/* ai-gen end: alternative main product card */


/* end table top alternatives */

@media (min-width: 750px) {
  .top-app-intro {
    font-size: 24px;
  }
  .section-top-alternatives .top-app-title-wrapper {
     align-items: center;
  }
  .section-top-alternatives .top-app-number {
    font-size: 20px;
  }
   .section-top-alternatives .top-app-title-meta-holder {
    margin-bottom: 0px;
  }
  .section-top-alternatives .article-share {
    padding: 12px 0;
  }

}

@media (max-width: 991px) {
  .section-top-alternatives .pw-sidebar-wrapper {
    display: none;
  }
  .section-top-alternatives .pw-main {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .article-share--top {
    position: relative;
    display: flex;
    justify-content: flex-end;
  }

  .article-share--top .article-share-toggle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: #f3f3f3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 0;
  }

  .article-share--top .article-share-toggle span {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #202020;
    display: block;
  }

  .article-share--top .article-share-content {
    display: none;
    position: absolute;
    top: 42px;
    right: 0;
    background: #fff;
    border: 1px solid #e1e3e5;
    border-radius: 12px;
    padding: 6px;
    z-index: 5;
  }

  .article-share--top.is-open .article-share-content {
    display: block;
  }

  .article-share--top .socials-list {
    display: flex;
    gap: 2px;
    justify-content: flex-start;
  }

  .top-collection-table-wrapper {
    overflow-x: auto;
  }

  .top-collection-compare-table {
    min-width: 760px;
  }
}


/*  Theme detector  */

.section-theme-detector .breadcrumbs {
  margin-bottom: 0;
}

.td-section {
  border-radius: 16px;
  background-color: #EDF9F4;
  padding: 40px 0px;
  text-align: center;
}

.td-container {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
}

.td-section-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 24px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.td-section-subtitle {
  margin-bottom: 24px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.td-manual {
  font-size: 12px;
}

.td-manual li {
  text-align: left;
}

.td-url-form {
  margin-bottom: 10px;
}

.td-form-group {
  position: relative;
}

.td-form-group::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 10C5 7.23858 7.23858 5 10 5C12.7614 5 15 7.23858 15 10C15 12.7614 12.7614 15 10 15C7.23858 15 5 12.7614 5 10ZM10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17C11.5723 17 13.0236 16.4816 14.1922 15.6064L19.2929 20.7071C19.6834 21.0976 20.3166 21.0976 20.7071 20.7071C21.0976 20.3166 21.0976 19.6834 20.7071 19.2929L15.6064 14.1922C16.4816 13.0236 17 11.5723 17 10C17 6.13401 13.866 3 10 3Z' fill='black'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 24px;
}

.td-input-text {
  width: 100%;
  border: 1px solid #00AA63;
  font-size: 14px;
  border-radius: 50px;
  padding: 22px 120px 22px 56px;
  background-color: #fff;
}

.td-button {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  background-color: var(--color-secondary);
  border: 1px solid var(--color-secondary);
  border-radius: 30px;
  outline: none;
  color: #fafafa;
  font-weight: 600;
  white-space: nowrap;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.2;
  min-width: auto;
  min-height: 40px;
  transition: all 0.25s;
  cursor: pointer;
  box-sizing: border-box;
  font-family: inherit;

  position: absolute;
  top: 12px;
  right: 16px;
  bottom: 12px;
  cursor: pointer;
  transition: all 0.3s;
}

.td-button:hover {
  text-decoration: none;
  background-color: #fff;
  color: var(--color-secondary);
}

.td-button:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}


.td-last-detected-themes {
  text-align: center;
  margin-top: 16px;
}

.td-last-detected-themes > p {
  display: inline-block;
  font-size: 14px;
}
  
.td-themes-list {
  display: inline-flex;
  margin: 0;
  padding: 10px 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.td-themes-list li a {
  display: block;
  text-decoration: none;
  margin: 2px 2px;
  border-radius: 30px;
  padding: 4px 10px;
  font-size: 12px;
  color: #ffffff;
  background-color: #00AA63;
}


.td-banner {
  margin-top: 16px;
  padding: 12px 20px;
  border-radius: 16px;
  background-color: #fafafa;
  font-size: 14px;
  position: relative;
}

.td-banner p {
  font-size: 14px;
  margin-bottom: 8px;
  margin-top: 8px;
}

.td-banner a {
  color: #00aa63;
  text-decoration: underline !important;
}

.td-banner-success {
  background-color: #DBF3EA;
}

.td-banner-error {
  background-color: #fee9e8;
}

.td-banner.has-spinner {
  padding-left: 40px;
}

@keyframes td-spin { 
  to { 
    transform: rotate(1turn); 
  }
}

.td-spinner {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.229 1.173a9.25 9.25 0 1011.655 11.412 1.25 1.25 0 10-2.4-.698 6.75 6.75 0 11-8.506-8.329 1.25 1.25 0 10-.75-2.385z' fill='%238C9196'%3E%3C/path%3E%3C/svg%3E");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -10px;
  z-index: 1;
  -webkit-animation: td-spin 500ms linear infinite;
  animation: pw-spin 500ms linear infinite;
  border: none;
  -webkit-transform: none;
  transform: none;
}


@media (min-width: 750px) {
  .td-section {
    padding: 70px 0;
  }
  .td-section-title {
    font-size: 32px;
  }
  .td-manual {
    display: flex;
    font-size: 12px;
    list-style-position: inside;
    gap: 16px;
    justify-content: center;
  }
  .td-button {
    border-radius: 30px;
    font-weight: 600;
    white-space: nowrap;
    padding: 5px 36px;
  }
}

@media (min-width: 992px) {
  .td-manual {
    padding: 0;
  }
}


/*  Best Apps section  */

.best-apps {
  width: 100%;
  background: rgb(246,247,248);
  background: linear-gradient(180deg, rgba(246,247,248,1) 0%, rgba(255,255,255,1) 100%);
  border-radius: 16px;
  padding: 48px 36px;
}

.best-apps .section-title {
  font-size: 32px;
  font-weight: 600;
  color: #1e1e1e;
  text-align: center;
  margin-top: 0;
  margin-bottom: 32px;
}

.best-apps-inner {
  display: flex;
  gap: 36px;
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
}

.best-app-item {
  flex-grow: 1;
  padding: 32px;
  border-radius: 16px;
  color: #ecebeb;
  width: 30%;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  min-width: 230px;
}

.best-app-item:hover {
  text-decoration: none;
  color: #ecebeb;
}

.best-app-item:nth-child(1) {
  background-color: #2E72D2;
}

.best-app-item:nth-child(2) {
  background-color: #00AA63;
}

.best-app-item:nth-child(3) {
  background-color: var(--color-secondary);
}

.best-app-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.best-app-header .icon-wrapper {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background-color: #ecebeb;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 34px;
  
}

.best-app-header .icon-wrapper.no-image {
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0007 2.83301L21.3782 11.7013L31.1673 13.1322L24.084 20.0313L25.7557 29.778L17.0007 25.1738L8.24565 29.778L9.91732 20.0313L2.83398 13.1322L12.6232 11.7013L17.0007 2.83301Z' stroke='%23202020' stroke-width='2.83333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.best-app-item:nth-child(1) .icon-wrapper.no-image {
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0007 2.83301L21.3782 11.7013L31.1673 13.1322L24.084 20.0313L25.7557 29.778L17.0007 25.1738L8.24565 29.778L9.91732 20.0313L2.83398 13.1322L12.6232 11.7013L17.0007 2.83301Z' stroke='%232E72D2' stroke-width='2.83333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.best-app-item:nth-child(2) .icon-wrapper.no-image {
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0007 2.83301L21.3782 11.7013L31.1673 13.1322L24.084 20.0313L25.7557 29.778L17.0007 25.1738L8.24565 29.778L9.91732 20.0313L2.83398 13.1322L12.6232 11.7013L17.0007 2.83301Z' stroke='%2300AA63' stroke-width='2.83333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.best-app-item:nth-child(3) .icon-wrapper.no-image {
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0007 2.83301L21.3782 11.7013L31.1673 13.1322L24.084 20.0313L25.7557 29.778L17.0007 25.1738L8.24565 29.778L9.91732 20.0313L2.83398 13.1322L12.6232 11.7013L17.0007 2.83301Z' stroke='%23202020' stroke-width='2.83333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.best-app-header .icon-wrapper img,
.best-app-header .icon-wrapper svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
}

.best-app-label {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 9px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  padding: 10px 10px;
  color: #ebebeb;
  border: 2px solid #ebebeb;
  transform: rotate(20deg) scale(1.5);
}

.best-app-content {
  margin-bottom: 80px;
}

.best-app-title {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
  margin-top: 0;
  margin-bottom: 8px;
}

.best-app-descr {
  font-size: 16px;
  line-height: 1.5;
}

.best-app-footer {
  margin-top: auto;
}

.best-app-link {
  text-decoration: underline;
  display: flex;
  gap: 6px;
  align-items: center;
  font-weight: 700;
}

.best-app-link:hover {
  text-decoration: none;
}

.best-app-link::after {
  content: '';
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2559 4.41107L16.9699 9.12511C17.2954 9.45052 17.2954 9.97819 16.9699 10.3036L12.2559 15.0177C11.9305 15.3431 11.4028 15.3431 11.0774 15.0177C10.7519 14.6923 10.7519 14.1646 11.0774 13.8392L14.3688 10.5477H3.33333C2.8731 10.5477 2.5 10.1746 2.5 9.71436C2.5 9.25411 2.8731 8.88102 3.33333 8.88102H14.3688L11.0774 5.58958C10.7519 5.26414 10.7519 4.73651 11.0774 4.41107C11.4028 4.08563 11.9305 4.08563 12.2559 4.41107Z' fill='%23ECEBEB'/%3E%3C/svg%3E%0A");
}



@media (max-width: 1199px) {
  .best-apps-inner {
    gap: 24px;
  }
  .best-app-item {
    padding: 24px;
  }
}


@media (max-width: 991px) {
  .best-apps-inner {
    flex-wrap: wrap;
  }
}


@media (max-width: 750px) {
  .best-apps {
    padding: 40px 30px;
  }
  .best-app-title {
    font-size: 24px;
  }
}


@media (max-width: 490px) {
  .best-apps {
    padding: 26px 20px;
  }
  .best-dev-slogan {
    font-size: 20px;
  }
}



/*  Featured developers  */

.best-devs {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 48px 36px;
  background: rgb(246,247,248);
  background: linear-gradient(180deg, rgba(246,247,248,1) 0%, rgba(255,255,255,1) 100%);
  border-radius: 16px;
}

.best-devs .section-title {
  font-size: 32px;
  font-weight: 600;
  color: #1e1e1e;
  text-align: center;
  margin-top: 0;
  margin-bottom: 32px;
}
.best-devs .glide {
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
}

.best-devs .glide__slide {
  height: auto;
}

.best-dev-item {
  background-color: var(--bg-color);
  border-radius: 8px;
  overflow: hidden;
  display: block;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  color: var(--color-secondary);
  text-decoration: none;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.best-dev-item:hover {
  color: var(--color-secondary);
  text-decoration: none;
}

.best-dev-header {
  padding: 24px 16px;
  display: flex;
  align-items: flex-start;
}

.best-dev-header .icon-wrapper {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  flex-shrink: 0;
}

.best-dev-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 0;
  bottom: 0;
  color: inherit;
}

.best-dev-rating {
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
  color: inherit;
}

.best-dev-rating svg {
  transform: translateY(1.5px);
}

.best-dev-content {
  padding: 16px 16px;
}

.best-dev-slogan {
  font-size: 24px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2;
  color: inherit;
}

.best-dev-footer {
  padding: 16px 16px;
  background-color: rgba(0, 0, 0, 0.1);
  margin-top: auto;
}

.best-dev-apps {
  display: flex;
  width: 100%;
  gap: 8px;
}

.best-dev-app {
  aspect-ratio: 1/1;
  width: 20%;
  min-height: 36px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}

.best-dev-app img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.best-dev-app-more {
  aspect-ratio: 1/1;
  width: 20%;
  min-height: 36px;
  border-radius: 8px;
  background-color: #fcfcfc;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #2e72d2;
}


@media (max-width: 750px) {
  .best-devs {
    padding: 40px 30px;
  }
  .best-app-title {
    font-size: 24px;
  }
}


@media (max-width: 490px) {
  .best-devs {
    padding: 26px 20px;
  }
}


/* Featured apps */

.featured-apps {
  background-color: #f6f7f8;
  border-radius: 16px;
  padding: 24px 20px;
  width: 100%;
}

.featured-apps .section-title {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 24px;
}

.featured-apps-list {
  position: relative;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.featured-app {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  text-decoration: none;
  color: var(--color-secondary);
  margin-bottom: 24px;
}

.featured-app:hover {
  color: var(--color-secondary);
  text-decoration: none;
}

.fa-image {
  position: relative;
  overflow: hidden;
  display: block;
  width: 70px;
  height: 70px;
  flex-shrink: 0;
  margin-bottom: 10px;
  border-radius: 4px;
}

.fa-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.fa-title { 
  font-size: 20px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 4px;
  line-height: 1.2;
}

.fa-rating {
  display: flex;
  gap: 4px;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
}

.fa-rating-img {
  width: 16px;
  height: 16px;
}

.fa-description {
  font-size: 14px;
  margin-bottom: 4px;
  line-height: 1.4;
}

@media only screen and (min-width: 749px) {

  .featured-apps .section-title {
    font-size: 32px;
    margin-bottom: 26px;
  }

  .featured-apps-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0 36px;
  }

  .featured-app {
    width: calc(50% - 18px);
    margin-bottom: 36px;
  }

}

@media only screen and (min-width: 1199px) {
  .featured-apps {
    max-width: 1020px;
    margin-left: auto;
    margin-right: auto;
  }

}

.ads-buttons {
  padding: 24px 0;
  margin-bottom: 12px;
  border-bottom: 1px solid #E8E8E8;
  display: flex;
  flex-direction: column;
  gap: 24px;
}


.ads-btn {
  display: inline-block;
  flex-grow: 1;
  padding: 6px 16px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-secondary);
  text-align: left;
  display: flex;
  gap: 8px;
  align-items: center;
  border: none;
  background-color: #f3f5f7;
  transition: all 0.3s;
}

@media only screen and (min-width: 991px) {
  .ads-btn {
    max-width: calc(50% - 18px);
  }
}

.ads-btn:hover {
  background-color: #d6dce3;
}

.ads-btn svg {
  min-width: 28px;
}

.ads-btn-best {
  background-color: #E9F5FF;
}

.ads-btn-best:hover {
  background-color: #b8dfff;
}
.ads-btn-free {
  background-color: #E2FBF1;
}

.ads-btn-free:hover {
  background-color: #b8f5dd;
}

@media only screen and (min-width: 992px) {
  .ads-buttons {
    flex-direction: row;
    gap: 36px;

  }
}


/* Developers page */

.section.developers{
    padding-top: 30px;
    padding-bottom: 30px;
}
.section.developers .developers-wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
}
@media (min-width: 600px) {
  .section.developers .developers-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 960px) {
  .section.developers .developers-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1240px) {
  .section.developers .developers-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
.section.developers .best-dev-footer {
    background-color: rgba(0, 0, 0, 0.03);
}
.section.developers .best-dev-rating {
  font-size: 14px;
  opacity: 0.5;
}
.section.developers .best-dev-title {
  font-size: 18px;
}

.header__icon--account .svg-wrapper {
  width: 20px;
  height: 20px;
  display: block;
}

.header__icon--account .svg-wrapper svg {
  max-width: 100%;
  width: 20px;
  height: 20px;
}


/*  Product page banners  */

.best-banner-apps {
  display: none;
}

.best-banner-title {
  color: #fcfcfc;
  padding-left: 24px;
  font-size: 16px;
  font-weight: 700;
  position: relative;
}

.best-banner-title::before {
  content: '';
  width: 5px;
  height: 5px;
  background-color: #fcfcfc;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 8px;
}

.best-banner-subtitle {
  display: none;
}


@media screen and (min-width: 600px) {
  .best-banner {
    position: relative;
    border-radius: 12px;
    display: block;
    text-decoration: none;
    cursor: pointer;
  }

  .best-banner:hover {
    text-decoration: none;
  }

  .best-banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 120%;
  }

  .best-banner-inner {
    padding: 20px;
    border-radius: 12px;
    background-color: rgba(0, 0, 0, 0.85);
    position: relative;
    z-index: 1;
    color: #fff;
  }

  .best-banner-content {
    text-align: center;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    flex: 1;
  }

  .best-banner-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
  }

  .best-banner-link:hover {
    text-decoration: none;
  }

  .best-banner-subtitle,
  .product-information__item:first-child .best-banner-subtitle {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    color: #dedede;
    margin-top: 0;
    margin-bottom: 8px;
  }

  .best-banner-title {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.1;
    color: #fcfcfc;
    margin-top: 0;
    margin-bottom: 16px;
    padding: 0;
    text-decoration: none;
    display: block;
  }

  .best-banner-title::before {
    display: none;
  }

  .best-banner-title:hover {
    text-decoration: none;
  }

  .best-banner-apps {
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    max-width: 300px;
    justify-content: flex-start;

  }

  .best-banner-apps li {
    padding: 4px;
    border-radius: 4px;
    background-color: #404040;
    max-width: 20%;
    width: calc(20% - 4px);
    aspect-ratio: 1 / 1;
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.35);
  }

  .best-banner-apps .prod-img {
    display: block;
  }

  .best-banner-apps .prod-img img {
    display: block;
    border-radius: 4px;
    width: 100%;
  }

  .best-banner.best-banner-light {
    background-color: #e3e3e3;
  }

  .best-banner-light .best-banner-inner {
    background-color: rgba(255, 255, 255, 0.85);
  }

  .best-banner-light .best-banner-apps li {
    background-color: #ffffff;
  }

  .best-banner-light .best-banner-subtitle {
    color: #202020;
    opacity: 0.8;
  }

  .best-banner-light .best-banner-title {
    color: #202020;
  }

  .best-banner-main .best-banner-bg {
    left: 50%;
    width: 50%;
    background-size: 100%;
  }

  .best-banner-main .best-banner-inner {
    display: flex;
    gap: 12px;
    padding: 32px 56px;
    align-items: center;
    justify-content: space-between;
  }

  .best-banner-main .best-banner-content {
    max-width: 500px;
    margin: 0;
    text-align: left;
  }

  .best-banner-main .best-banner-subtitle {
    font-size: 24px;
    margin-bottom: 8px;
  }

  .best-banner-main .best-banner-title {
    font-size: 32px;
    font-weight: 600;
  }

  .best-banner-main .best-banner-apps {
    max-width: 450px;
    margin: 0;
    gap: 10px;
  }

  .best-banner-main .best-banner-apps li {
    padding: 8px;
    border-radius: 8px;
    width: calc(20% - 8px);
  }

  .best-banner-main .best-banner-apps li img {
    border-radius: 10px;
  }
}

.experts-help {
  display: inline-flex;
  margin-top : 16px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #4C4C4C;
  border-radius: 100px;
  padding: 2px;
  background: linear-gradient(90deg, #F63674 0%, #F2BD7A 33%, #09C2F3 66.35%, #B378F7 100%);
  transition: ease all 500ms;
  text-decoration: none;

  @media (max-width:750px) {
    width: 100%;
  }

  &:hover {
    background: linear-gradient(180deg, #F63674 0%, #F2BD7A 33%, #09C2F3 66.35%, #B378F7 100%);
  }

  .inner {
    background: #FFF;
    width: 100%;
    border-radius: 100px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px 8px 8px;
    align-items: center;
    gap: 8px;

    @media (max-width:750px) {
      justify-content: center;
    }

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

    img {
      max-height: 24px;
    }

    span {
      color: #2E72D2;
    }
  }

  
}


@media screen and (max-width: 1199px) {
  .best-banner-main .best-banner-inner {
    padding: 24px;
  }
}

@media screen and (max-width: 991px) {
  .best-banner-main .best-banner-apps {
    max-width: 340px;
  }
}

@media screen and (max-width: 767px) {
  .best-banner-main .best-banner-bg {
    left: 0;
    width: 100%;
    background-size: 120%;
  }
  .best-banner-main .best-banner-inner {
    flex-direction: column;
    gap: 0;
  }
  .best-banner-main .best-banner-content {
    max-width: 500px;
    text-align: center;
  }
  .best-banner-main .best-banner-subtitle {
    font-size: 20px;
    margin-bottom: 16px;
  }
  .best-banner-main .best-banner-title {
    font-size: 26px;
  }
  .best-banner-main .best-banner-apps {
    max-width: 340px;
  }
}
 @media screen and (max-width: 490px) {
  .best-banner-main .best-banner-apps {
    gap: 5px;
  }
  .best-banner-main .best-banner-apps li {
    padding: 4px;
    border-radius: 4px;
    width: calc(20% - 4px);
  }
  .best-banner-main .best-banner-apps li img {
    border-radius: 4px;
  }

}


/* DEALS */

.product-card-deal {
  position: relative;
}

.product-card-deal .product-card__info,
.product-card-deal .section__heading--5,
.product-card-deal .section__description {
  text-align: center;
}

.product-card-deal .add-to-compare-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1;
  border-color: transparent;
  background-color: #FCFCFC;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25);
}

.product-card-deal:hover {

}

.product-card-deal.deal-expired .product-card__info {
  background-color: #f6f7f8;
}

.product-card-deal.deal-expired .product-card__footer {
  background-color: #ebebeb;
  font-size: 14px;
}

.deal-expired .product-card__footer span {
  opacity: 0.65;
}

.product-card-deal .app-card__rate-wrapper {
  justify-content: center;
}

.product-card-deal .product-card__reviews span {
  white-space: nowrap;
}

.product-card-deal .section__heading--5,
.product-card-deal .section__description {
  width: 100%;
}

.product-card-deal .product-card__footer {
  padding: 12px;
  text-align: center;
  background-color: transparent;
}

.product-card__discount {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
}
.deal-price-old {
  font-size: 12px;
  font-weight: 600;
  text-decoration: line-through;
  color: #D82C0D;
}
.deal-price-new {
  font-size: 20px;
  font-weight: 600;
  color: var(--color-secondary);
}
.deal-price-text {
  font-size: 12px;
  font-weight: 400;
  color: var(--color-secondary);
}

/* Deal product page */

.product-dealed .main-product {
  position: relative;
  overflow: hidden;
  padding-top: 0px;
  flex-wrap: wrap;
}

.deal-header {
  padding: 8px 32px;
  text-align: center;
  display: flex;
  justify-content: center;
  background-color: #00AA63;
  color: #fff;
  margin-left: -32px;
  margin-right: -32px;
  margin-bottom: 22px;
  width: calc(100% + 64px);
}

.deal-header-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  justify-content: center;
}

.deal-header-title {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}

.deal-header-title a {
  text-decoration: underline;
  color: #fff;
}

.deal-header-expire {
  font-size: 14px;
  padding: 2px 8px;
  border-radius: 4px;
  background-color: #006B3E;
}

.deal-redeem {
 display: flex;
  border-radius: 16px;
  background-color: #f6f7f8;
}

.deal-redeem-content .metafield-rich_text_field > *:last-child {
  margin-bottom: 0;
}

.deal-redeem-content {
  flex-grow: 1;
  padding: 20px 24px;
  border-right: 1px dotted #bebebe ;
  position: relative;
  font-size: 14px;
}

.deal-redeem-content::before,
.deal-redeem-content::after {
  content: "";
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  right: -11px;
}

.deal-redeem-content::before {
  top: -11px;
}

.deal-redeem-content::after {
  bottom: -11px;
}

.deal-redeem-content p {
  margin-bottom: 9px;
  font-size: 14px;
}

.deal-redeem-content ul,
.deal-redeem-content ol {
  margin-bottom: 18px;
  padding-left: 18px;
  margin-top: 4px;
}

.deal-redeem-content h3 {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
}

.deal-redeem-content h4 {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 600;
}

.deal-redeem-coupon {
  width: 30%;
  min-width: 300px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
} 

.deal-redeem-coupon .link-to {
  margin-top: 0;
  width: 100%;
  max-width: 400px;
  cursor: pointer;
}

.deal-redeem-coupon-code {
  padding: 8px 16px;
  border-radius: 30px;
  background-color: #fff;
  font-size: 16px;
  width: 100%;
  max-width: 400px;
  text-align: center;
}

.s-product-tabs-init {
  margin-top: 30px;
}

.s-product-tabs {
  display: flex;
  gap: 36px;
  border-bottom: 1px solid rgba(76, 76, 76, 0.15);
  overflow-x: auto;
}

.s-product-tab {
  color: rgba(32, 32, 32, 0.80);
  font-size: 16px;
  padding: 10px 0px;
  border: none;
  background-color: transparent;
  text-decoration: none;
  border-bottom: 4px solid transparent;
  cursor: pointer;
}

.s-product-tab.is-active {
  font-weight: 600;
  border-color: #00AA63;
}

.s-product-tab-item {
  margin-top: 0;
  padding: 24px 0;
}

.s-product-tab-item {
  display: none;
}

.s-product-tab-item.is-active {
  display: flex;
}

.deal-banner {
  padding: 48px;
  border-radius: 16px;
  background-color: #f6f7f8;
  display: flex;
  align-items: center;
  gap: 24px 48px;
}
.deal-banner-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.deal-banner-content h3 {
  font-size: 32px;
  font-weight: 600;
  margin: 0;
}
.deal-banner-content p {
  font-size: 14px;
  margin: 0;
}
.deal-banner-content .link-to {
  margin: 0;
}
.deal-banner-img {
  flex-grow: 1;
  max-width: 45%;
  img {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .deal-banner {
    padding: 24px;
    gap: 24px;
  }
}

@media screen and (max-width: 750px) {
  .deal-redeem {
    flex-direction: column;
  }
  .deal-redeem-content {
    border-right: 0;
    border-bottom: 1px dotted #bebebe;
  }
  .deal-redeem-content::before {
    top: auto;
    bottom: -11px;
    right: auto;
    left: -11px;
  }
  .deal-redeem-coupon {
    width: 100%;
    align-items: center;
  }
  .deal-banner {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .deal-banner-content h3 {
    font-size: 24px;
  }
  .deal-banner-img {
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
}


/* Deals hero slider */

.deals-hero-slide {
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 36px;
}
.deals-hero-slide-left {
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.deals-hero-slide-heading {
  display: flex;
  gap: 8px;
  align-items: center;
}
.deals-hero-slide-heading .main-product__image {
  width: 40px;
  height: 40px;
  margin: 0;
}
.deals-hero-slide-heading h2 {
  font-size: 28px;
  line-height: 1.2;
  font-weight: 600;
}
.deals-hero-slide-heading .section__description {

}
.deals-hero-slide-left .link-to {
  margin: 0;
}
.deals-hero-slide-right {
  position: relative;
  width: 60%;
  border: 1px solid #eee;
  border-radius: 16px;
  overflow: hidden;
  img {
    width: 100%;
    display: block;
  }
}

.hero-slider-navs {
  width: 58%;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}

.hero-slider-navs .glide__buttons {
  position: static;
  width: auto;
}

.hero-slider-navs .glide__button {
  margin: 0;
}


.hero-slider-navs .glide__buttons {
  display: flex;
  gap: 8px;
}


@media screen and (max-width: 991px) {
  .deals-hero-slide {
    flex-direction: column-reverse;
  }
  .deals-hero-slide-left {
    width: 100%;
    align-items: center;
  }
  .deals-hero-slide-right {
    width: 100%;
  }
  .hero-slider-navs {
    width: 100%;
    margin-top: 24px;
  }
}

@media screen and (max-width: 750px) {
  .deals-hero-slide-heading h2 {
    font-size: 22px;
  }
  .deals-hero-slide-left {
    gap: 16px;
  }

  .deals-hero-slide-left .section__description {
    font-size: 16px;
    text-align: center;
  }
  .hero-slider-navs {
    justify-content: center;
  }
  .hero-slider-navs .glide__buttons {
    display: none;
  }
}


/* Deals filter */

.deals-filter {
  display: flex;
  gap: 8px;

  overflow-x: auto;
  padding-bottom: 12px;
  margin-bottom: 20px;
  width: max-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  li {
    flex-shrink: 0;
  }
}

.deals-filter-btn {
  display: block;
  font-size: 14px;
  padding: 8px 16px;
  font-weight: 500;
  background-color: #f0f0f0;
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  cursor: pointer;
  color: var(--color-secondary);
  text-decoration: none;

}

.deals-filter-btn.is-active {
  background-color: #fff;
  border-color: #00AA63;
}



.view-all-deals {
  text-align: center;
  a {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-secondary);
    text-decoration: underline;
    margin-right: 30px;
  }
}

.deals-group {
  display: none;
}

.deals-group.is-active {
  display: block;
}




/* homepage hero section */

.homepage-hero-section {

}

.hero-section {
  position: relative;
  min-height: 300px;
  overflow: hidden;
}

.hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hero-background::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #000;
  opacity: var(--hero-overlay-opacity);
  z-index: 1;
}

.hero-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-content {
  position: relative;
  padding-top: 60px;
  padding-bottom: 90px;
  z-index: 1;
  
}

.hero-content-inner {
  max-width: 620px;
}

.hero-content-title {
  font-size: 48px;
  font-weight: 800;
  color: #202020;
  line-height: 1.1;
  margin-bottom: 18px;
  color: #fff;
}

.hero-content-title strong,
.hero-content-title b {
  color: #00E082;
}

.hero-content-description {
  font-size: 16px;
  font-weight: 400;
  color: #ecebeb;
  line-height: 1.4;
}

.hero-ads-wrapper {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: -36px;
  position: relative;
  z-index: 1;
}

.hero-ads-content {
  padding: 24px 24px 0 24px;
  background-color: #f6f7f8;
}

.hero-ads-content-inner {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 16px;
  overflow: hidden;
}

.hero-ads-content .product-card {
  padding: 0;
  border-radius: 0;
  border: none;
  box-shadow: none;
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-bottom: 24px
}

.hero-ads-content .product-card .product-card__img {
  width: 50px;
  height: 50px;
  margin-bottom: 0;
}

.hero-ads-content .product-card .section__heading--5 {
 font-size: 16px;
 font-weight: 600;
 line-height: 1.5;
 color: #202020;
 margin-bottom: 0;
}

.hero-ads-content .product-card .section__heading--5 svg {
  margin-left: 2px;
  transform: translateY(2px);
}

.hero-ads-content .product-card  .product-card__footer {
  display: none !important;
}

.hero-ads-content .product-card .product-card__info {
  max-width: calc(100% - 52px - 8px);
}

.hero-ads-content .product-card  .section__description {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #202020;
  margin-bottom: 0;
  margin-top: 2px;
}

.hero-ads-content .product-card .add-to-compare-btn {
  display: none!important;
}

.hero-promo-banner {
  padding: 8px 24px;
  color: #202020;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  background-color: #e6e6e6; 
}

.hero-promo-banner-inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.hero-promo-banner-inner span {
  padding: 2px 12px;
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-weight: 550;
  line-height: 1.3;
  background-color: #00AA63;
  border-radius: 8px;
}

.hero-promo-banner-inner p {
  margin: 0;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hero-promo-banner-inner a {
  color: inherit;
  white-space: nowrap;
  text-decoration: underline;
  position: relative;
  padding-right: 24px;
}

.hero-promo-banner-inner a::after {
  content: "";
  position: absolute;
  top: 1px;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M12.2559 4.41083L16.9699 9.12486C17.2954 9.45028 17.2954 9.97795 16.9699 10.3034L12.2559 15.0174C11.9305 15.3429 11.4028 15.3429 11.0774 15.0174C10.7519 14.692 10.7519 14.1644 11.0774 13.8389L14.3688 10.5474H3.33333C2.8731 10.5474 2.5 10.1744 2.5 9.71411C2.5 9.25386 2.8731 8.88078 3.33333 8.88078H14.3688L11.0774 5.58934C10.7519 5.2639 10.7519 4.73626 11.0774 4.41083C11.4028 4.08539 11.9305 4.08539 12.2559 4.41083Z' fill='%23232526'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width:750px) {
  .hero-promo-banner .hero-promo-banner-text {
    display: none;
  }
}

@media (max-width: 579px) {
  .hero-section {
    min-height: 230px;
  }
  .hero-content {
    padding-top: 32px;
    padding-bottom: 60px;
  }
  .hero-content-title {
    font-size: 32px;
  }
}

/* ADS BANNER SECTION / SNIPPET */

.product-ads-section .section-title {
  font-size: 24px;
  font-weight: 700;
  color: #202020;
  margin: 0;
}

.ads-products-wrapper {
  border-radius: 16px;
  background-color: #F6F7F8;
}

.ads-products {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 24px;
  padding: 16px;
  border-radius: 16px;
}

.ads-product .product-card {
  border: none;
  border-radius: 8px;
  padding: 0;
}

.ads-product .section__heading--5 {
  font-size: 14px;
}

.ads-product .product-card__img {
  width: 36px;
  height: 36px;
}

.ads-product .product-card .product-card__footer {
  display: none;
}

.ads-promo-banner {
  background-color: #E0E0E0;
  color: #202020;
  padding: 8px 24px;
  border-radius: 0 0 16px 16px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

.ads-promo-banner-inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.ads-promo-banner-inner span {
  padding: 2px 12px;
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-weight: 550;
  line-height: 1.3;
  background-color: #00AA63;
  border-radius: 8px;
}

.ads-promo-banner-inner a::after {
  content: "";
  position: absolute;
  top: 1px;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M12.2559 4.41083L16.9699 9.12486C17.2954 9.45028 17.2954 9.97795 16.9699 10.3034L12.2559 15.0174C11.9305 15.3429 11.4028 15.3429 11.0774 15.0174C10.7519 14.692 10.7519 14.1644 11.0774 13.8389L14.3688 10.5474H3.33333C2.8731 10.5474 2.5 10.1744 2.5 9.71411C2.5 9.25386 2.8731 8.88078 3.33333 8.88078H14.3688L11.0774 5.58934C10.7519 5.2639 10.7519 4.73626 11.0774 4.41083C11.4028 4.08539 11.9305 4.08539 12.2559 4.41083Z' fill='%23232526'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.ads-promo-banner-text {
  margin: 0;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.pw-sidebar .ads-promo-banner-text {
  display: none;
}

.ads-promo-banner-link {
  color: inherit;
  white-space: nowrap;
  text-decoration: underline;
  position: relative;
  padding-right: 24px;
}

@media (max-width:750px) {
  .ads-promo-banner-text {
    display: none;
  }
}

.promo-banner {
  display: block;
  margin-top: 20px;
  width: 100%;
  max-width: 400px;
  padding: 12px 16px;
  border-radius: 16px;
  background: #E8FFEF;
  text-decoration: none;
  color: #202020;
}

.promo-banner-pickyourapp {
  background: linear-gradient(88deg, rgba(255, 207, 214, 0.40) 1.88%, rgba(219, 247, 235, 0.40) 98.63%);
}

.promo-banner-trackyourapp {
  background: linear-gradient(88deg, rgba(255, 232, 182, 0.40) -0.19%, rgba(209, 225, 255, 0.40) 98.91%);
}

.promo-banner__logo-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 4px;
}

.promo-banner__logo {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.promo-banner__logo-icon {
  width: 14px;
  height: 19px;
  flex: 0 0 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.promo-banner-pickyourapp .promo-banner__logo-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='19' viewBox='0 0 14 19' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.29566 15.09C9.65964 15.09 10.7654 13.9829 10.7654 12.6173C10.7654 11.2516 9.65964 10.1446 8.29566 10.1446C6.93168 10.1446 5.82596 11.2516 5.82596 12.6173C5.82596 13.9829 6.93168 15.09 8.29566 15.09ZM6.33256 17.753C9.27036 17.753 11.6519 15.3685 11.6519 12.4271C11.6519 9.48567 9.27036 7.10118 6.33256 7.10118C3.39477 7.10118 1.01321 9.48567 1.01321 12.4271C1.01321 15.3685 3.39477 17.753 6.33256 17.753ZM6.33256 18.7674C9.82994 18.7674 12.6651 15.9288 12.6651 12.4271C12.6651 8.9254 9.82994 6.08673 6.33256 6.08673C2.83519 6.08673 0 8.9254 0 12.4271C0 15.9288 2.83519 18.7674 6.33256 18.7674Z' fill='%23F13A56'/%3E%3Cpath d='M9.54486 1.03104C8.45511 1.85789 7.7952 3.00278 7.65524 4.11081C8.75966 4.27464 10.0397 3.94757 11.1295 3.12073C12.2192 2.29389 12.8791 1.14899 13.0191 0.0409675C11.9147 -0.122868 10.6346 0.204207 9.54486 1.03104Z' fill='%2300AA63'/%3E%3C/svg%3E");
}

.promo-banner-trackyourapp .promo-banner__logo-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='21' viewBox='0 0 16 21' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.87944 18.1235C0.993007 16.7965 1.3502 15.0021 2.67725 14.1157L10.289 9.03123C11.6161 8.1448 13.4105 8.502 14.2969 9.82904C15.1833 11.1561 14.8261 12.9505 13.4991 13.8369L5.88729 18.9213C4.56024 19.8078 2.76586 19.4506 1.87944 18.1235Z' fill='url(%23paint0_linear_20839_62969)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.38621 5.54121C2.15182 4.14098 3.90758 3.6265 5.30781 4.39211L13.3394 8.78352C14.7396 9.54912 15.2541 11.3049 14.4885 12.7051C13.7229 14.1054 11.9671 14.6198 10.5669 13.8542L2.53532 9.46281C1.13508 8.69721 0.620609 6.94145 1.38621 5.54121Z' fill='url(%23paint1_linear_20839_62969)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.7028 4.49247C12.8719 5.94877 11.0239 6.47646 9.54668 5.66878L5.14355 3.26129L9.24804 0.519621C10.6638 -0.426074 12.5782 -0.0449998 13.5239 1.37077C14.1676 2.33458 14.1966 3.52945 13.7028 4.49247Z' fill='%23F9AB00'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_20839_62969' x1='4.29832' y1='16.5425' x2='11.9101' y2='11.4581' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F59700'/%3E%3Cstop offset='1' stop-color='%23B44403'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_20839_62969' x1='1.56034' y1='5.43311' x2='14.5635' y2='12.5415' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F9AB00'/%3E%3Cstop offset='1' stop-color='%23E37400'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.promo-banner__logo-text {
  color: #151515;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.promo-banner__logo-text-small {
  color: #9E9E9E;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
}

.promo-banner__text {
  margin: 0;
  color: #202020;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.promo-banner__text strong {
  font-weight: 600;
}


/* Glide core */

.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.glide * {
  box-sizing: inherit;
}
.glide__track {
  overflow: hidden;
}
.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}
.glide__slides--dragging {
  user-select: none;
}
.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.glide__slide a {
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.glide__arrows {
  -webkit-touch-callout: none;
  user-select: none;
}
.glide__bullets {
  -webkit-touch-callout: none;
  user-select: none;
}
.glide--rtl {
  direction: rtl;
}

/* end Glide core */

.glide-slider {
  position: relative;
}

.glide__bullets {
  display: flex;
  gap: 8px;
}

.glide__bullet {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border: none;
  border-radius: 50%;
  background-color: #bebebe;
  cursor: pointer;
  padding: 0;
}

.glide__bullet--active {
  background-color: var(--color-secondary);
}

.glide__button {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #4c4c4c;
  background-color: var(--color-secondary);
  color: #fff;
  cursor: pointer;
  svg {
    width: 20px;
    height: 20px;
  }
}
.glide__button--prev {
  transform: rotate(180deg);
}