:root {
  --pme-green: #16a34a;
  --pme-title: #0f172a;
  --pme-muted: #706f6b;
  --pme-soft: #f2fff5;
  --pme-line: rgba(15, 23, 42, 0.1);
}

html,
body.analytics {
  max-width: 100%;
  overflow-x: hidden;
}

.skip-link {
  position: fixed;
  z-index: 1200;
  top: 10px;
  left: 10px;
  transform: translateY(-140%);
  border-radius: 999px;
  background: var(--theme-color);
  color: #fff;
  font-weight: 800;
  padding: 10px 16px;
  transition: transform 0.2s ease;
}

.skip-link:focus {
  transform: translateY(0);
}

.mobile-menu:not(.active),
.menu-overlay:not(.active),
.search-popup:not(.active),
.search-overlay:not(.active) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.aos-init:not(.aos-animate) {
  opacity: 1 !important;
  transform: none !important;
}

.brand-logo {
  display: inline-flex !important;
  align-items: center !important;
  width: 220px !important;
  max-width: 100% !important;
  line-height: 1 !important;
}

.brand-logo-img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

.header-logo.pme-logo,
.header-logo.pme-logo .pme-logo-link,
.header-logo.pme-logo .brand-logo {
  display: inline-flex !important;
  align-items: center !important;
}

.header-logo.pme-logo,
.header-logo.pme-logo .pme-logo-link,
.header-logo.pme-logo .brand-logo {
  width: 220px !important;
}

.header-main .header-bottom {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.header-main .main-menu11 {
  margin-left: 0 !important;
}

.main-menu11 ul > li {
  margin-right: 28px !important;
}

.main-menu11 ul > li > a {
  font-size: 16px !important;
  line-height: 22px !important;
  white-space: nowrap !important;
}

.pme-product-screenshot,
.pme-card-screenshot {
  display: block !important;
  width: 100% !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 24px 70px rgba(20, 87, 57, 0.14) !important;
}

.hero-img .pme-product-screenshot {
  aspect-ratio: 3 / 2 !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: left top !important;
}

.pme-hero-main .hero-content {
  padding-top: 220px !important;
  padding-bottom: 96px !important;
  z-index: 2 !important;
}

.pme-hero-main .hero-img {
  position: absolute !important;
  top: 220px !important;
  right: max(28px, calc((100vw - 1290px) / 2)) !important;
  width: min(610px, 45vw) !important;
  max-width: 45vw !important;
  height: auto !important;
  margin-left: 0 !important;
  transform: none !important;
  z-index: 1 !important;
}

.pme-hero-main .hero-img img {
  width: 100% !important;
  height: auto !important;
}

.pme-rating-box {
  display: inline-flex !important;
  align-items: center !important;
  gap: 18px !important;
  padding-left: 0 !important;
}

.pme-rating-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 8px 14px 8px 8px !important;
  border: 1px solid rgba(22, 163, 74, 0.14) !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.05) !important;
}

.pme-rating-brand img {
  width: 32px !important;
  height: 32px !important;
}

.pme-rating-brand strong,
.pme-audience-chip strong {
  color: var(--pme-title) !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

.pme-audience-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 14px !important;
  max-width: 940px !important;
  height: auto !important;
  margin: 0 auto !important;
}

.pme-audience-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  min-height: 48px !important;
  padding: 8px 16px 8px 9px !important;
  border: 1px solid rgba(22, 163, 74, 0.16) !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.045) !important;
}

.pme-audience-chip img {
  width: 30px !important;
  height: 30px !important;
  max-width: 30px !important;
}

.brand-sec .pme-brand-text {
  max-width: 800px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  margin-bottom: 42px !important;
}

.feature-img2 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.feature-img2 img {
  object-fit: cover !important;
  object-position: left top !important;
}

.feature-sec3 .feature-img {
  padding: 28px !important;
  border: 1px solid rgba(22, 163, 74, 0.16) !important;
  border-radius: 18px !important;
  background: var(--bg-color) !important;
}

.feature-sec3 .feature-img .pme-feature-center-shot {
  aspect-ratio: 3 / 2 !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: left top !important;
  box-shadow: 0 22px 54px rgba(20, 87, 57, 0.12) !important;
}

.funfact-img .pme-funfact-screenshot {
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: left top !important;
}

.funfact-sec .funfact-img {
  display: grid !important;
  height: auto !important;
  gap: 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(22, 163, 74, 0.14) !important;
  border-radius: 24px !important;
  background: #f5fbf7 !important;
  box-shadow: 0 26px 80px rgba(20, 87, 57, 0.1) !important;
  overflow: hidden !important;
}

.funfact-sec .funfact-img .pme-product-screenshot {
  box-shadow: none !important;
  border: 1px solid rgba(22, 163, 74, 0.12) !important;
  border-bottom: 0 !important;
  border-radius: 18px 18px 0 0 !important;
}

.funfact-sec .funfact-content {
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(110px, 0.7fr) minmax(0, 1fr) !important;
  gap: 22px !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 28px 30px !important;
  transform: none !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-top: 0 !important;
  border-radius: 0 0 18px 18px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.funfact-sec .funfact-block-inner .title {
  margin-bottom: 8px !important;
}

.funfact-sec .funfact-block-inner p {
  margin-bottom: 0 !important;
}

.funfact-sec .auther-info p {
  max-width: 300px !important;
  margin-bottom: 16px !important;
}

.funfact-block-one {
  min-height: 260px !important;
}

.funfact-block-one:not(.v2) .title {
  margin-bottom: 34px !important;
}

.funfact-block-one:not(.v2) p {
  max-width: 240px !important;
}

.funfact-block-one.v2::before {
  opacity: 0.34 !important;
}

.funfact-block-one.v2 .title {
  margin-bottom: 92px !important;
}

.funfact-block-one.v2 p {
  position: relative !important;
  z-index: 1 !important;
  max-width: 280px !important;
  text-shadow: 0 1px 1px rgba(15, 23, 42, 0.08) !important;
}

.pme-section .feature-block3 {
  min-height: 296px !important;
  padding: 35px 35px 32px !important;
}

.pme-section .feature-block3 img {
  margin-bottom: 24px !important;
}

.pme-section .feature-block3 .title {
  margin-bottom: 10px !important;
}

.cat-img .pme-product-screenshot {
  object-fit: cover !important;
  object-position: left top !important;
}

.member-welcome .btn-style1 {
  min-width: 216px !important;
  gap: 8px !important;
  overflow: hidden !important;
}

.member-welcome .btn-style1 span {
  margin-left: 0 !important;
}

.cookie-banner {
  position: fixed !important;
  z-index: 1400 !important;
}

@media (max-width: 1500px) {
  .pme-hero-main .hero-img {
    right: max(28px, calc((100vw - 1290px) / 2)) !important;
    width: min(600px, 44vw) !important;
  }
}

@media (max-width: 1199px) {
  .pme-hero-main .hero-img {
    width: min(500px, 42vw) !important;
  }
}

@media (min-width: 993px) and (max-width: 1199px) {
  .header-main .header-bottom {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  .header-main .header-bottom .row > .col-lg-3:first-child {
    flex: 0 0 22% !important;
    max-width: 22% !important;
  }

  .header-main .header-bottom .row > .col-lg-6 {
    flex: 0 0 56% !important;
    max-width: 56% !important;
  }

  .header-main .header-bottom .row > .col-lg-3:last-child {
    flex: 0 0 22% !important;
    max-width: 22% !important;
  }

  .brand-logo,
  .header-logo.pme-logo,
  .header-logo.pme-logo .pme-logo-link,
  .header-logo.pme-logo .brand-logo {
    width: 180px !important;
  }

  .main-menu11 ul > li {
    margin-right: 16px !important;
  }

  .main-menu11 ul > li > a {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .header-btn .btn-style1 {
    min-height: 48px !important;
    padding: 7px 7px 7px 20px !important;
    font-size: 15px !important;
  }

  .header-btn .btn-style1 span {
    width: 34px !important;
    height: 34px !important;
  }

  .funfact-block-one {
    min-height: 230px !important;
    padding: 32px 28px !important;
  }

  .funfact-block-one .title {
    margin-bottom: 26px !important;
    font-size: 52px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    overflow-wrap: normal !important;
  }

  .funfact-block-one.v2 .title {
    margin-bottom: 62px !important;
  }

  .funfact-block-one p {
    font-size: 16px !important;
    line-height: 25px !important;
  }

  .funfact-block-one:not(.v2) p {
    max-width: 220px !important;
  }

  .funfact-sec .funfact-content {
    padding: 24px !important;
  }
}

@media (max-width: 992px) {
  .pme-hero-main .hero-img {
    display: none !important;
  }

  .pme-hero-main .hero-content {
    padding-top: 150px !important;
    padding-bottom: 78px !important;
  }

  .pme-rating-box {
    display: grid !important;
    justify-items: center !important;
    text-align: center !important;
  }

  .funfact-sec .funfact-img {
    max-width: min(100%, 680px) !important;
    margin-inline: auto !important;
  }
}

@media (max-width: 575px) {
  .brand-logo,
  .header-logo.pme-logo,
  .header-logo.pme-logo .pme-logo-link,
  .header-logo.pme-logo .brand-logo {
    width: 178px !important;
  }

  .pme-hero-main .hero-content {
    padding-top: 120px !important;
    padding-bottom: 54px !important;
  }

  .pme-audience-strip {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  .pme-audience-chip {
    justify-content: flex-start !important;
    padding-right: 10px !important;
  }

  .funfact-block-one.v2::before {
    right: -80px !important;
    opacity: 0.22 !important;
  }

  .funfact-block-one.v2 p {
    max-width: 220px !important;
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .funfact-sec .funfact-img {
    margin-bottom: 24px !important;
  }

  .funfact-sec .funfact-img > img {
    display: none !important;
  }

  .funfact-sec .funfact-content {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 22px !important;
    border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: 18px !important;
  }

  .funfact-sec .funfact-block-inner p,
  .funfact-sec .auther-info p {
    max-width: none !important;
    margin-bottom: 14px !important;
  }
}