@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&display=swap");

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
  font-family: "Muller", sans-serif !important;
}
label[for="payment_method_crypto2328"] img {
  display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
select,
textarea,
.wp-block-heading,
.wp-site-blocks * {
  font-family: "Muller", sans-serif !important;
}

.cr-customer-consent {
  display: none !important;
}

.main {
  padding-top: 50px;
}

:root {
  --main-font: Muller;
  --main-color: white;
  --wp--preset--font-family--heading: "Muller", sans-serif;
  --wp--preset--font-family--body: "Muller", sans-serif;
}

.cr-all-reviews-shortcode {
  padding-top: 50px;
}

#reviews .cr-summaryBox-wrap .cr-average-rating,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-average-rating,
.cr-reviews-grid .cr-summaryBox-wrap .cr-average-rating {
  color: white;
}

.cr-review-link {
  color: white;
}

.cr-all-reviews-shortcode .cr-summaryBox-wrap,
.cr-reviews-grid .cr-summaryBox-wrap {
  border: 1px solid gray;
  color: white;
  background-color: transparent;
}

.cr-reviews-rating .cr-review-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  letter-spacing: 0;
  white-space: nowrap;
}

@media (min-width:900px) {
  .achievements .product-slot {
    text-align: right;
  }

  .achievements .time_btn {
    align-self: flex-end;
  }
}

.cr-review-form-wrap .cr-onsite-ratings .cr-review-form-rating-label {
  color: white;
}

.cr-all-reviews-shortcode ol.commentlist li .comment-text .meta .woocommerce-review__author,
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text .meta .woocommerce-review__author {
  color: #ffffff;
}

.cr-all-reviews-shortcode ol.commentlist li .comment-text .cr-rating-product-name .cr-product-name-picture .cr-comment-productname-a {
  color: #ffffff;
}

.cr-all-reviews-shortcode ol.commentlist li .comment-text .meta .woocommerce-review__verified,
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text .meta .woocommerce-review__verified {
  color: #1cc961;
}

.cr-histogramTable tr.ivole-histogramRow .ivole-histogram-a,
.cr-histogramTable tr.ivole-histogramRow .cr-histogram-a {
  color: #80ff95;
}

.eg-booking__header h2 {
  font-family: Muller;
}

#reviews .cr-summaryBox-wrap {
  background-color: transparent;
}

.cr-all-reviews-shortcode .cr-review-form-terms span,
.cr-ajax-reviews-review-form .cr-review-form-terms span,
.cr-reviews-grid .cr-review-form-terms span,
.cr-qna-block .cr-review-form-terms span {
  color: white;
}

.cr-all-reviews-shortcode .cr-review-form-item span,
.cr-ajax-reviews-review-form .cr-review-form-item span,
.cr-reviews-grid .cr-review-form-item span,
.cr-qna-block .cr-review-form-item span {
  color: white;
}

.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-nav .cr-nav-left span,
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-nav .cr-nav-left span,
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-nav .cr-nav-left span,
.cr-qna-block .cr-review-form-nav .cr-nav-left span {
  color: white;
}

#reviews.cr-reviews-ajax-reviews .cr-ajax-search,
.cr-all-reviews-shortcode .cr-ajax-search {
  display: none;
}

#reviews .cr-summaryBox-wrap .cr-total-rating-count,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-total-rating-count,
.cr-reviews-grid .cr-summaryBox-wrap .cr-total-rating-count {
  color: white;
}

.cr-all-reviews-shortcode .cr-count-row,
#reviews.cr-reviews-ajax-reviews .cr-count-row {
  background-color: transparent;
}

.cr-reviews-ajax-reviews .cr-ajax-reviews-sort-div .cr-ajax-reviews-sort,
.cr-all-reviews-shortcode .cr-ajax-reviews-sort-div .cr-ajax-reviews-sort {
  color: #ffffff;
}

/* Custom Woo reviews block on product card */
.eg-reviews {
  position: relative;
  color: #f5f2ff;
  padding: 50px 0 4px;
  max-width: 800px;
  margin: 0 auto;
}

.eg-reviews::before,
.eg-reviews::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 0;
  filter: blur(34px);
  opacity: .5;
}

.eg-reviews::before {
  width: 260px;
  height: 260px;
  top: -45px;
  left: -60px;
  background: radial-gradient(circle, rgba(125, 84, 255, .5) 0%, rgba(125, 84, 255, 0) 70%);
}

.eg-reviews::after {
  width: 220px;
  height: 220px;
  bottom: -40px;
  right: -30px;
  background: radial-gradient(circle, rgba(255, 56, 145, .42) 0%, rgba(255, 56, 145, 0) 70%);
}

.eg-reviews>* {
  position: relative;
  z-index: 1;
}

.eg-reviews__summary {
  position: relative;
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 12px;
  margin-bottom: 14px;
  padding: 12px 14px;
  border-radius: 22px;
  border: 1px solid rgba(171, 142, 255, .38);
  background:
    linear-gradient(140deg, rgba(19, 11, 42, .88), rgba(21, 12, 38, .62)),
    radial-gradient(circle at 14% 22%, rgba(123, 86, 255, .35), transparent 60%),
    radial-gradient(circle at 86% 68%, rgba(255, 82, 179, .27), transparent 62%);
  box-shadow:
    0 12px 34px rgba(7, 4, 19, .55),
    inset 0 0 0 1px rgba(255, 255, 255, .05);
  overflow: hidden;
}

.eg-reviews__summary::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, .05), transparent 25%, transparent 75%, rgba(255, 255, 255, .05));
  pointer-events: none;
}

.eg-reviews__summary-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-right: 1px solid rgba(168, 141, 255, .28);
  text-align: center;
}

.eg-reviews__avg {
  font-size: clamp(30px, 2.8vw, 44px);
  line-height: .95;
  font-weight: 900;
  color: #fff;
  text-shadow:
    0 0 18px rgba(127, 91, 255, .6),
    0 0 42px rgba(127, 91, 255, .4);
}

.eg-reviews__avg-stars .star-rating {
  margin: 6px auto 4px;
  float: none;
  transform: scale(1.02);
  transform-origin: center;
}

.eg-reviews__avg-count {
  color: #cfc4f6;
  font-size: 11px;
  letter-spacing: .01em;
}

.eg-reviews__bars {
  display: flex;
  flex-direction: column;
  gap: 7px;
  justify-content: center;
  padding-top: 2px;
}

.eg-reviews__bar-row {
  display: grid;
  grid-template-columns: 52px 1fr 32px;
  align-items: center;
  gap: 6px;
}

.eg-reviews__bar-label {
  color: #95f8b8;
  font-size: 11px;
  font-weight: 600;
}

.eg-reviews__bar-track {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .17);
  overflow: hidden;
}

.eg-reviews__bar-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #ffd95e 0%, #ffc526 38%, #ffa000 100%);
  box-shadow: 0 0 18px rgba(255, 191, 53, .42);
}

.eg-reviews__bar-value {
  color: #ece7ff;
  font-size: 11px;
  font-weight: 600;
}

.eg-reviews__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.eg-reviews__head-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.eg-reviews__head-count {
  color: #d8cfff;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.eg-reviews__write-btn,
.eg-reviews__head-sort {
  padding: 4px 9px;
  border-radius: 11px;
  border: 1px solid rgba(173, 145, 255, .37);
  background: linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .04));
  color: #f4eeff;
  font-size: 11px;
}

.eg-reviews__write-btn {
  position: relative;
  padding: 11px 18px;
  border-radius: 14px;
  border-color: rgba(255, 167, 218, .62);
  background:
    linear-gradient(135deg, rgba(255, 92, 173, .92), rgba(138, 99, 255, .95));
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .01em;
  cursor: pointer;
  box-shadow:
    0 14px 30px rgba(255, 78, 169, .22),
    0 0 22px rgba(138, 99, 255, .18),
    inset 0 1px 0 rgba(255, 255, 255, .24);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, filter .2s ease;
}

.eg-reviews__write-btn::before {
  content: "✍";
  margin-right: 8px;
}

.eg-reviews__write-btn:hover {
  transform: translateY(-2px) scale(1.01);
  border-color: rgba(255, 214, 236, .95);
  box-shadow:
    0 18px 36px rgba(255, 78, 169, .28),
    0 0 28px rgba(138, 99, 255, .24),
    inset 0 1px 0 rgba(255, 255, 255, .32);
  filter: saturate(1.08);
}

.eg-reviews__write-btn:focus-visible {
  outline: 0;
  box-shadow:
    0 0 0 3px rgba(255, 255, 255, .12),
    0 0 0 6px rgba(255, 92, 173, .34),
    0 18px 36px rgba(255, 78, 169, .28);
}

.eg-reviews__list {
  display: grid;
  gap: 7px;
}

.eg-review-card {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 8px;
  border-radius: 12px;
  padding: 8px 10px 10px;
  border: 1px solid rgba(170, 143, 255, .22);
  background:
    linear-gradient(145deg, rgba(24, 14, 51, .8), rgba(19, 10, 38, .55));
  box-shadow:
    0 8px 20px rgba(7, 4, 21, .35),
    inset 0 0 0 1px rgba(255, 255, 255, .03);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
  animation: egReviewReveal .45s ease both;
}

.eg-review-card:hover {
  transform: translateY(-2px);
  border-color: rgba(201, 178, 255, .45);
  box-shadow:
    0 12px 30px rgba(16, 8, 37, .45),
    0 0 24px rgba(124, 84, 255, .26),
    inset 0 0 0 1px rgba(255, 255, 255, .04);
}

.eg-review-card:nth-child(2) {
  animation-delay: .06s;
}

.eg-review-card:nth-child(3) {
  animation-delay: .12s;
}

.eg-review-card:nth-child(4) {
  animation-delay: .18s;
}

.eg-review-card:nth-child(5) {
  animation-delay: .24s;
}

.eg-review-card.is-hidden {
  display: none;
}

.eg-review-card__avatar {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 15px;
  color: #faf8ff;
  background:
    linear-gradient(135deg, #7d57ff 0%, #b763ff 48%, #ff4ea9 100%);
  box-shadow:
    0 6px 18px rgba(124, 84, 255, .45),
    inset 0 0 0 1px rgba(255, 255, 255, .28);
}

.eg-review-card__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

.eg-review-card__author {
  font-size: 15px;
  line-height: 1;
  font-weight: 700;
  color: #fff;
}

.eg-review-card__date {
  color: #d1c7f5;
  font-size: 11px;
  white-space: nowrap;
}

.eg-review-card__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 3px 0 5px;
}

.eg-review-card__meta .star-rating {
  margin: 0;
  float: none;
}

.eg-review-card__verified {
  color: #4af2a2;
  font-weight: 600;
  font-size: 11px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.eg-review-card__verified::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 10px currentColor;
}

.eg-review-card__text {
  color: #f4f0ff;
  font-size: clamp(13px, .95vw, 15px);
  line-height: 1.3;
  letter-spacing: .01em;
}

.eg-review-card__text p {
  margin: 0;
}

.eg-reviews__more-wrap {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}

.eg-reviews__more {
  border-radius: 12px;
  border: 1px solid rgba(180, 157, 255, .45);
  background: linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .03));
  color: #efe8ff;
  padding: 7px 14px;
  font-size: 11px;
  letter-spacing: .03em;
  text-transform: uppercase;
  transition: all .25s ease;
}

.eg-reviews__more:hover {
  border-color: rgba(209, 186, 255, .8);
  background: linear-gradient(180deg, rgba(157, 112, 255, .35), rgba(123, 82, 242, .2));
  color: #fff;
  box-shadow: 0 0 20px rgba(145, 99, 255, .4);
}

.eg-reviews__empty {
  color: #d6ceef;
  text-align: center;
  padding: 30px 0 8px;
}

body.eg-review-modal-open {
  overflow: hidden;
}

.eg-review-modal[hidden] {
  display: none;
}

.eg-review-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 18px;
  overflow-y: auto;
}

.eg-review-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(8, 5, 20, .78);
  backdrop-filter: blur(10px);
}

.eg-review-modal__dialog {
  position: relative;
  width: min(560px, calc(100vw - 28px));
  max-height: min(860px, calc(100vh - 56px));
  overflow: auto;
  margin: auto;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid rgba(171, 142, 255, .34);
  background:
    linear-gradient(140deg, rgba(20, 12, 43, .98), rgba(15, 9, 33, .95)),
    radial-gradient(circle at top left, rgba(123, 86, 255, .24), transparent 42%);
  box-shadow: 0 30px 80px rgba(0, 0, 0, .45);
  z-index: 1;
}

.eg-review-modal__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .08);
  color: #fff;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}

.eg-review-modal__eyebrow {
  margin-bottom: 8px;
  color: #95f8b8;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.eg-review-modal__title {
  margin: 0 0 8px;
  color: #fff;
  font-size: clamp(24px, 4vw, 34px);
}

.eg-review-modal__subtitle {
  margin: 0 0 18px;
  color: #d5ccf5;
  font-size: 14px;
  line-height: 1.5;
}

.eg-review-form {
  display: grid;
  gap: 14px;
}

.eg-review-form__rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 6px;
}

.eg-review-form__star {
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, .24);
  font-size: 34px;
  line-height: 1;
  cursor: pointer;
  transition: transform .16s ease, color .16s ease, text-shadow .16s ease;
}

.eg-review-form__star:hover,
.eg-review-form__star.is-active {
  color: #ffc84d;
  transform: scale(1.06);
  text-shadow: 0 0 18px rgba(255, 200, 77, .35);
}

.eg-review-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.eg-review-form__field {
  display: grid;
  gap: 6px;
}

.eg-review-form__field span {
  color: #ddd5fb;
  font-size: 12px;
  font-weight: 600;
}

.eg-review-form__field input,
.eg-review-form__field textarea {
  width: 100%;
  border: 1px solid rgba(173, 145, 255, .24);
  border-radius: 14px;
  background: rgba(255, 255, 255, .05);
  color: #fff;
  padding: 13px 14px;
  outline: none;
}

.eg-review-form__field input::placeholder,
.eg-review-form__field textarea::placeholder {
  color: rgba(231, 224, 255, .45);
}

.eg-review-form__field input:focus,
.eg-review-form__field textarea:focus {
  border-color: rgba(207, 184, 255, .75);
  box-shadow: 0 0 0 3px rgba(135, 93, 255, .12);
}

.eg-review-form__field textarea {
  resize: vertical;
  min-height: 132px;
}

.eg-review-form__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.eg-review-form__hint {
  margin: 0;
  color: #c8bee9;
  font-size: 12px;
  line-height: 1.45;
}

.eg-review-form__submit {
  border: 0;
  border-radius: 14px;
  padding: 13px 18px;
  white-space: nowrap;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
  background: linear-gradient(135deg, #8a63ff 0%, #ff4ea9 100%);
  box-shadow: 0 14px 30px rgba(145, 86, 255, .24);
}

.eg-review-form__submit:disabled {
  opacity: .7;
  cursor: wait;
}

.eg-review-form__message {
  min-height: 22px;
  font-size: 13px;
  color: #d9d1f7;
}

.eg-review-form__message.is-error {
  color: #ff8f8f;
}

.eg-review-form__message.is-success {
  color: #73f0af;
}

@keyframes egReviewReveal {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 900px) {
  .eg-reviews {
    max-width: 100%;
  }

  .eg-reviews__summary {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 18px 16px;
  }

  .eg-reviews__head {
    gap: 10px;
    align-items: flex-start;
    flex-direction: column;
  }

  .eg-reviews__head-actions {
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .eg-reviews__summary-main {
    border-right: 0;
    border-bottom: 1px solid rgba(170, 143, 255, .24);
    padding-bottom: 14px;
  }

  .eg-reviews__bar-row {
    grid-template-columns: 66px 1fr 40px;
    gap: 8px;
  }

  .eg-review-card {
    grid-template-columns: 52px 1fr;
    gap: 12px;
    padding: 14px 12px 15px;
  }

  .eg-review-card__avatar {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    font-size: 20px;
  }

  .eg-review-card__author {
    font-size: 20px;
  }

  .eg-review-card__text {
    font-size: 17px;
  }

  .eg-review-form__grid,
  .eg-review-form__footer {
    grid-template-columns: 1fr;
    display: grid;
  }

  .eg-review-modal {
    align-items: flex-start;
    padding: 84px 14px 18px;
  }

  .eg-review-modal__dialog {
    width: min(100%, 560px);
    max-height: calc(100vh - 102px);
    padding: 20px 16px 18px;
    border-radius: 22px;
  }

  .eg-review-form__submit {
    width: 100%;
  }

  .eg-reviews__list.is-mobile-carousel {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(82%, 1fr);
    gap: 12px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    padding: 2px 4px 10px 2px;
    margin: 0 -2px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .eg-reviews__list.is-mobile-carousel::-webkit-scrollbar {
    display: none;
  }

  .eg-reviews__list.is-mobile-carousel .eg-review-card {
    scroll-snap-align: start;
    scroll-snap-stop: always;
    margin: 0;
  }
}

.cr-all-reviews-shortcode .cr-count-row,
#reviews.cr-reviews-ajax-reviews .cr-count-row {
  color: #ffffff;
}

/* CusRev readability fixes on dark background */
#reviews .cr-all-reviews-shortcode,
#reviews .cr-all-reviews-shortcode .comment_container,
#reviews .cr-all-reviews-shortcode .cr-comment-text,
#reviews .cr-all-reviews-shortcode .meta,
#reviews .cr-all-reviews-shortcode .description,
#reviews .cr-all-reviews-shortcode .description p {
  color: #f4f1ff !important;
}

#reviews .cr-all-reviews-shortcode .woocommerce-review__author,
#reviews .cr-all-reviews-shortcode .woocommerce-review__published-date,
#reviews .cr-all-reviews-shortcode .woocommerce-review__verified,
#reviews .cr-all-reviews-shortcode .cr-total-rating-count,
#reviews .cr-all-reviews-shortcode .cr-count-row,
#reviews .cr-all-reviews-shortcode .cr-count-row-count {
  color: #e6e1ff !important;
}

#reviews .cr-all-reviews-shortcode .cr-comment-productname-a,
#reviews .cr-all-reviews-shortcode .iv-comment-product-a {
  color: #9ad8ff !important;
}

#reviews .cr-all-reviews-shortcode .woocommerce-review__verified {
  color: #5be39a !important;
}

#reviews .cr-all-reviews-shortcode .cr-summaryBox-wrap {
  border-color: rgba(255, 255, 255, 0.25) !important;
  background: rgba(16, 11, 29, 0.45) !important;
}

#reviews .cr-all-reviews-shortcode .cr-ajax-reviews-sort,
#reviews .cr-all-reviews-shortcode .cr-input-text {
  color: #f4f1ff !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

#reviews .cr-all-reviews-shortcode #cr-show-more-all-reviews,
#reviews .cr-all-reviews-shortcode .cr-show-more-button {
  color: #e8e3ff !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

#reviews .cr-all-reviews-shortcode #cr-show-more-all-reviews:hover,
#reviews .cr-all-reviews-shortcode .cr-show-more-button:hover {
  color: #ffffff !important;
  border-color: #8e56ff !important;
  background: rgba(142, 86, 255, 0.22) !important;
}

:root {
  --eg-bg: #0f0a1c;
  /* общий фон блока */
  --eg-card: #161028;
  /* внутренний фон */
  --eg-text: #e9e4ff;
  --eg-dim: #a79bcf;
  --eg-acc1: #7a5fff;
  /* фиолетовый акцент */
  --eg-acc2: #ff2d95;
  /* розовый акцент */
}

.eg-btn.loading {
  pointer-events: none;
  opacity: .9;
  position: relative;
  color: transparent !important;
}

.eg-btn.loading::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, .35);
  border-top-color: #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: eg-rot 0.8s linear infinite;
}

.eg-btn.loading::after {
  content: none !important;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  border: 2px solid rgba(255, 255, 255, .4);
  border-top-color: #fff;
  border-radius: 50%;
  animation: eg-spin 0.8s linear infinite;
}

@keyframes eg-rot {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes eg-spin {
  to {
    transform: rotate(360deg);
  }
}

.eg-trial-banner {
  margin-top: 24px;
  border-radius: 20px;
  background:
    linear-gradient(var(--eg-card), var(--eg-card)) padding-box,
    linear-gradient(135deg, var(--eg-acc1), var(--eg-acc2)) border-box;
  border: 1px solid transparent;
  box-shadow: 0 0 24px rgba(122, 95, 255, .25), inset 0 0 40px rgba(255, 45, 149, .06);
  margin-bottom: 65px;
}

.eg-trial-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 28px 32px;
  color: var(--eg-text);
}

.eg-trial-left {
  flex: 1 1 auto;
  min-width: 260px;
}

.eg-trial-right {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  min-width: 240px;
}

.eg-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  font-size: 12px;
  letter-spacing: .3px;
  color: #fff;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--eg-acc1), var(--eg-acc2));
  box-shadow: 0 4px 16px rgba(255, 45, 149, .25);
}

.eg-trial-title {
  font-family: --var(--main-font);
  margin: 10px 0 6px;
  font-size: 28px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: .2px;
}

.eg-price {
  background: linear-gradient(135deg, #fff, var(--eg-acc2) 60%, var(--eg-acc1));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 18px rgba(122, 95, 255, .25);
}

.eg-trial-sub {
  margin: 0 0 10px;
  color: var(--eg-dim);
  font-size: 15px;
}

.eg-trust {
  display: flex;
  gap: 16px;
  padding: 0;
  margin: 8px 0 0;
  list-style: none;
  color: #cfc6ff;
  font-size: 13px;
  opacity: .9;
  flex-wrap: wrap;
}

.eg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 22px;
  min-width: 240px;
  border-radius: 14px;
  font-weight: 800;
  text-decoration: none;
  color: #ffffff;
  background: linear-gradient(135deg, var(--eg-acc2), var(--eg-acc1));
  box-shadow: 0 10px 28px rgba(122, 95, 255, .35);
  position: relative;
  overflow: hidden;
}

.eg-btn::after {
  /* лёгкий бликун */
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .25), transparent);
  transform: translateX(-120%);
  transition: transform .8s ease;
}

.eg-btn:hover::after {
  transform: translateX(120%);
}

.eg-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 36px rgba(122, 95, 255, .45);
}

.eg-small {
  margin: 0;
  font-size: 12px;
  color: #b6acd8;
}

.eg-small a {
  color: #d7cfff;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* — Mobile */
@media (max-width:920px) {
  .eg-trial-inner {
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
  }

  .eg-trial-right {
    align-items: stretch;
  }

  .eg-btn {
    min-width: unset;
    width: 100%;
  }

  .eg-trust {
    gap: 10px;
  }
}


.product-guarantee {
  margin-top: 15px;
  background: #1c1c1c;
  border: 1px solid #45f882;
  position: absolute;
  left: 50%;
  top: 0;
  width: 51%;
  transform: translateX(-50%);
  border-radius: 12px;
  padding: 10px 14px;
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.product-guarantee span {
  font-weight: 500;
}

.plan-disabled {
  position: relative;
  opacity: 0.6;
  pointer-events: none;
}

.cart-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
}

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

.time_btn {
  margin-top: 0;
  padding: 9px 16px;
  color: white;
  border: none;
  cursor: pointer;
  border-radius: 21px;
  -webkit-box-shadow: 0px 0px 15.2px 0px #6600ff;
  box-shadow: 0px 0px 15.2px 0px #6600ff;
  background: -webkit-gradient(linear, left top, right top, from(#6600ff), to(#3d0099));
  background: -o-linear-gradient(left, #6600ff, #3d0099 100%);
  background: linear-gradient(90deg, #6600ff, #3d0099 100%);
  font-size: 10px;
  font-weight: 800;
  line-height: 16px;
  letter-spacing: 0%;
  text-align: left;
  text-transform: uppercase;
}

.cart-link {
  color: #fff;
}

/* ← цвет ссылки и иконки */
.cart-link .cart-icon {
  fill: currentColor;
}

.cart-link .cart-icon {
  display: inline-block;
}

.cart-badge {
  position: absolute;
  top: 0px;
  right: 0px;
  min-width: 14px;
  height: 14px;
  padding: 0 4px;
  border-radius: 999px;
  font-size: 8px;
  line-height: 16px;
  text-align: center;
  background: #ff3659;
  color: #fff;
}

#menu_box .cart-link {
  margin-top: 8px;
}

.pi-popup {

  display: flex;
  align-items: center;
  background: #1a1a1a;
  color: #fff;
  padding: 14px 16px;
  border-radius: 14px;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.4);

  z-index: 9999;

}

.howit {
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 60px;
  padding-bottom: 60px;

}

.howit-item {
  text-align: center;
  max-width: 259px;
}

.howit-item img {
  margin-bottom: 20px;
}

.howit-item_title {
  color: #6ec1e4;
  font-size: 19px;
  font-family: var(--main-font);
  margin-bottom: 15px;
  font-weight: 600;
}

.howit-item_subtitle {
  color: #adb0bc;
  font-size: 16px;
  font-family: var(--main-font);
  line-height: 20px;
}

.howit-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  align-items: start;
  margin-top: 60px;
}

.pi-popup-image img {

  object-fit: cover;
  border: 2px solid #45f882;
  margin-right: 12px;
}

.pi-popup-content {
  font-size: 14px;
  line-height: 1.4;
  position: relative;
}

.pi-popup-content a {
  color: #45f882;
  text-decoration: underline;
}

.pi-popup-content .pi-date,
.pi-popup-content .pi-time {
  color: #ccc;
  font-size: 12px;
}

.pi-popup-close {
  position: absolute;
  top: 4px;
  right: 4px;
  display: inline-block;
  width: 16px;
  height: 16px;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}

.pi-popup-close:hover {
  opacity: 1;
}

.pi-popup-close img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@keyframes fadeIn {
  from {
    transform: translateY(10px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@media (max-width: 480px) {
  .pi-popup {
    left: 12px;
    right: 12px;
    max-width: none;
    padding: 12px;
  }

  .pi-popup-image img {
    width: 42px;
    height: 42px;
    margin-right: 10px;
  }

  .pi-popup-content {
    font-size: 13px;
  }
}

.community-link_o {
  display: flex;
  margin-top: 50px;
  align-items: center;
  justify-content: center;
  justify-self: center;
  gap: 16px;
  background-color: transparent;
  border: 2px dashed #b17eff;
  padding: 14px 18px;
  border-radius: 12px;

  cursor: pointer;
  transition: all 0.3s ease;
}

.plan__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(2px);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: inherit;
  z-index: 10;
}

.plan__overlay-text {
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  padding: 10px 20px;
  background: #8f00ff;
  border-radius: 12px;
  margin-top: 4px;
  margin-bottom: 12px;

  text-align: center;
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  border-radius: 999px;
  padding: 15px 30px;
  display: inline-block;

  backdrop-filter: blur(4px);
}

.plans__text {
  margin-top: 20px;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 8px;
  color: #fff;
}

.good-slot-status {
  margin-bottom: 10px;
  width: 168px;
  text-align: center;
  line-height: 18px;
  color: #fff;
}

.plans__list-item label {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.tooltip-icon {
  display: inline-block;
  margin-left: 6px;
  color: #aaa;
  cursor: pointer;
  position: relative;

  font-size: 14px;
  user-select: none;
}

.tooltip-icon img {
  width: 17px;

}

.tooltip-icon .tooltip-text {
  position: absolute;
  bottom: 125%;
  left: 50%;
  text-align: center;
  transform: translateX(-50%) translateY(10px);
  background-color: #222;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  /* white-space: normal; */
  font-size: 12px;
  width: 121px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease;
  z-index: 10;
  pointer-events: none;
}

.tooltip-icon.active .tooltip-text,
.tooltip-icon:hover .tooltip-text,
.tooltip-icon:focus .tooltip-text {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
  pointer-events: auto;
}

.jdgm--leex-script-loaded .jdgm-rev-widg__header,
.jdgm--leex-script-loaded .jdgm-rev-widg__actions,
.jdgm--leex-script-loaded .jdgm-rev,
.jdgm--leex-script-loaded .jdgm-quest {
  background-color: transparent;
  border: 1px solid white;

}

.jdgm-rev__author {

  color: #ffffff !important;
}

.jdgm--leex-script-loaded .jdgm-rev-widg__header,
.jdgm--leex-script-loaded .jdgm-rev-widg__title,
.jdgm--leex-script-loaded .jdgm-rev,
.jdgm--leex-script-loaded .jdgm-quest {
  color: #ffffff !important;
}

.jdgm-sort-dropdown-wrapper .jdgm-sort-dropdown,
.jdgm-sort-dropdown-wrapper .jdgm-sort-dropdown-arrow {

  color: #ffffff !important;
}

.jdgm-histogram__bar-content {
  background-color: #ffffff;
}

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

.egirlz-thankyou-wrapper {
  font-family: Muller;
  color: #fff;
  padding: 50px 20px;
  text-align: center;
}

.egirlz-thankyou-inner {
  max-width: 700px;
  margin: auto;
  background: #1e1e1e;
  padding: 40px;
  border-radius: 16px;
  box-shadow: 0px 0px 15.2px 0px #6600ff;
  position: relative;
}

.egirlz-account-grid {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  margin: 30px 0;
}

.egirlz-account-card {
  background: #1e1e1e;
  border: 2px solid #6600ff;
  padding: 16px;
  border-radius: 12px;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s;
}

.egirlz-account-card:hover {
  background: #6600ff;
  color: #fff;
  box-shadow: 0 0 12px #6600ff88;
}

.egirlz-thankyou-img {
  width: 120px;
  border-radius: 50%;
  margin-bottom: 20px;
  box-shadow: 0px 0px 15.2px 0px #6600ff;
}

.egirlz-thankyou-title {
  font-family: Muller;
  font-size: 28px;
  color: #ffffff;
  margin-bottom: 10px;
}

.egirlz-thankyou-text {
  font-size: 16px;
  margin-bottom: 25px;
}

.egirlz-thankyou-details p {
  margin: 5px 0;
  font-size: 14px;
  color: #bbb;
}

.egirlz-order-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
  margin-top: 30px;
}

.egirlz-order-card {
  background: #1a1a1a;
  border: 2px solid #6600ff;
  border-radius: 16px;
  padding: 20px;
  color: #fff;
  box-shadow: 0 0 12px #6600ff33;
  transition: 0.3s;
}

.egirlz-order-card h3 {
  color: #45F882;
  font-size: 18px;
  margin-bottom: 10px;
}

.egirlz-order-card p {
  margin: 6px 0;
  font-size: 14px;
}

.egirlz-order-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 24px;
  margin-top: 30px;
}

.egirlz-order-card {
  background: #1b1b1f;
  border: 2px solid #6600ff;
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 0 14px #6600ff55;
  color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.egirlz-order-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 0 24px #6600ff88;
}

.egirlz-order-card h3 {
  font-size: 18px;
  color: #45f882;
  margin-bottom: 10px;
}

.egirlz-order-card p {
  margin: 6px 0;
  font-size: 14px;
}

.egirlz-view-order {
  padding: 40px 0;
  color: #fff;
}

.order-title {
  font-size: 28px;
  margin-bottom: 10px;
}

.order-meta {
  color: #bbb;
  margin-bottom: 30px;
}

.egirlz-order-item {
  background: #1a1a1a;
  padding: 20px;
  border-radius: 16px;
  margin-bottom: 20px;
  box-shadow: 0 0 10px #6600ff66;
}

.order-details-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.order-details-list li {
  margin-bottom: 6px;
  font-size: 16px;
}

.order-total {
  font-size: 20px;
  margin-top: 30px;
}

.egirlz-thankyou-link {
  margin-top: 20px;
}

.egirlz-btn-secondary {
  background: transparent;
  border: 2px solid #6600ff;
  color: #fff;
  padding: 12px 24px;
  border-radius: 14px;
  text-decoration: none;
  transition: all 0.2s;
}

.egirlz-btn-secondary:hover {
  background: #6600ff;
}

.egirlz-edit-account {
  max-width: 600px;
  margin: 40px auto;
  background: rgba(255, 255, 255, 0.02);
  padding: 30px;
  border-radius: 16px;
  box-shadow: 0 0 20px rgba(102, 0, 255, 0.2);
}

.egirlz-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.egirlz-form-grid .form-group.full {
  grid-column: 1 / -1;
}

.egirlz-edit-account label {
  display: block;
  font-weight: 600;
  margin-bottom: 5px;
  color: #fff;
}

.egirlz-edit-account input {
  width: 100%;
  padding: 10px 14px;
  border-radius: 10px;
  border: none;
  background: #1e1e2f;
  color: #fff;
}

.egirlz-edit-account input:focus {
  outline: 2px solid #6600ff;
}

.egirlz-edit-account .note {
  font-size: 0.9rem;
  color: #aaa;
  margin-top: 5px;
}

.egirlz-heading {
  font-size: 1.4rem;
  color: #fff;
  margin: 30px 0 10px;
}

.egirlz-btn {
  background: #6600ff;
  color: white;
  padding: 12px 20px;
  font-weight: bold;
  border: none;
  border-radius: 12px;
  box-shadow: 0 0 12px #6600ff80;
  cursor: pointer;
  transition: all 0.3s ease;
}

.egirlz-btn:hover {
  background: #7d2fff;
  box-shadow: 0 0 20px #6600ffcc;
}

.egirlz-address-grid {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  margin-bottom: 3rem;
}

.egirlz-address-block {
  background: #151515;
  padding: 2rem;
  border: 1px solid #6600ff;
  border-radius: 12px;
  flex: 1 1 45%;
}

.egirlz-address-block address {
  margin: 1rem 0;
  font-style: normal;
}

.egirlz-btn {
  display: inline-block;
  margin-top: 1rem;
  background: #6600ff;
  color: #fff;
  padding: 0.6rem 1.2rem;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  box-shadow: 0 0 10px #6600ff88;
  transition: 0.3s;
}

.egirlz-btn:hover {
  transform: scale(1.05);
  background: #7a1eff;
}

.egirlz-address-grid {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.address-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
  margin-top: 40px;
}

.address-box {
  background: #111;
  border: 1px solid #7A3EFF;
  box-shadow: 0 0 15px rgba(138, 51, 235, 0.4);
  border-radius: 15px;
  padding: 30px 25px;
  width: 100%;
  max-width: 450px;
  transition: 0.3s ease-in-out;
}

.address-box:hover {
  transform: scale(1.02);
  box-shadow: 0 0 25px rgba(138, 51, 235, 0.7);
}

.address-box h3 {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
}

.address-box p {
  line-height: 1.5;
  color: #ccc;
  margin-bottom: 25px;
  white-space: pre-line;
}

/* ————— Обёртка карточек адресов ————— */
.address-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
  margin-bottom: 40px;
}

.address-box {
  background: #0d0d0d;
  border: 1px solid #842aff;
  border-radius: 16px;
  padding: 30px 25px;
  width: 100%;
  max-width: 340px;
  color: #fff;
  box-shadow: 0 0 20px rgba(132, 66, 255, 0.3);
}

.address-box h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.address-box p {
  white-space: pre-line;
  margin-bottom: 20px;
  color: #ccc;
}

.address-box .egirlz-btn.small {
  padding: 10px 16px;
  font-size: 14px;
  background: #842aff;
  color: #fff;
  border-radius: 8px;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 0 15px rgba(132, 66, 255, 0.5);
  transition: all 0.2s ease;
}

.address-box .egirlz-btn.small:hover {
  background: #a855ff;
  transform: scale(1.03);
}

/* ————— Форма редактирования адреса ————— */
.egirlz-edit-address-form {
  max-width: 600px;
  margin: 40px auto;
  background: rgba(255, 255, 255, 0.02);
  padding: 30px;
  border-radius: 16px;
  box-shadow: 0 0 20px rgba(102, 0, 255, 0.2);
}

/* Заголовок */
.egirlz-edit-address-form h2.egirlz-heading {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 30px;
}

/* Стиль полей формы */
.woocommerce-address-fields__field-wrapper .form-row,
.egirlz-edit-address-form .form-row {
  margin-bottom: 20px;
}

.woocommerce-address-fields__field-wrapper label,
.egirlz-edit-address-form label {
  display: block;
  color: #fff;
  font-weight: 600;
  margin-bottom: 6px;
}

.woocommerce-address-fields__field-wrapper input,
.woocommerce-address-fields__field-wrapper select,
.egirlz-edit-address-form input,
.egirlz-edit-address-form select {
  width: 100%;
  padding: 12px 16px;
  background: #1a1a1a;
  border: 1px solid #333;
  border-radius: 10px;
  color: #fff;
  font-size: 15px;
  transition: 0.3s;
}

.select2-dropdown {
  color: white;
}

.egirlz-edit-address-form input:focus,
.egirlz-edit-address-form select:focus {
  border-color: #842aff;
  outline: none;
}

.select2-container .select2-dropdown,
.select2-container .select2-selection {
  background-color: #1a1a1a;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  color: white;
}

/* Кнопка */
.egirlz-edit-address-form .egirlz-btn {
  background: #842aff;
  color: #fff;
  padding: 14px 28px;
  border-radius: 10px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  border: none;
  box-shadow: 0 0 20px rgba(132, 66, 255, 0.6);
  transition: 0.3s;
}

.egirlz-edit-address-form .egirlz-btn:hover {
  background: #a855ff;
  transform: scale(1.03);
}

.egirlz-btn.small {
  padding: 12px 25px;
  font-size: 14px;
  border-radius: 10px;
  background: #8f3bff;
  color: white;
  border: none;
  transition: 0.3s;
  box-shadow: 0 0 15px rgba(143, 59, 255, 0.7);
  text-decoration: none;
  display: inline-block;
}

.egirlz-btn.small:hover {
  background: #a866ff;
  box-shadow: 0 0 25px rgba(143, 59, 255, 1);
}

.egirlz-address-card {
  flex: 1 1 300px;
  padding: 25px;
  background: #121212;
  border: 1px solid #A020F0;
  border-radius: 12px;
  box-shadow: 0 0 12px #a020f080;
}

.egirlz-address-card h3 {
  color: #45F882;
  margin-bottom: 10px;
}

.egirlz-btn {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 20px;
  background: #7A20F0;
  color: #fff;
  border-radius: 8px;
  text-decoration: none;
}

.egirlz-btn.secondary {
  background: #333;
}

.egirlz-address-edit-wrapper {
  max-width: 600px;
  margin: 0 auto;
  background: #1a1a1a;
  padding: 2rem;
  border: 1px solid #6600ff;
  border-radius: 12px;
}

.egirlz-order-btn {
  display: inline-block;
  margin-top: 12px;
  background: #6600ff;
  color: #fff;
  padding: 10px 18px;
  font-weight: bold;
  border-radius: 12px;
  text-decoration: none;
  box-shadow: 0 0 12px #6600ff88;
  transition: 0.2s ease;
}

.egirlz-order-btn:hover {
  background: #7a33ff;
  box-shadow: 0 0 18px #7a33ffaa;
}

.egirlz-order-btn {
  margin-top: 12px;
  display: inline-block;
  background: #6600ff;
  color: #fff;
  padding: 10px 16px;
  border-radius: 10px;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 0 0 10px #6600ff88;
  transition: 0.3s;
}

.egirlz-order-btn:hover {
  background: #7a33ff;
  box-shadow: 0 0 16px #7a33ffaa;
}

.egirlz-btn {
  -webkit-box-shadow: 0px 0px 15.2px 0px #6600ff !important;
  box-shadow: 0px 0px 15.2px 0px #6600ff !important;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#6600ff),
      to(#3d0099)) !important;
  background: -o-linear-gradient(left, #6600ff, #3d0099 100%) !important;
  background: linear-gradient(90deg, #6600ff, #3d0099 100%) !important;
  padding: 19px 41px;
  color: white !important;
  font-family: Muller;
  font-size: 16px !important;
  font-weight: 800 !important;
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: bold;
  display: inline-block;
  margin-top: 20px;
  text-decoration: none;
  transition: all 0.3s;
}

.egirlz-btn:hover {
  box-shadow: 0 0 10px #6600ff, 0 0 20px #6600ff;
}

.egirlz-review-box h3 {
  font-family: var(--main-font);
}

.egirlz-btn-secondary {
  background: transparent;
  border: 2px solid #6600ff;
  color: #ffff;
  padding: 10px 20px;
  border-radius: 8px;
  display: inline-block;
  margin-top: 15px;
  text-decoration: none;
  transition: 0.3s;
}

.egirlz-btn-secondary:hover {
  background: #6600ff;
  color: #fff;
}

.egirlz-review-box {
  margin-top: 40px;
  background: #2b2b2b;
  padding: 25px;
  border-radius: 12px;
  border: 1px dashed #6600ff;
}

.plans__list--yes {
  margin-bottom: 0;
}

.site-footer {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 10%, rgba(109, 93, 246, 0.12), transparent 26%),
    linear-gradient(180deg, #07070A 0%, #08080C 100%);
  color: #F4F1FF;
  font-family: var(--main-font);
  padding: 28px 0 42px;
  font-size: 14px;
}

.site-footer::before {
  content: "";
  position: absolute;
  top: -110px;
  right: -90px;
  width: 320px;
  height: 320px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(168, 155, 255, 0.14), transparent 70%);
  filter: blur(120px);
  pointer-events: none;
}

.site-footer .container {
  position: relative;
  z-index: 1;
}

.footer-shell {
  border-radius: 32px;
  border: 1px solid rgba(168, 155, 255, 0.12);
  background: rgba(255, 255, 255, 0.035);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 28px 60px rgba(0, 0, 0, 0.24);
  padding: 48px 56px 28px;
}

.footer-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: 28px;
  align-items: start;
  padding-bottom: 34px;
}

.footer-brand {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.footer-columns {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  padding: 34px 0 28px;
}

.footer-col {
  min-width: 0;
}

.footer-logo {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
  text-decoration: none;
  color: #F4F1FF;
}

.footer-logo__mark {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  border: 1px solid rgba(168, 155, 255, 0.18);
  background: rgba(255, 255, 255, 0.04);
  color: #A89BFF;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.footer-logo__mark svg {
  width: 24px;
  height: 24px;
}

.footer-logo__text {
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.footer-description {
  max-width: 360px;
  margin: 0;
  color: #A7A0B8;
  font-size: 15px;
  line-height: 1.7;
}

.footer-social-wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-section-label {
  margin: 0;
  color: #F4F1FF;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.footer-social {
  display: flex;
  align-items: center;
  gap: 12px;
}

.footer-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 14px;
  border: 1px solid rgba(168, 155, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: #DCD7FF;
  transition: transform .25s ease, border-color .25s ease, color .25s ease, background .25s ease;
  overflow: visible;
}

.footer-social a img {
  width: 24px;
  height: 24px;
  display: block;
  object-fit: contain;
  opacity: 1;
  filter: none;
  transition: 0.2s ease;
}

.footer-social a svg {
  width: 20px;
  height: 20px;
  transition: 0.2s ease;
}

.footer-social a:hover {
  transform: translateY(-2px);
  border-color: rgba(168, 155, 255, 0.28);
  background: rgba(255, 255, 255, 0.06);
  color: #A89BFF;
}

.eg-discord-promo {
  position: relative;
  padding: 34px 0 22px;
}

.eg-discord-promo__card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(220px, .7fr);
  gap: 28px;
  align-items: center;
  padding: 32px;
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at top right, rgba(124, 58, 237, 0.34), transparent 34%),
    radial-gradient(circle at bottom left, rgba(91, 33, 182, 0.3), transparent 32%),
    linear-gradient(135deg, rgba(22, 16, 34, 0.98) 0%, rgba(28, 20, 46, 0.98) 100%);
  border: 1px solid rgba(180, 146, 255, 0.18);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.28);
}

.eg-discord-promo__card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.04), transparent 30%, transparent 70%, rgba(255, 255, 255, 0.03));
  pointer-events: none;
}

.eg-discord-promo__copy,
.eg-discord-promo__aside {
  position: relative;
  z-index: 1;
}

.eg-discord-promo__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(106, 61, 232, 0.16);
  border: 1px solid rgba(145, 102, 255, 0.28);
  color: #d7c5ff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.eg-discord-promo__title {
  margin: 0 0 12px;
  color: #fff;
  font-size: clamp(26px, 4vw, 40px);
  font-weight: 600;
  line-height: 1.05;
  max-width: 700px;
}

.eg-discord-promo__text {
  margin: 0;
  max-width: 680px;
  color: #c7b8e8;
  font-size: 16px;
  line-height: 1.65;
}

.eg-discord-promo__perks {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.eg-discord-promo__perk {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #f4eeff;
  font-size: 14px;
  font-weight: 600;
}

.eg-discord-promo__perk::before {
  content: "✦";
  color: #a970ff;
  font-size: 12px;
}

.eg-discord-promo__aside {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.eg-discord-promo__icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 122px;
  height: 122px;
  border-radius: 30px;
  background: linear-gradient(145deg, rgba(122, 76, 255, 0.32), rgba(79, 35, 194, 0.12));
  border: 1px solid rgba(168, 135, 255, 0.28);
  box-shadow: 0 22px 48px rgba(84, 35, 194, 0.22);
}

.eg-discord-promo__icon {
  width: 62px;
  height: 62px;
  color: #fff;
}

.eg-discord-promo__mini-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 180px;
  padding: 14px 16px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  text-align: center;
}

.eg-discord-promo__mini-card strong {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.eg-discord-promo__mini-card span {
  color: #bbaed8;
  font-size: 13px;
  line-height: 1.45;
}

.eg-discord-promo__btn {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-width: 240px;
  margin-top: 10px;
  padding: 16px 26px;
  border-radius: 18px;
  background: linear-gradient(90deg, #6f3cff 0%, #8d45ff 55%, #b05cff 100%);
  box-shadow: 0 0 28px rgba(111, 60, 255, 0.42);
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.eg-discord-promo__btn:hover {
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 0 34px rgba(143, 69, 255, 0.5);
}

@media (max-width: 900px) {
  .eg-discord-promo__card {
    grid-template-columns: 1fr;
    padding: 24px;
  }

  .eg-discord-promo__aside {
    align-items: flex-start;
  }
}

@media (max-width: 640px) {
  .eg-discord-promo {
    padding: 26px 0 16px;
  }

  .eg-discord-promo__card {
    border-radius: 24px;
    padding: 20px;
    gap: 20px;
  }

  .eg-discord-promo__text {
    font-size: 15px;
    line-height: 1.55;
  }

  .eg-discord-promo__btn {
    width: 100%;
    min-width: 0;
    text-align: center;
  }
}

.footer-col h4 {
  font-size: 14px;
  color: #F4F1FF;
  font-weight: 700;
  margin: 0 0 16px;
  font-family: var(--main-font);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

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

.footer-col ul li {
  margin-bottom: 10px;
}

.footer-col ul li a {
  text-decoration: none;
  color: #A7A0B8;
  transition: color 0.25s ease;
  font-size: 15px;
  line-height: 1.45;
}

.footer-col ul li a:hover {
  color: #A89BFF;
}

.footer-support-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 22px;
  border-radius: 24px;
  border: 1px solid rgba(168, 155, 255, 0.12);
  background:
    radial-gradient(circle at top right, rgba(109, 93, 246, 0.14), transparent 40%),
    rgba(255, 255, 255, 0.035);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.footer-support-card__eyebrow {
  color: #C9C1EA;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.footer-support-card__title {
  margin: 0;
  color: #F4F1FF;
  font-size: 26px;
  line-height: 1.1;
}

.footer-support-card__text {
  margin: 0;
  color: #A7A0B8;
  font-size: 14px;
  line-height: 1.65;
}

.footer-support-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 52px;
  margin-top: 4px;
  padding: 14px 22px;
  border-radius: 16px;
  background: linear-gradient(135deg, #4B3FD6, #6D5DF6);
  border: 1px solid rgba(168, 155, 255, 0.35);
  box-shadow: 0 16px 28px rgba(75, 63, 214, 0.22);
  color: #F4F1FF;
  text-decoration: none;
  font-size: 14px;
  font-weight: 800;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.footer-support-card__btn:hover {
  transform: translateY(-2px);
  color: #F4F1FF;
  border-color: rgba(168, 155, 255, 0.48);
  box-shadow: 0 20px 34px rgba(75, 63, 214, 0.28);
}

.footer-newsletter {
  display: flex;
  margin-top: 15px;
}

.footer-newsletter input {
  padding: 10px;
  border: none;
  border-radius: 4px 0 0 4px;
  outline: none;
  flex: 1;
  background: #1d262e;
  color: #fff;
}

.footer-newsletter button {
  background: var(--main-color);
  border: none;
  padding: 0 16px;
  border-radius: 0 4px 4px 0;
  color: #000;
  font-weight: bold;
  cursor: pointer;
  font-size: 18px;
}

.footer-bottom {
  padding-top: 24px;
  border-top: 1px solid rgba(168, 155, 255, 0.10);
}

.footer-bottom-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  font-size: 13px;
  color: #7D768E;
}

.footer-copy {
  margin: 0;
  color: #7D768E;
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.footer-copy a {
  color: #A89BFF;
  text-decoration: none;
}

.footer-payments {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.footer-payment-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(168, 155, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: #A89BFF;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  transition: border-color .25s ease, color .25s ease, background .25s ease;
}

.footer-payment-pill:hover {
  border-color: rgba(168, 155, 255, 0.26);
  color: #DCD7FF;
  background: rgba(255, 255, 255, 0.06);
}

@media (max-width: 768px) {

  #ajax-search,
  #category-filter,
  #sort-filter {
    margin-bottom: 20px;
  }

  .site-footer {
    padding: 20px 0 30px;
  }

  .footer-shell {
    padding: 28px 20px 22px;
    border-radius: 22px;
  }

  .footer-top {
    grid-template-columns: 1fr;
    gap: 20px;
    padding-bottom: 28px;
  }

  .footer-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 20px;
    padding: 28px 0 22px;
  }

  .footer-newsletter {
    flex-direction: column;
  }

  .footer-newsletter input {
    border-radius: 4px;
    width: 100%;
    margin-bottom: 10px;
  }

  .footer-newsletter button {
    border-radius: 4px;
    width: 100%;
    font-size: 16px;
  }

  .footer-bottom-content {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 12px;
  }

  .footer-support-card__btn {
    width: 100%;
  }

  .footer-copy {
    line-height: 1.5;
  }
}

@media (max-width: 560px) {
  .footer-columns {
    grid-template-columns: 1fr;
  }

  .footer-support-card__title {
    font-size: 22px;
  }

  .footer-col ul li a {
    font-size: 14px;
  }

  .footer-bottom-content {
    align-items: stretch;
  }

  .footer-payments {
    width: 100%;
  }
}

.contactt-wrap {
  position: relative;
  display: flex;
  justify-content: space-evenly;
  padding-top: 50px;
  padding-bottom: 50px;
  gap: 50px;
}

.help-articles {
  padding-top: 50px;
}

.community-section {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 20px 0;
  align-items: center;
  text-align: center;
  font-family: Muller;
}

.community-link {
  display: flex;
  align-items: center;
  gap: 16px;
  background-color: transparent;
  border: 2px dashed #b17eff;
  padding: 14px 18px;
  border-radius: 12px;
  min-width: 180px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.community-link img {
  width: 36px;
  height: 36px;
}

.help-article-box h3 {
  color: white;
  font-family: Muller;
}

.contactdescr {
  color: #adb0bc;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
}

.link-info span {
  font-size: 12px;

  text-shadow: 0 0 8px #b27eff7a;
  color: #b17eff;
  text-transform: uppercase;
}

.link-info strong {
  display: block;
  color: #fff;
  font-size: 18px;
  line-height: 1.2;
}

.community-links {
  display: flex;
  flex-direction: row;
  gap: 30px;
  justify-content: start;
  flex-wrap: wrap;
}

.joinus {
  padding-bottom: 100px;
}

.contacttitle {
  color: white;
  font-size: 24px;
  font-weight: 700;
  font-family: Muller;
  line-height: 4px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.help-article-box {
  color: #5d00e9;
  display: block;
  background-color: #16181f;
  border: 1px solid #2a2d33;
  border-radius: 12px;
  padding: 24px;
  text-decoration: none;
  transition: all 0.3s ease;
  height: 100%;
}

.woocommerce-checkout {
  display: flex;
  font-family: "Muller";
}

.whywe__frame--top::after {
  content: "";
  position: absolute;
  top: 122%;
  right: -61px;
  transform: translateY(-50%);
  width: 55px;
  height: 61px;
  background-image: url("https://egirlz.chat/wp-content/uploads/2025/06/1.png");
  /* путь к стрелке */
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 5;
}

.whywe__frame--right::after {
  content: "";
  position: absolute;
  top: 135%;
  left: 27px;
  transform: translateY(-50%);
  width: 55px;
  height: 61px;
  background-image: url("https://egirlz.chat/wp-content/uploads/2025/06/2.png");
  /* путь к стрелке */
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 5;
}

.whywe__frame--bottom::after {
  content: "";
  position: absolute;
  bottom: 78%;
  left: -56px;
  transform: translateY(-50%);
  width: 55px;
  height: 61px;
  background-image: url("https://egirlz.chat/wp-content/uploads/2025/06/3.png");
  /* путь к стрелке */
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 5;
}

.whywe__frame--left::after {
  content: "";
  position: absolute;
  bottom: 98%;
  right: 18px;
  transform: translateY(-50%);
  width: 55px;
  height: 61px;
  background-image: url("https://egirlz.chat/wp-content/uploads/2025/06/4.png");
  /* путь к стрелке */
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 5;
}

#customer_details {
  display: flex;
  flex-direction: column;
  margin-right: 40px;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
  float: left;
  width: 100%;
}

.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  float: right;
  width: 100%;
}

aside,
nav,
footer,
header,
section {
  display: block;
}

body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

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

.container {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
  padding: 0 50px;
}

body {
  font-family: "Muller";
  font-optical-sizing: auto;
  color: #fff;
  background-color: #150f1e;
}

body.locked {
  overflow: hidden;
}

html {
  scroll-behavior: smooth;
}

@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* NOTE (audit): MullerHeavy, MullerBlack, and MullerBold below all declare
   the identical font-weight: 600 — a browser can only actually serve one
   file per (family, weight, style) combination, so at most one of these
   three ever renders for weight 600 and the other two are unreachable dead
   weight. This is very likely a real bug (those are presumably meant to be
   distinct weights, e.g. 700/800/900), but the correct numeric mapping
   can't be guessed safely here — renumbering could change which glyph file
   actually renders wherever font-weight:600 is used across this 26k-line
   stylesheet, which risks a real visual change ("не менять typography
   визуально"). Flagged for the site owner to confirm the intended
   weight-to-file mapping with whoever supplied these font files, rather
   than fixed blind. font-display: swap added below (safe, no visual
   change once a font loads — only affects the brief loading window,
   avoiding invisible text while the font fetches).*/
@font-face {
  font-family: Muller;
  src: url("../fonts/MullerHeavy.woff2");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: Muller;
  src: url("../fonts/MullerBlack.woff2");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: Muller;
  src: url("../fonts/MullerExtraBold.woff2");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: Muller;
  src: url("../fonts/MullerBold.woff2");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: Muller;
  src: url("../fonts/MullerMedium.woff2");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: Muller;
  src: url("../fonts/MullerRegular.woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Muller;
  src: url("../fonts/MullerLight.woff2");
  font-weight: 300;
  font-display: swap;
}

.spinner {
  width: 20px;
  height: 20px;
  animation: rotate 1s linear infinite;
}

.spinner .path {
  stroke: white;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}

/* Booking block on single product (egirl) */
.eg-booking {
  padding: 32px 0 12px;
}

.eg-booking--hidden {
  display: none;
}

.eg-booking__card {
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(21, 15, 30, 0.75);
  border-radius: 18px;
  padding: 20px;
}

.eg-booking__header h2 {
  margin: 0 0 6px;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
}

.eg-booking__header p {
  margin: 0 0 16px;
  color: #c4c8d2;
}

.eg-booking__timezone-note {
  margin: -8px 0 14px;
  color: #9aa0b5;
  font-size: 13px;
}

.eg-booking__steps {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.eg-booking__step {
  border: 1px solid rgba(151, 98, 255, 0.45);
  background: rgba(106, 37, 255, 0.16);
  color: #d6cbff;
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.eg-booking__step.is-active {
  border-color: rgba(121, 53, 255, 0.95);
  background: linear-gradient(90deg, #6b21ff, #8f39ff);
  color: #fff;
  box-shadow: 0 8px 24px rgba(108, 35, 255, 0.35);
}

.eg-booking__flow-note {
  margin: 0 0 14px;
  color: #ffd68a;
  font-weight: 600;
  font-size: 13px;
}

.eg-booking__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.eg-booking__calendar {
  display: none;
}

.eg-booking__calendar,
.eg-booking__slots {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.02);
}

.eg-booking__month,
.eg-booking__slots-title {
  color: #fff;
  font-weight: 700;
  margin-bottom: 10px;
}

.eg-booking__days,
.eg-booking__cells {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
}

.eg-booking__days span {
  color: #9aa2b4;
  font-size: 12px;
  text-align: center;
}

.eg-booking__cell-spacer {
  min-height: 38px;
}

.eg-booking__cells button,
.eg-booking__slot-list button {
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: transparent;
  color: #dbe1ef;
  border-radius: 10px;
  padding: 8px 10px;
  cursor: pointer;
  font-family: "Muller";
}

.eg-booking__cells button:disabled,
.eg-booking__slot-list button:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.eg-booking__cells button.is-available {
  border-color: rgba(104, 255, 168, 0.6);
}

.eg-booking__cells button.is-selected,
.eg-booking__slot-list button.is-selected {
  background: linear-gradient(135deg, #5b4cff 0%, #7c3aed 45%, #a855f7 100%);
  border-color: rgba(220, 210, 255, 0.78);
  color: #ffffff;
  font-weight: 700;
  box-shadow:
    0 0 0 1px rgba(220, 210, 255, 0.18) inset,
    0 0 28px rgba(139, 92, 246, 0.34),
    0 14px 34px rgba(80, 56, 210, 0.26);
  transform: translateY(-1px);
}

.eg-booking__slot-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(136px, 1fr));
  gap: 8px;
  align-items: stretch;
}

.eg-booking__slot-list .eg-booking-slot {
  width: 100%;
  min-height: 40px;
  text-align: center;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.035);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.eg-booking__slot-list .eg-booking-slot:not(:disabled):hover {
  border-color: rgba(180, 128, 255, 0.78);
  background: rgba(124, 54, 255, 0.18);
  transform: translateY(-1px);
}

.eg-booking__slot-toggle {
  margin-top: 10px;
  border: 1px solid rgba(148, 102, 255, 0.8);
  background: rgba(109, 46, 255, 0.12);
  color: #e7d9ff;
  border-radius: 10px;
  padding: 8px 12px;
  cursor: pointer;
  font-family: "Muller";
  font-size: 13px;
  font-weight: 600;
}

.eg-booking__slot-toggle:hover {
  background: rgba(109, 46, 255, 0.2);
}

.eg-booking__hint {
  margin: 10px 0 0;
  color: #8f97a8;
  font-size: 13px;
}

.eg-booking__selection {
  margin: 12px 0 0;
  color: #dbe1ef;
  font-size: 14px;
}

.eg-booking__selection strong {
  color: #fff;
  font-weight: 700;
}

.eg-booking--error .eg-booking__card {
  box-shadow: 0 0 0 2px rgba(255, 90, 90, 0.75);
}

.eg-booking--locked .eg-booking__calendar,
.eg-booking--locked .eg-booking__slots {
  opacity: 0.45;
  filter: grayscale(0.2);
}

.eg-booking--locked .eg-booking__cells button,
.eg-booking--locked .eg-booking__slot-list button {
  pointer-events: none;
}

.eg-plan-required {
  box-shadow: 0 0 0 2px rgba(255, 170, 0, 0.85);
  border-radius: 16px;
  transition: box-shadow 0.2s ease;
}

@media (max-width: 900px) {
  .eg-booking__grid {
    grid-template-columns: 1fr;
  }

  .eg-booking__slot-list {
    grid-template-columns: repeat(auto-fit, minmax(124px, 1fr));
  }
}

@media (max-width: 480px) {
  .eg-booking__card {
    padding: 16px;
  }

  .eg-booking__slots {
    padding: 12px;
  }

  .eg-booking__slot-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .eg-booking__slot-list .eg-booking-slot {
    min-height: 38px;
    padding: 7px 6px;
    font-size: 13px;
  }
}

/* ═══════════════════════════════════════════════════════════
   BOOKING PANEL — premium redesign
   ════════════════════════════════════════════════════════════ */

.eg-booking-panel {
  border: 1px solid rgba(180, 160, 255, .18);
  background:
    radial-gradient(circle at 76% 10%, rgba(139, 92, 246, .13) 0%, transparent 38%),
    rgba(13, 11, 22, .78);
  border-radius: 28px;
  box-shadow:
    0 24px 80px rgba(0, 0, 0, .34),
    inset 0 1px 0 rgba(255, 255, 255, .06);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  padding: 32px 36px 30px;
}

.eg-booking-panel__head {
  margin-bottom: 28px;
}

.eg-booking-panel__title {
  color: #fff;
  font-size: clamp(20px, 2.4vw, 26px);
  font-weight: 800;
  margin: 0 0 8px;
  line-height: 1.18;
}

.eg-booking-panel__sub {
  color: #9aa2b6;
  font-size: 14px;
  margin: 0 0 16px;
}

.eg-booking-panel__tz {
  color: #5c6474;
  font-size: 12px;
  margin: 8px 0 0;
}

.eg-booking-section-label {
  color: #5c6474;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 0 8px;
}

/* ── Day tab row ── */
.eg-booking-panel .eg-booking__cells {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
  grid-template-columns: unset;
  margin-bottom: 24px;
}

.eg-booking-panel .eg-booking__cells button.eg-booking-day {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  padding: 10px 20px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 14px;
  background: rgba(255, 255, 255, .04);
  color: #dbe1ef;
  cursor: pointer;
  font-family: "Muller", sans-serif;
  min-width: 88px;
  text-align: center;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.eg-booking-panel .eg-booking__cells button.eg-booking-day span {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.eg-booking-panel .eg-booking__cells button.eg-booking-day small {
  font-size: 11px;
  font-weight: 400;
  color: #848d9e;
  line-height: 1;
}

.eg-booking-panel .eg-booking__cells button.eg-booking-day:hover {
  border-color: rgba(167, 139, 250, .5);
  background: rgba(124, 58, 237, .14);
}

.eg-booking-panel .eg-booking__cells button.eg-booking-day.is-selected {
  background: linear-gradient(135deg, #5b4cff 0%, #7c3aed 45%, #a855f7 100%);
  border-color: rgba(225, 214, 255, .72);
  color: #fff;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .12) inset,
    0 0 24px rgba(139, 92, 246, .38),
    0 12px 32px rgba(80, 56, 210, .26);
}

.eg-booking-panel .eg-booking__cells button.eg-booking-day.is-selected small {
  color: rgba(255, 255, 255, .72);
}

/* ── Slot chips ── */
.eg-booking-panel .eg-booking__slots {
  border: none !important;
  border-radius: 0 !important;
  background: none !important;
  padding: 0 !important;
  margin-bottom: 24px;
}

.eg-booking-panel .eg-booking__slot-list {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
  grid-template-columns: unset;
}

.eg-booking-panel .eg-booking__slot-list button.eg-booking-slot,
.eg-booking-panel .eg-booking__slot-list button:not(.eg-booking__slot-toggle) {
  width: auto !important;
  min-width: 96px;
  padding: 9px 16px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .04);
  color: #dbe1ef;
  cursor: pointer;
  font-family: "Muller", sans-serif;
  white-space: nowrap;
  transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.eg-booking-panel .eg-booking__slot-list button.eg-booking-slot:not(:disabled):hover,
.eg-booking-panel .eg-booking__slot-list button:not(.eg-booking__slot-toggle):not(:disabled):hover {
  border-color: rgba(167, 139, 250, .6);
  background: rgba(124, 58, 237, .18);
  transform: translateY(-1px);
}

.eg-booking-panel .eg-booking__slot-list button.eg-booking-slot.is-selected,
.eg-booking-panel .eg-booking__slot-list button.is-selected:not(.eg-booking__slot-toggle) {
  background: linear-gradient(135deg, #5b4cff 0%, #7c3aed 45%, #a855f7 100%) !important;
  border-color: rgba(225, 214, 255, .72) !important;
  color: #fff !important;
  font-weight: 700 !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .12) inset,
    0 0 24px rgba(139, 92, 246, .38),
    0 12px 32px rgba(80, 56, 210, .26) !important;
  transform: translateY(-1px) !important;
}

.eg-booking-panel .eg-booking__slot-list button.eg-booking-slot.is-selected::before {
  content: "✓ ";
}

/* Hide legacy noise elements inside panel */
.eg-booking-panel .eg-booking__hint,
.eg-booking-panel .eg-booking__slot-toggle,
.eg-booking-panel .eg-booking__selection {
  display: none !important;
}

/* ── Confirm bar ── */
.eg-booking-confirm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .03);
}

.eg-booking-confirm__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  flex: 1;
}

.eg-booking-confirm__label {
  font-size: 10px;
  font-weight: 700;
  color: #5c6474;
  letter-spacing: .8px;
  text-transform: uppercase;
}

.eg-booking-confirm__value {
  font-size: 15px;
  font-weight: 700;
  color: #e0d8ff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.eg-booking-pay-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 26px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 700;
  font-family: "Muller", sans-serif;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  transition: opacity .18s ease, transform .18s ease, box-shadow .18s ease;
  background: linear-gradient(135deg, #5b4cff 0%, #7c3aed 45%, #a855f7 100%);
  color: #fff;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .12) inset,
    0 8px 24px rgba(80, 56, 210, .32);
}

.eg-booking-pay-btn--disabled {
  opacity: 0.38;
  cursor: not-allowed;
  pointer-events: none;
}

.eg-booking-pay-btn:not(.eg-booking-pay-btn--disabled):hover {
  transform: translateY(-1px);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .12) inset,
    0 12px 32px rgba(80, 56, 210, .44);
}

/* ── Locked state — cancel old double-dim, apply to whole main ── */
.eg-booking--locked .eg-booking-panel .eg-booking__slots {
  opacity: 1 !important;
  filter: none !important;
}

.eg-booking--locked .eg-booking-panel .eg-booking__cells button,
.eg-booking--locked .eg-booking-panel .eg-booking__slot-list button {
  pointer-events: auto !important;
}

.eg-booking--locked .eg-booking-panel__main {
  opacity: 0.38;
  filter: grayscale(0.25);
  pointer-events: none;
}

@media (max-width: 600px) {
  .eg-booking-panel {
    padding: 20px 16px 22px;
    border-radius: 20px;
  }

  .eg-booking-confirm {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .eg-booking-pay-btn {
    width: 100%;
    justify-content: center;
    padding: 13px 20px;
  }

  .eg-booking-panel .eg-booking__cells button.eg-booking-day {
    min-width: 76px;
    padding: 9px 14px;
  }

  .eg-booking-panel .eg-booking__slot-list button.eg-booking-slot,
  .eg-booking-panel .eg-booking__slot-list button:not(.eg-booking__slot-toggle) {
    min-width: 82px;
    font-size: 13px;
  }
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }

  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}

nav {
  background-color: rgba(0, 119, 134, 0.651);
  overflow: hidden;
}

.navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 15px;
  padding-bottom: 15px;
}

.logo a {
  color: white;
}

.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.menu__item {
  margin-left: 25px;
}

.menu__item-link {
  color: white;
}

.burger {
  display: none;
  cursor: pointer;
}

.main {
  background-color: transparent;
}

.logo {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
}

header {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Reset old header flex on .eg-header — our header CSS handles this */
header.eg-header {
  padding-top: 0;
}

.cartmain {
  padding-top: 80px;
}

.checkoutmain {
  padding-top: 80px;
}

.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
  background-color: unset;
  background: linear-gradient(90deg, #6600ff, #3d0099);
}

.wc-block-components-product-name {
  color: white;
}

.woocommerce-table__product-name a {
  color: white;
}

header nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

header nav img {
  width: 29px;
  height: auto;
}

.nav-bar {
  margin-right: 50px;
  text-decoration: none;
  color: white;
  font-family: Muller;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0%;
}

.promo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.promo__wrapper {
  padding-top: 126px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 50%;
}

.promo__header {
  font-size: 40px;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 40px;
  font-family: "Muller";
  color: white;
}

.promo__subheader {
  margin-top: 12px;
  max-width: 75%;
  font-size: 24px;
  color: #999;
}

.promo__button {
  margin-top: 46px;
  display: inline-block;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#6600ff),
      to(#3d0099));
  background: -o-linear-gradient(left, #6600ff, #3d0099);
  background: linear-gradient(90deg, #6600ff, #3d0099);
  border-radius: 21px;
  cursor: pointer;
  padding: 23px 60px;
  text-transform: uppercase;
  color: white;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0%;
}

.promo__explanation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
  margin-top: 98px;
}

.promo-product {
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.promo__explanation-product {
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
}

.promo__explanation__wrapper__header-product {
  font-size: 20px;
  font-family: Muller;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 10px;
  text-align: left;
}

.promo__explanation__wrapper__descr-product {
  color: #979797;
  font-family: Muller;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0%;
  text-align: left;
}

.promo__explanation__photo-product {
  user-select: none;
  position: relative;
  right: 0;
  height: auto;
  z-index: 100;
}

.promo__explanation::after {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.06);
  -webkit-backdrop-filter: blur(17.3px);
  backdrop-filter: blur(17.3px);
  width: 100%;
  height: 152px;
  z-index: -1;
}

.promo__explanation__wrapper-product {
  padding-left: 20px;
  padding-bottom: 18px;
}

.promo__explanation-product::after {
  height: 122px;
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.06);
  -webkit-backdrop-filter: blur(17.3px);
  backdrop-filter: blur(17.3px);
  width: 100%;
  z-index: -1;
}

.promo__explanation__wrapper {
  margin-left: 23px;
  margin-bottom: 18px;
  position: relative;
}

.promo__explanation__wrapper__header {
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 10px;
  letter-spacing: 0%;
  font-family: Muller;
  text-align: left;
}

.promo__explanation__wrapper__descr {
  color: #979797;
  font-family: Muller;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0%;
  text-align: left;
}

.promo__explanation__photo {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  right: 0;
  height: auto;
  z-index: 100;
}

@keyframes pulse-glow {

  0%,
  100% {
    box-shadow: 0 0 80px 35px rgba(255, 255, 255, 0);
  }

  50% {
    box-shadow: 0 0 100px 45px rgba(255, 255, 255, 0.64);
  }
}

@keyframes breathe {

  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.015);
  }
}

.girl-wrapper {
  position: absolute;
  bottom: 8%;
  right: 6%;
  width: 517px;
  height: 517px;
  border-radius: 50%;
  overflow: hidden;
  z-index: 2;
}

.girl-photo-wrapper {
  position: relative;
  bottom: -6%;
  right: 6%;
  width: 498px;
  height: 517px;
  z-index: 2;
  pointer-events: none;
}

/* ==== КРУГ С GLOW ==== */
.promo__glow-ring {
  position: absolute;
  bottom: 8%;
  right: 6%;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle,
      rgba(255, 255, 255, 0.1),
      rgba(255, 105, 255, 0.03));
  box-shadow: 0 0 100px 40px rgba(255, 105, 255, 0.3);
  animation: rotateGlow 12s linear infinite;
  z-index: -1;
}

/* ==== SPARKLES ==== */
.sparkle {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: white;
  opacity: 0.6;
  animation: floatSparkle 6s linear infinite;
}

.sparkle:nth-child(1) {
  top: 80%;
  left: 20%;
  animation-delay: 0s;
}

.sparkle:nth-child(2) {
  top: 85%;
  left: 60%;
  animation-delay: 1s;
}

.sparkle:nth-child(3) {
  top: 90%;
  left: 40%;
  animation-delay: 2s;
}

/* ==== ГЛАЗА С БЛЕСКОМ ==== */

/* ==== АНИМАЦИИ ==== */
@keyframes rotateGlow {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes breathe {

  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.02);
  }
}

@keyframes floatSparkle {
  0% {
    transform: translateY(0);
    opacity: 0.6;
  }

  100% {
    transform: translateY(-100px);
    opacity: 0;
  }
}

@keyframes eyeShine {

  0%,
  100% {
    opacity: 0.2;
  }

  50% {
    opacity: 0.6;
  }
}

.promo__girl img {
  animation: breathe 5s ease-in-out infinite;
  width: 500px;
}

.promo__girl {
  position: relative;
}

.promo__girl::after {
  content: "";
  bottom: 10%;
  right: 6%;
  position: absolute;
  width: 500px;
  height: 500px;
  background-color: rgba(255, 255, 255, 0.021);
  -webkit-box-shadow: 0 0 50px 20px rgba(255, 255, 255, 0.15);
  box-shadow: 0 0 50px 20px rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  z-index: -10;
  animation: pulse-glow 5s ease-in-out infinite;
}

.promo__girl__photo {
  position: absolute;
  z-index: 1;
}

.div {
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
}

.promo__explanation-mobile {
  display: none;
}

.mobilegirl {
  display: none;
}

#menu {
  overflow: visible;
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  max-width: 100%;
  background: rgba(255, 255, 255, 0.07);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  z-index: 10000;
}

#menu_icon_box {
  position: relative;
  width: 0;
  height: 85px;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

#menu_icon_box.open {
  width: 100%;
}

#menu_icon {
  position: absolute;
  right: 0%;
  top: 8%;
  display: block;
  width: 45px;
  height: 35px;
  margin: 30px;
  cursor: pointer;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

#menu_icon_box.open #menu_icon {
  right: 73%;
  margin-left: -85px;
}

#menu_icon>i {
  position: absolute;
  display: block;
  height: 12%;
  right: 0;
  background: #ffff;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

#menu_icon:hover i {
  opacity: 80%;
}

#menu_icon_box.open #menu_icon .menu_icon_top {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-name: top_open;
  animation-name: top_open;
}

#menu_icon_box.open #menu_icon .menu_icon_middle {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  -webkit-animation-name: middle_open;
  animation-name: middle_open;
}

#menu_icon_box.open #menu_icon .menu_icon_bottom {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-name: bottom_open;
  animation-name: bottom_open;
}

#menu_icon_box.off #menu_icon .menu_icon_top {
  width: 100%;
  right: 0;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-name: top_off;
  animation-name: top_off;
}

#menu_icon_box.off #menu_icon .menu_icon_middle {
  width: 60%;
  right: 40%;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  -webkit-animation-name: middle_off;
  animation-name: middle_off;
}

#menu_icon_box.off #menu_icon .menu_icon_bottom {
  width: 35%;
  right: 65%;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-name: bottom_off;
  animation-name: bottom_off;
}

.menu_icon_top {
  top: 0;
  right: 0;
  width: 35%;
}

.menu_icon_middle {
  top: 40%;
  right: 0;
  width: 60%;
}

.menu_icon_bottom {
  top: 80%;
  right: 0;
  width: 100%;
}

@-webkit-keyframes top_open {
  30% {
    right: -73%;
    width: 0%;
  }

  100% {
    width: 100%;
    right: 0;
  }
}

@keyframes top_open {
  30% {
    right: -73%;
    width: 0%;
  }

  100% {
    width: 100%;
    right: 0;
  }
}

@-webkit-keyframes middle_open {
  30% {
    right: -73%;
    width: 0%;
    background: #999;
  }

  100% {
    width: 60%;
    right: 40%;
  }
}

@keyframes middle_open {
  30% {
    right: -73%;
    width: 0%;
    background: #999;
  }

  100% {
    width: 60%;
    right: 40%;
  }
}

@-webkit-keyframes bottom_open {
  30% {
    right: -73%;
    width: 0%;
    background: #999;
  }

  100% {
    width: 35%;
    right: 65%;
  }
}

@keyframes bottom_open {
  30% {
    right: -73%;
    width: 0%;
    background: #999;
  }

  100% {
    width: 35%;
    right: 65%;
  }
}

@-webkit-keyframes top_off {
  0% {
    width: 100%;
    right: 0;
  }

  30% {
    right: 73%;
    width: 0%;
  }

  31% {
    right: -73%;
    width: 0%;
    background: none;
  }

  100% {
    right: 0;
    width: 35%;
  }
}

@keyframes top_off {
  0% {
    width: 100%;
    right: 0;
  }

  30% {
    right: 73%;
    width: 0%;
  }

  31% {
    right: -73%;
    width: 0%;
    background: none;
  }

  100% {
    right: 0;
    width: 35%;
  }
}

@-webkit-keyframes middle_off {
  0% {
    width: 60%;
    right: 40%;
  }

  30% {
    right: 200%;
    width: 0%;
  }

  31% {
    right: -73%;
    width: 0%;
    background: none;
  }

  100% {
    right: 0;
    width: 60%;
  }
}

@keyframes middle_off {
  0% {
    width: 60%;
    right: 40%;
  }

  30% {
    right: 200%;
    width: 0%;
  }

  31% {
    right: -73%;
    width: 0%;
    background: none;
  }

  100% {
    right: 0;
    width: 60%;
  }
}

@-webkit-keyframes bottom_off {
  0% {
    width: 35%;
    right: 65%;
  }

  30% {
    right: 73%;
    width: 0%;
  }

  31% {
    right: -73%;
    width: 0%;
    background: none;
  }

  100% {
    right: 0;
    width: 100%;
  }
}

@keyframes bottom_off {
  0% {
    width: 35%;
    right: 65%;
  }

  30% {
    right: 73%;
    width: 0%;
  }

  31% {
    right: -73%;
    width: 0%;
    background: none;
  }

  100% {
    right: 0;
    width: 100%;
  }
}

#menu_box {
  width: 0;
  -webkit-transition: 0.9s;
  -o-transition: 0.9s;
  transition: 0.9s;
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.whywe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 150px;
  padding-bottom: 250px;
  position: relative;
}

.whywe__header {
  font-family: Muller;
  font-size: 36px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0%;
  text-align: center;
  width: 100%;
}

.whywe__circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 250px;
  z-index: 1;
}

.whywe__photo {
  width: 355px;
  height: 355px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #150f1e;
  border: 1px solid white;
  position: relative;
  z-index: 1;
}

.whywe__photo img {
  -o-object-fit: cover;
  object-fit: cover;
}

.whywe__wrapper {
  padding: 100px 0;
}

.whywe__frame {
  position: absolute;
  padding: 33px 16px;
  width: 310px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 49px;
  z-index: 10;
}

.whywe__frame::before {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid white;
  border-radius: 49px;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: -1;
  top: 0;
  content: "";
  position: absolute;
}

.whywe__frame--top {
  -webkit-transform: translateX(-105%) translateY(-218%);
  -ms-transform: translateX(-105%) translateY(-218%);
  transform: translateX(-105%) translateY(-218%);
}

.whywe__frame--right {
  -webkit-transform: translateX(-15%) translateY(-50%);
  -ms-transform: translateX(-15%) translateY(-50%);
  transform: translateX(-15%) translateY(-50%);
}

.whywe__frame--bottom {
  -webkit-transform: translateX(-105%) translateY(125%);
  -ms-transform: translateX(-105%) translateY(125%);
  transform: translateX(-105%) translateY(125%);
}

.whywe__frame--left {
  -webkit-transform: translateX(-200%) translateY(-50%);
  -ms-transform: translateX(-200%) translateY(-50%);
  transform: translateX(-200%) translateY(-50%);
}

.whywe__frame__title {
  font-family: Muller;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0%;
  text-align: center;
  z-index: 20;
  margin-bottom: 9px;
}

.whywe__frame__description {
  font-family: Muller;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0%;
  text-align: center;
  z-index: 20;
  color: #979797;
}

.triangle {
  display: none;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid #000;
}

.goods {
  padding: 50px 0;
  position: relative;
}

.goods__header {
  font-family: Muller;
  font-size: 36px;
  font-weight: 900;
  line-height: 36px;
  letter-spacing: 0%;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 100px;
}

.goods__image {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: -1;
}

.goods__image--left {
  left: 0;
}

.goods__image--right {
  right: 0;
  bottom: 0px;
}

.goods__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 100px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 60px 0;
}

.goods__product-card {
  position: relative;
  width: 350px;
  height: 500px;
  border-radius: 87px;
  background: -o-linear-gradient(270.95deg,
      rgba(0, 0, 0, 0) 0.357%,
      rgba(14, 2, 33, 0.81) 119.312%);
  background: linear-gradient(179.05deg,
      rgba(0, 0, 0, 0) 0.357%,
      rgba(14, 2, 33, 0.81) 119.312%);
}

.goods__product-card::before {
  content: "BESTSELLER";
  position: absolute;
  top: -10px;
  right: 0;
  background: #6600ff;
  padding: 10px 15px;
  font-family: Mulish;
  font-size: 13px;
  font-weight: 200;
  line-height: 16px;
  letter-spacing: 0%;
  text-align: left;
}

.goods__product-card-name {
  margin-top: 20px;
  text-align: center;
  font-family: Muller;
  font-size: 32px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0%;
  text-transform: uppercase;
}

.goods__product-card-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 10px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.goods__product-card-icons-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.goods__product-card-icons-wrapper-icon {
  margin: 0 5px;
  width: 37px;
}

.goods__product-card-button {
  display: block;
  margin: 20px auto;
  padding: 20px 25px;
  max-width: 210px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border-radius: 21px;
  -webkit-box-shadow: 0px 0px 15.2px 0px #6600ff;
  box-shadow: 0px 0px 15.2px 0px #6600ff;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#6600ff),
      to(#3d0099));
  background: -o-linear-gradient(left, #6600ff, #3d0099 100%);
  background: linear-gradient(90deg, #6600ff, #3d0099 100%);
  font-family: Mulish;
  font-size: 16px;
  font-weight: 200;
  line-height: 20px;
  letter-spacing: 0%;
  text-transform: uppercase;
}

.goods__load-more {
  margin: 20px auto;
  display: block;
  text-align: center;
}

.goods__load-more-button {
  margin-top: 50px;
  padding: 17px 20px;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
  border-radius: 21px;
  -webkit-box-shadow: 0px 0px 15.2px 0px #6600ff;
  box-shadow: 0px 0px 15.2px 0px #6600ff;
  background: #6600ff;
  text-transform: uppercase;
  font-family: Muller;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0%;
  text-align: center;
}

.good-img {
  width: 352px;
  height: 495px;
  z-index: -1;
  position: absolute;
  border-radius: 87px;
}

.good-wrp {
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.good-wrp-wrap {
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-bottom: 44px;
}

.good-prods_wrap a {
  margin-right: 70px;
}

.good-prods_wrap a:last-child {
  margin-right: 0;
}

.good-prods_item {
  position: relative;
  width: 352px;
  height: 495px;
  margin-right: 70px;
}

.good-prods_item:last-child {
  margin-right: 0;
}

.good-filter {
  position: absolute;
  top: 0;
  background: -o-linear-gradient(270.95deg,
      rgba(0, 0, 0, 0) 0.357%,
      rgba(14, 2, 33, 0.81) 119.312%);
  background: linear-gradient(179.05deg,
      rgba(0, 0, 0, 0) 0.357%,
      rgba(14, 2, 33, 0.81) 119.312%);
  height: 100%;
  width: 100%;
  border-radius: 87px;
}

.plans__box-bestseller {
  display: inline-block;
  background: linear-gradient(270deg, #6600ff, #3d0099, #6600ff);
  background-size: 600% 600%;


  color: #fff;
  font-weight: 600;
  font-size: 12px;
  padding: 6px 11px;
  border-radius: 999px;
  box-shadow: 0 0 10px #6600ff, 0 0 20px #3d0099;
  animation: plansBestsellerPulse 2.8s ease-in-out infinite, hologlow 8s ease infinite;
  text-shadow: 0 0 6px rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 11px;
  right: 10px;
  z-index: 5;
  white-space: nowrap;
}

.medium-highlight {
  transform: scale(1.03);

  box-shadow: 0 0 0px #6600ff, 0 0 36px #2e036f;
  z-index: 2;
}

.tariff-description {
  margin-top: 12px;
  font-size: 13.5px;
  line-height: 1.6;
  color: #bbb;
  background: rgba(255, 255, 255, 0.03);
  padding: 10px 14px;
  border-radius: 12px;
  text-align: left;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.description-lite {
  border-left: 3px solid #9996ff;
}

.description-medium {
  border-left: 3px solid #c95fff;
}

.description-hard {
  border-left: 3px solid #ff5c5c;
}

.plans__list--checkbox {
  display: grid;
  gap: 6px;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 4px 0 0;
  margin: 12px 0 18px;
  box-shadow: none;
  backdrop-filter: none;
  transition: none;
}

.plans__list--checkbox:hover {
  box-shadow: none;
  border-color: transparent;
}

.plans__list--checkbox .plans__list-item {
  margin-bottom: 0;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  column-gap: 10px;
  padding: 4px 0;
}

.plans__list--checkbox .plans__list-item input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  margin: 0;
  border-radius: 6px;
  border: 1px solid rgba(188, 160, 255, 0.38);
  background: rgba(255, 255, 255, 0.04);
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.12s ease;
}

.plans__list--checkbox .plans__list-item label.plans__addon-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-width: 0;
  min-height: 0;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
  transition: background 0.18s ease, border-color 0.18s ease;
}

.plans__list--checkbox .plans__list-item label.plans__addon-card:hover {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(216, 192, 255, 0.12);
  transform: none;
}

.plans__list--checkbox .plans__list-item input[type="checkbox"]:checked + label.plans__addon-card {
  background: rgba(168, 126, 255, 0.07);
  border-color: rgba(216, 192, 255, 0.18);
}

.plans__list--checkbox .plans__list-item input[type="checkbox"]:checked {
  border-color: rgba(216, 192, 255, 0.92);
  background: linear-gradient(145deg, #7a35ff, #b44dff);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.5L6.6 11.6L12.5 4.5' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
  box-shadow: 0 0 0 3px rgba(138, 92, 246, 0.15);
}

.plans__list--checkbox .plans__list-item input[type="checkbox"]:active {
  transform: scale(0.96);
}

.plans__addon-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  justify-content: center;
}

.plans__addon-head {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}

.plans__addon-title {
  min-width: 0;
  color: #f5efff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.plans__addon-price {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: #eddcff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.plans__addon-tooltip {
  flex-shrink: 0;
  margin-left: 0;
  margin-top: 0;
  opacity: 0.75;
}

.tariff-subtext {
  margin-top: 4px;
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: 500;
  color: #ccc;
  text-align: center;
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  border-radius: 999px;
  padding: 4px 12px;
  display: inline-block;
  position: absolute;
  top: 6px;
  right: 10px;
  backdrop-filter: blur(4px);
}

@keyframes subtextPulse {

  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.85;
    transform: scale(1.02);
  }
}

@keyframes hologlow {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes plansBestsellerPulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 10px #6600ff, 0 0 20px #3d0099;
  }

  50% {
    transform: scale(1.03);
    box-shadow: 0 0 16px #6600ff, 0 0 28px #3d0099;
  }

  100% {
    transform: scale(1);
    box-shadow: 0 0 10px #6600ff, 0 0 20px #3d0099;
  }
}

.plans__box-bestseller::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.2);
  opacity: 0.2;
  pointer-events: none;
}

@media (max-width: 480px) {
  .plans__box-bestseller {
    font-size: 11px;
    padding: 5px 10px;
  }

  .plans__box-bestseller {
    top: 12px;
  }
}

/* .plans__box-bestseller {
    position: absolute;
  top: 10px;
  right: 10px;
   -webkit-box-shadow: 0px 0px 15.2px 0px #6600ff;
  box-shadow: 0px 0px 15.2px 0px #6600ff;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#6600ff),
    to(#3d0099)
  );
  background: -o-linear-gradient(left, #6600ff, #3d0099 100%);
  background: linear-gradient(90deg, #6600ff, #3d0099 100%);
  color: white;
  font-weight: bold;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
} */
.good-prods_item-wrap {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.good-prods_item-img {
  border-radius: 87px;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  object-fit: cover;
}

.good-content {
  -ms-flex-item-align: end;
  align-self: flex-end;
  z-index: 100;
  margin-bottom: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.good-prods_item-title {
  color: white;
  font-family: Muller;
  font-size: 32px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0%;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.good-prods_item-btn {
  display: block;
  margin-top: 15px;
  border-radius: 21px;
  -webkit-box-shadow: 0px 0px 15.2px 0px #6600ff;
  box-shadow: 0px 0px 15.2px 0px #6600ff;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#6600ff),
      to(#3d0099));
  background: -o-linear-gradient(left, #6600ff, #3d0099 100%);
  background: linear-gradient(90deg, #6600ff, #3d0099 100%);
  padding: 19px 41px;
  color: white;
  font-family: Muller;
  font-size: 16px;
  font-weight: 800;
  line-height: 16px;
  letter-spacing: 0%;
  text-transform: uppercase;
}

.good-prods_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 70px;
}

.good-prods_wrap:last-child {
  margin-bottom: 0;
}

.good-prods_item-icons img {
  width: 40px;
}

.faq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.faq .faq__container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 30px;
}

.faq .faq__image {
  height: 100%;
  width: 50%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.faq .faq__content {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.faq .faq__content .faq__header {
  margin-bottom: 50px;
  font-family: Muller;
  font-size: 36px;
  font-weight: 800;
  line-height: 36px;
  letter-spacing: 0%;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.faq .faq__content .faq__accordion .faq__accordion-item {
  margin-bottom: 10px;
}

.faq .faq__content .faq__accordion .faq__accordion-item:last-child {
  border-bottom: none;
}

.faq .faq__content .faq__accordion .faq__accordion-item .faq__accordion-header {
  cursor: pointer;
  padding: 15px 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid white;
  border-radius: 17px;
  font-family: Mulish;
  font-size: 24px;
  font-weight: 200;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: left;
}

.faq .faq__content .faq__accordion .faq__accordion-item .faq__accordion-header:hover {
  background-color: #38383877;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0%;
}

.faq .faq__content .faq__accordion .faq__accordion-item .faq__accordion-header+.faq__accordion-content {
  display: block;
  padding: 10px;
}

.faq .faq__content .faq__accordion .faq__accordion-item .faq__accordion-header+.faq__accordion-content.open {
  display: block;
}

.accordion-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #5d00e9;
  border-radius: 17px;
  background: transparent;
  color: #979797;
  font-family: Muller;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
  margin-bottom: 20px;
}

.accordion-button:not(.collapsed) {
  border: 1px solid #5d00e9;
  border-radius: 17px;
  background: #5d00e9;
  color: white;
  font-family: Muller;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0%;
}

.accordion {
  width: 100%;
}

.accordion-button {
  border: 1px solid #ffff;
  border-radius: 17px;
  background: transparent;
  color: white;
  font-family: Muller;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0%;
  z-index: 100;
}

.footer {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #120e1a;
  padding: 59px 0;
  user-select: none;
}

.footer .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.logo {
  font-size: 24px;
  font-weight: 600;
}

nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

nav img {
  width: 29px;
  height: auto;
}

.nav-bar {
  margin-right: 50px;
  text-decoration: none;
  color: inherit;
}

.nav-bar:last-child {
  margin-right: 0;
}

.girl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.girl .container_slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-top: 100px;
}

.slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40%;
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.slider .main-image img {
  max-width: 477px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.slider .navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 10px;
  height: 100%;
}

.slider .arrow-6 {
  margin: 0px;
}

.slider .arrow-6 svg {
  width: 40px;
  height: auto;
  margin: 0;
  cursor: pointer;
  overflow: visible;
}

.slider .arrow-6 svg polygon,
.slider .arrow-6 svg path {
  -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  -o-transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  fill: #fff;
}

.slider .arrow-6 svg:hover polygon,
.slider .arrow-6 svg:hover path {
  -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
  -o-transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
  transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
  fill: #797979;
}

.slider .arrow-6 svg:hover .arrow-6-pl {
  -webkit-animation: arrow-6-anim 1s cubic-bezier(0.2, 1, 0.3, 1) infinite;
  animation: arrow-6-anim 1s cubic-bezier(0.2, 1, 0.3, 1) infinite;
}

.slider .arrow-6 svg:hover .arrow-6-pl-fixed {
  -webkit-animation: arrow-6-fixed-anim 1s cubic-bezier(0.2, 1, 0.3, 1) infinite;
  animation: arrow-6-fixed-anim 1s cubic-bezier(0.2, 1, 0.3, 1) infinite;
}

@-webkit-keyframes arrow-6-anim {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  5% {
    -webkit-transform: translateX(-0.1rem);
    transform: translateX(-0.1rem);
  }

  100% {
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem);
    opacity: 0;
  }
}

@keyframes arrow-6-anim {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  5% {
    -webkit-transform: translateX(-0.1rem);
    transform: translateX(-0.1rem);
  }

  100% {
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes arrow-6-fixed-anim {
  5% {
    opacity: 0;
  }

  20% {
    opacity: 0.4;
  }

  100% {
    opacity: 1;
  }
}

@keyframes arrow-6-fixed-anim {
  5% {
    opacity: 0;
  }

  20% {
    opacity: 0.4;
  }

  100% {
    opacity: 1;
  }
}

.slider .arrow-prev,
.slider .arrow-next {
  cursor: pointer;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 0 15px;
  position: relative;
}

.slider .arrow-prev span,
.slider .arrow-next span {
  display: block;
  width: 2px;
  height: 20px;
  background-color: #000;
}

.slider .arrow-prev span {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.slider .arrow-prev span:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 20px;
  background-color: #000;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.slider .arrow-next span {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.slider .arrow-next span:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 20px;
  background-color: #000;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.slider .thumbnail {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 5px;
}

.slider .thumbnail img {
  width: 80px;
  height: 80px;
  margin: 0 5px;
  cursor: pointer;
  opacity: 0.5;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -o-object-fit: cover;
  object-fit: cover;
}

.slider .thumbnail.active {
  opacity: 1;
}

.info__wrapper {
  width: 57%;
  padding-left: 50px;
}

.info__wrapper .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.info__wrapper .header .name {
  font-family: Muller;
  font-size: 36px;
  font-weight: 800;
  line-height: 36px;
  letter-spacing: 0%;
  text-align: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.info__wrapper .header .achievements {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.info__wrapper .header .achievements .icon-achievement {
  width: 50px;
  height: 50px;
}

.info__wrapper .play-frame {
  position: relative;
  margin-top: 20px;
  border-radius: 8px;
  padding: 15px;
  width: 36%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid white;
  border-radius: 31px;
  -webkit-backdrop-filter: blur(20.9px);
  backdrop-filter: blur(20.9px);
  background: rgba(255, 255, 255, 0.05);
  -webkit-transition: background 0.3s, opacity 0.3s;
  -o-transition: background 0.3s, opacity 0.3s;
  transition: background 0.3s, opacity 0.3s;
}

.info__wrapper .play-frame.active {
  border: 1px solid #6600ff;
  -webkit-backdrop-filter: blur(20.9px);
  backdrop-filter: blur(20.9px);
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#6600ff),
      to(#3d0099));
  background: -o-linear-gradient(left, #6600ff, #3d0099 100%);
  background: linear-gradient(90deg, #6600ff, #3d0099 100%);
}

.info__wrapper .play-frame .play__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.info__wrapper .play-frame .play__wrapper .play-icon-1 {
  width: 28px;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 1;
}

.info__wrapper .play-frame .play__wrapper .play-icon-2 {
  width: 120px;
  content: url("../img/icons/sound_waves.svg");
}

.info__wrapper .play-frame .play-girl {
  position: absolute;
  top: -32px;
  left: 87%;
  height: 100px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 50%;
  padding: 10px;
}

.info__wrapper .description {
  margin-top: 40px;
  font-family: Muller;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0%;
  text-align: left;
}

.info__wrapper .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 40px;
}

.info__wrapper .details .games div,
.info__wrapper .details .films div {
  font-size: 20px;
  margin-bottom: 20px;
}

.info__wrapper .details .games .games__wrapper,
.info__wrapper .details .films .games__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px;
  width: 70%;
}

.info__wrapper .details .games .icon-game,
.info__wrapper .details .films .icon-game {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 40px;
  height: 40px;
}

.info__wrapper .details .games ul,
.info__wrapper .details .films ul {
  padding-left: 15%;
}

.info__wrapper .details .games ul li,
.info__wrapper .details .films ul li {
  margin-bottom: 5px;
  list-style-type: circle;
  color: #c5bcbc;
  font-family: Muller;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0%;
  text-align: left;
  margin-top: 10px;
}

.info__wrapper .slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.info__wrapper .slider__explanation {
  max-width: 550px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
  margin-top: -35px;
}

.info__wrapper .slider__explanation::after {
  content: "";
  position: absolute;
  -webkit-backdrop-filter: blur(17.3px);
  backdrop-filter: blur(17.3px);
  background: rgba(255, 255, 255, 0.06);
  top: 95px;
  bottom: 0;
  left: 0;
  height: 133px;
  right: -10px;
  z-index: -1;
}

.info__wrapper .slider__explanation__wrapper {
  margin-left: 23px;
  margin-bottom: 18px;
  max-width: 497px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.info__wrapper .slider__explanation__wrapper__header {
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 10px;
  letter-spacing: 0%;
  text-align: left;
}

.info__wrapper .slider__explanation__wrapper__descr {
  width: 349px;
  color: #979797;
  font-family: Muller;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0%;
  text-align: left;
}

.info__wrapper .slider__explanation__photo {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  right: 0;
  height: auto;
  z-index: 100;
}

.carousel-2 .owl-item {
  padding: 100px 0 0px 0;
  margin-bottom: 100px;
}

.carousel-2 .owl-pic {
  background: #000;
  margin: 60px 0;
  /*     border: 2px solid rgb(102, 0, 255)
  *  border-top: 2px solid rgb(102, 0, 255)
  *  border-bottom: 2px solid rgb(102, 0, 255) */
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: 320px;
  -webkit-box-shadow: 0px 0px 86px 0px rgba(102, 0, 255, 0.33);
  box-shadow: 0px 0px 86px 0px rgba(102, 0, 255, 0.33);
  /*     box-shadow: 0 8px 18px rgba(209, 24, 255, 0.3), 0 16px 20px rgba(0, 0, 0, 0.2) */
  border-radius: 24px;
}

.carousel-2 .owl-item.center .owl-pic {
  opacity: 1;
  border: 3px solid #6600ff;
  margin: 0 0 0 -15%;
  width: 130%;
  height: 450px;
  border-radius: 24px;
  z-index: -1;
}

.carousel-2 .owl-item.center+.owl-item {
  position: relative;
  z-index: -1;
}

.carousel-2 .owl-pic img {
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s opacity ease, 0.3s -webkit-transform ease;
  transition: 0.3s opacity ease, 0.3s -webkit-transform ease;
  -o-transition: 0.3s opacity ease, 0.3s transform ease;
  transition: 0.3s opacity ease, 0.3s transform ease;
  transition: 0.3s opacity ease, 0.3s transform ease,
    0.3s -webkit-transform ease;
  opacity: 0.6;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 20px;
}

.carousel-2 .owl-item .owl-pic:hover img,
.carousel-2 .owl-item.center .owl-pic img {
  opacity: 1;
}

.carousel-2 .owl-nav button.owl-prev,
.carousel-2 .owl-nav button.owl-next {
  position: absolute;
  cursor: pointer;
  background-color: transparent;
  font-size: 90px !important;
  color: #fff !important;
  top: 0;
  height: 100px;
  width: 70px;
  -webkit-transition: 0.3s opacity ease;
  -o-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
  opacity: 0.5;
  margin: 0;
  margin-top: 550px !important;
}

.carousel-2 .owl-nav button.owl-prev:hover,
.carousel-2 .owl-nav button.owl-next:hover {
  opacity: 1;
}

.carousel-2 .owl-nav button.owl-prev,
.carousel-2 .owl-nav button.owl-prev:hover {
  left: 35%;
}

.carousel-2 .owl-nav button.owl-next,
.carousel-2 .owl-nav button.owl-next:hover {
  right: 35%;
}

.promo-product {
  margin-top: 43px;
}

.plans {
  text-align: left;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
  background-image: linear-gradient(rgba(20, 15, 30, 0.1),
      rgba(20, 15, 30, 0.1)),
    url(https://egirlz.chat/wp/wp-content/themes/twentytwentyfour/assets/img/skies/sky_background-home.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.plans__header {
  margin-bottom: 50px;
  font-size: 24px;
  font-family: Muller;
  font-size: 36px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
}

.plans__guarantee {
  margin: -28px auto 26px;
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(173, 145, 255, .36);
  background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));
  color: #e7ddff;
  font-size: 13px;
  font-weight: 600;
}

.plans .text__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.plans__boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.eg-bundles {
  padding: 4px 0 24px;
}

.eg-bundles__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.eg-bundles__card {
  border-radius: 16px;
  border: 1px solid rgba(173, 145, 255, .24);
  background: linear-gradient(145deg, rgba(29, 21, 58, .85), rgba(18, 13, 37, .85));
  box-shadow: 0 8px 20px rgba(10, 6, 24, .3);
  padding: 16px 16px 18px;
}

.eg-bundles__card--main {
  border-color: rgba(201, 178, 255, .42);
}

.eg-bundles__badge {
  display: inline-flex;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(173, 145, 255, .4);
  color: #dfd0ff;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .03em;
}

.eg-bundles__title {
  margin: 10px 0 8px;
  color: #f6efff;
  font-size: 21px;
  line-height: 1.15;
  font-weight: 700;
}

.eg-bundles__text {
  color: #cbc0ea;
  font-size: 14px;
  line-height: 1.45;
  margin-bottom: 14px;
}

.eg-bundles__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 16px;
  border-radius: 999px;
  background: linear-gradient(135deg, #6600ff, #8a33ff);
  color: #fff !important;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .01em;
  transition: transform .2s ease, box-shadow .2s ease;
  box-shadow: 0 8px 20px rgba(52, 19, 117, .4);
}

.eg-bundles__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(52, 19, 117, .55);
}

.eg-bundles__btn--ghost {
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(173, 145, 255, .4);
  color: #efe6ff !important;
  box-shadow: none;
}

.my-account-wrapper {
  padding-top: 90px;
  padding-bottom: 90px;
}

.login {
  font-family: Muller;
  font-size: 18px;
  font-weight: 500;
  line-height: 36px;
}

#billing_country {
  background-color: #150f1e !important;
  border: 1px solid #636363cc !important;
  color: white !important;
}

.woocommerce-Input,
.woocommerce form .form-row .input-text {
  background-color: transparent !important;
  border: 1px solid #636363cc !important;
  color: white !important;
}

/* Global info notice — NOT checkout (checkout has its own styles) */
.woocommerce-info {
  background-color: transparent !important;
  border: 1px solid #636363cc !important;
  color: white !important;
}

/* Override for checkout: more specific selectors */
.checkoutmain .woocommerce-info {
  background: linear-gradient(135deg, rgba(24, 14, 51, 0.6), rgba(16, 8, 32, 0.45)) !important;
  border: 1px solid rgba(177, 126, 255, 0.12) !important;
  border-left: 3px solid #7d54ff !important;
}

.checkoutmain .woocommerce form .form-row .input-text,
.checkoutmain .woocommerce-form .form-row .input-text,
.checkoutmain form .form-row .input-text,
.checkoutmain form .input-text,
.checkoutmain .woocommerce-form-login .input-text,
.checkoutmain .checkout_coupon .input-text {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(177, 126, 255, 0.15) !important;
  border-radius: 12px !important;
  color: #fff !important;
  padding: 12px 16px !important;
}

.checkoutmain form .input-text:focus {
  border-color: rgba(125, 84, 255, 0.4) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(125, 84, 255, 0.1) !important;
}

/* Coupon apply button — specific override for grey WC default */
.checkoutmain .checkout_coupon .button,
.checkoutmain .checkout_coupon button[type="submit"],
.checkoutmain .checkout_coupon input[type="submit"],
.checkoutmain p.form-row .button {
  background: linear-gradient(135deg, #6600ff, #8a33ff) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 12px 28px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  text-transform: none !important;
}

/* WC info notice links — ultra specific */
.checkoutmain .woocommerce-info a,
.checkoutmain .woocommerce .woocommerce-info a,
.checkoutmain .woocommerce-info a.showlogin,
.checkoutmain .woocommerce-info a.showcoupon,
section.checkoutmain .woocommerce-info a {
  color: #b17eff !important;
  font-weight: 700;
  text-decoration: none !important;
}

.checkoutmain .woocommerce-info a:hover,
section.checkoutmain .woocommerce-info a:hover {
  color: #d4b5ff !important;
}

/* Coupon form button — ultra specific */
.checkoutmain .woocommerce-form-coupon .button,
.checkoutmain form.checkout_coupon .button,
.checkoutmain form.checkout_coupon button,
.checkoutmain .woocommerce-form-coupon button[type="submit"],
.checkoutmain .woocommerce .checkout_coupon .button,
section.checkoutmain .checkout_coupon .button {
  background: linear-gradient(135deg, #6600ff, #8a33ff) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 12px 28px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  font-family: "Muller", sans-serif;
  cursor: pointer !important;
  text-transform: none !important;
  box-shadow: 0 4px 16px rgba(102, 0, 255, 0.25);
  transition: transform 0.2s, box-shadow 0.2s;
}

/* Lost password link */
.checkoutmain .woocommerce-form-login .lost_password a,
.checkoutmain .woocommerce-form-login p.lost_password a,
.checkoutmain form.login .lost_password a {
  color: #b17eff !important;
  text-decoration: none !important;
  font-weight: 600;
  font-size: 13px;
}

.account-section h3 {
  font-family: Muller;
  font-size: 15px;
  font-weight: 600;
}

.my-account-wrapper h2 {
  font-family: Muller;
}

.woocommerce-MyAccount-navigation-link a {
  font-family: Muller;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  color: white !important;
  text-decoration: underline;
}

#order_review_heading {
  display: none;
}

.woocommerce-button,
.order-again a,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  display: block;
  margin-top: 15px;
  border-radius: 21px;
  -webkit-box-shadow: 0px 0px 15.2px 0px #6600ff !important;
  box-shadow: 0px 0px 15.2px 0px #6600ff !important;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#6600ff),
      to(#3d0099)) !important;
  background: -o-linear-gradient(left, #6600ff, #3d0099 100%) !important;
  background: linear-gradient(90deg, #6600ff, #3d0099 100%) !important;
  padding: 19px 41px;
  color: white !important;
  font-family: Muller;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 16px;
  letter-spacing: 0%;
  text-transform: uppercase;
}

.contactt {
  padding-top: 50px;
  padding-bottom: 50px;
}

.politic {
  padding-top: 50px;
  padding-bottom: 50px;
}

.footer-link a {
  margin-right: 10px;
}

.politic a {
  color: white;
  text-decoration: underline;
}

.wpcf7-form-control {
  background-color: transparent !important;
  border: 1px solid #636363cc !important;
  color: white !important;
  padding: 10px;
}

.wpcf7-form {
  padding-top: 20px;
}

.footer-wrap {
  width: 100%;
  flex-wrap: wrap;
}

.footer-link a {
  color: #ffffff;
}

.my-account-wrapper a {
  color: #ffffff !important;
}

.my-account-wrapper .woo-wallet-my-wallet-container,
.my-account-wrapper .eg-wallet {
  color: #fff;
  font-family: "Muller", sans-serif;
}

.my-account-wrapper .woo-wallet-header,
.my-account-wrapper .eg-wallet-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 380px);
  gap: 24px;
  align-items: stretch;
  margin: 26px 0 18px;
  padding: 28px;
  border: 1px solid rgba(177, 126, 255, 0.18);
  border-radius: 24px;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 77, 166, 0.18), transparent 32%),
    linear-gradient(135deg, rgba(35, 22, 70, 0.92), rgba(14, 8, 28, 0.94));
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.my-account-wrapper .eg-wallet-eyebrow {
  margin: 0 0 8px;
  color: #ff7abf;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.my-account-wrapper .woo-wallet-header h2,
.my-account-wrapper .eg-wallet-hero h2 {
  margin: 0;
  color: #fff;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.1;
}

.my-account-wrapper .woo-wallet-header p,
.my-account-wrapper .eg-wallet-hero p {
  max-width: 560px;
  margin: 12px 0 0;
  color: #b9b0ce;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
}

.my-account-wrapper .eg-wallet-balance-card,
.my-account-wrapper .woo-wallet-balance-card {
  display: flex;
  min-height: 170px;
  flex-direction: column;
  justify-content: center;
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 20px;
  background: linear-gradient(135deg, #6600ff, #b536ff);
  box-shadow: 0 18px 42px rgba(102, 0, 255, 0.3);
  text-align: left;
}

.my-account-wrapper .eg-wallet-balance-card span,
.my-account-wrapper .woo-wallet-balance-card h3 {
  margin: 0 0 10px;
  color: rgba(255, 255, 255, 0.76);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.my-account-wrapper .eg-wallet-balance-card strong,
.my-account-wrapper .woo-wallet-price {
  margin: 0;
  color: #fff;
  font-size: 52px;
  font-weight: 600;
  line-height: 1;
}

.my-account-wrapper .eg-wallet-top-section,
.my-account-wrapper .woo-wallet-top-section {
  margin-bottom: 18px;
}

.my-account-wrapper .eg-wallet-tabs,
.my-account-wrapper .woo-wallet-nav-tabs {
  display: flex;
  gap: 10px;
  padding: 8px;
  border: 1px solid rgba(177, 126, 255, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
}

.my-account-wrapper .eg-wallet-tab,
.my-account-wrapper .woo-wallet-nav-tab {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border: 1px solid transparent;
  border-radius: 13px;
  background: transparent;
  color: #b9b0ce !important;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.my-account-wrapper .eg-wallet-tab:hover,
.my-account-wrapper .woo-wallet-nav-tab:hover,
.my-account-wrapper .eg-wallet-tab.active,
.my-account-wrapper .woo-wallet-nav-tab.active {
  border-color: rgba(177, 126, 255, 0.34);
  background: rgba(102, 0, 255, 0.2);
  color: #fff !important;
}

.my-account-wrapper .eg-wallet-content,
.my-account-wrapper .woo-wallet-content-area,
.my-account-wrapper .eg-wallet-panel,
.my-account-wrapper .eg-wallet-form,
.my-account-wrapper .woo-wallet-transactions-list {
  border: 1px solid rgba(177, 126, 255, 0.14);
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(102, 0, 255, 0.16), transparent 34%),
    rgba(14, 8, 28, 0.86);
  box-shadow: 0 18px 56px rgba(0, 0, 0, 0.22);
  overflow: hidden;
}

.my-account-wrapper .eg-wallet-content {
  padding: 0;
}

.my-account-wrapper .eg-wallet-section-head,
.my-account-wrapper .woo-wallet-transactions-list h3 {
  padding: 26px 28px 18px;
  border-bottom: 1px solid rgba(177, 126, 255, 0.1);
}

.my-account-wrapper .woo-wallet-section-title,
.my-account-wrapper .woo-wallet-transactions-list h3 {
  margin: 0;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
}

.my-account-wrapper .eg-wallet-section-head p {
  margin: 8px 0 0;
  color: #a99fbd;
  font-size: 14px;
  line-height: 1.5;
}

.my-account-wrapper .eg-wallet-topup-form {
  padding: 24px 28px 28px;
}

.my-account-wrapper .eg-wallet-topup-form label,
.my-account-wrapper .woo-wallet-field-container label {
  display: block;
  margin-bottom: 10px;
  color: #d7d0e8;
  font-size: 14px;
  font-weight: 600;
}

.my-account-wrapper .eg-wallet-input-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
}

.my-account-wrapper .woo-wallet-balance-to-add,
.my-account-wrapper #woo_wallet_transfer_amount,
.my-account-wrapper #woo_wallet_transfer_note,
.my-account-wrapper .woo-wallet-select2,
.my-account-wrapper .select2-selection {
  width: 100% !important;
  min-height: 54px;
  border: 1px solid rgba(177, 126, 255, 0.18) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #fff !important;
  padding: 0 16px !important;
  font-size: 16px;
  font-weight: 600;
  outline: none;
}

.my-account-wrapper .woo-add-to-wallet,
.my-account-wrapper .woo-wallet-form-wrapper .button {
  min-height: 54px;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(135deg, #ff4da6 0%, #8b5cf6 100%) !important;
  color: #fff !important;
  padding: 0 28px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(139, 92, 246, 0.24);
}

.my-account-wrapper .eg-wallet-transactions-table,
.my-account-wrapper #wc-wallet-transaction-details,
.my-account-wrapper .woo-wallet-transactions-table {
  width: 100% !important;
  margin: 0 !important;
  color: #fff;
  border-collapse: collapse;
}

.my-account-wrapper #wc-wallet-transaction-details th,
.my-account-wrapper #wc-wallet-transaction-details td,
.my-account-wrapper .woo-wallet-transactions-table th,
.my-account-wrapper .woo-wallet-transactions-table td {
  border-color: rgba(177, 126, 255, 0.1) !important;
  color: #d7d0e8;
  padding: 16px 18px !important;
}

.my-account-wrapper #wc-wallet-transaction-details thead th,
.my-account-wrapper .woo-wallet-transactions-table thead th {
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}

.my-account-wrapper .woo-wallet-transactions-list > p,
.my-account-wrapper .woo-wallet-transactions-list .dataTables_empty,
.my-account-wrapper #wc-wallet-transaction-details .dataTables_empty {
  color: #a99fbd !important;
  text-align: center;
}

.my-account-wrapper .dataTables_wrapper {
  padding: 0 0 18px;
  color: #a99fbd;
}

.my-account-wrapper .dataTables_length,
.my-account-wrapper .dataTables_filter,
.my-account-wrapper .dataTables_info,
.my-account-wrapper .dataTables_paginate {
  padding: 14px 18px;
  color: #a99fbd !important;
}

@media (max-width: 780px) {
  .my-account-wrapper .woo-wallet-header,
  .my-account-wrapper .eg-wallet-hero {
    grid-template-columns: 1fr;
    padding: 22px;
  }

  .my-account-wrapper .eg-wallet-balance-card,
  .my-account-wrapper .woo-wallet-balance-card {
    min-height: 140px;
  }

  .my-account-wrapper .eg-wallet-balance-card strong,
  .my-account-wrapper .woo-wallet-price {
    font-size: 40px;
  }

  .my-account-wrapper .eg-wallet-tabs,
  .my-account-wrapper .woo-wallet-nav-tabs,
  .my-account-wrapper .eg-wallet-input-row {
    grid-template-columns: 1fr;
    flex-direction: column;
  }
}

.good-prods_itemar {
  position: relative;
  width: 316px;
  height: 453px;
  margin-right: 30px;
  margin-bottom: 30px;
}

.has-dark-controls .wc-blocks-components-select .wc-blocks-components-select__select {
  background-color: #150f1e;
}

.booktime {
  font-size: 24px;
  font-weight: 900;
  font-family: "Muller";
}

.shopius {
  padding-top: 100px;
}

.breadcrumbs {
  margin-bottom: 30px;
}

.breadcrumbs a {
  color: white;
}

.good-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.plans__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid rgba(104, 3, 255, 0.623);
  width: 30%;
  padding: 25px 25px 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  box-sizing: border-box;
  border-radius: 25px;
  background: -o-linear-gradient(57.26deg,
      rgba(102, 0, 255, 0.01) -3.457%,
      rgba(102, 0, 255, 0.16) 103.457%);
  background: linear-gradient(32.74deg,
      rgba(102, 0, 255, 0.01) -3.457%,
      rgba(102, 0, 255, 0.16) 103.457%);
}

.plans__box-title {
  display: block;
  margin-bottom: 5px;
  font-family: Muller;
  font-size: 28px;
  font-weight: 800;
  line-height: 28px;
  letter-spacing: 0%;
  text-align: left;
  text-transform: uppercase;
}

.plans__box-subtitle {
  font-size: 14px;
  background: -o-linear-gradient(268.11deg, white, #0e0121);
  background: linear-gradient(181.89deg, white, #0e0121);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-family: Muller;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0%;
  text-align: center;
  text-transform: lowercase;
}

.plans__box-divider {
  border: 1px solid rgba(102, 0, 255, 0.56);
  margin: 5px 0 10px;
}

.plans__box--overlay {
  opacity: 0.5;
  pointer-events: none;
}

.plans__box--overlay .plans__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(44, 0, 94, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 24px;
  border-radius: 25px;
}

.plans__wrapper {
  margin-bottom: 20px;
}

.plans__list {
  list-style: none;
  padding-left: 20px;
  margin-bottom: 0;
}

.plans__list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-left: 5px;
}

.plans__list--yes .plans__list-item::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 0;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-image: url("../img/icons/service_check_cross_v2/service_available.png");
  background-size: contain;
}

.plans__list--no li {
  /* Was 0.3 alpha — reads as ~2:1 contrast against this dark background,
     well under WCAG AA's 4.5:1 for normal text. This is informative copy
     (what's NOT in a plan, relevant to a purchase decision), not decorative,
     so it needs to stay legible even though it's intentionally de-emphasized
     relative to included features. The strikethrough already carries the
     "excluded" signal, so this can be readable without looking as prominent
     as included items. */
  color: rgba(255, 255, 255, 0.55);
  position: relative;
  cursor: not-allowed;
}

.plans__list--no li::after {
  /* Zoom/resize horizontal-scroll fix: this tooltip used to be
     opacity:0 at rest (only opacity:1 on :hover), but opacity doesn't
     remove a box from layout -- position:absolute, left:100%,
     white-space:nowrap (~166px wide) kept it laid out and counted
     toward the page's scrollable width even while fully invisible. On
     the profile page's plan column that pushed document.scrollWidth
     past window.innerWidth at narrower widths (confirmed live: 1024x768
     with no zoom involved at all already overflowed by 87px; toggling
     this rule off in devtools brought it back to 0). Tried
     visibility:hidden too -- doesn't help either, confirmed via an
     isolated test page that it still contributes to scrollWidth in this
     Chromium build. `content: none` is what actually works: with no
     content, the pseudo-element generates no box at all, so it cannot
     overflow anything -- the :hover rule below sets the real content,
     so the box (with the background/padding/position already declared
     here) only ever exists while actually hovered. Trade-off: the old
     0.2s opacity fade is gone (content changes can't be transitioned),
     so the tooltip now appears/disappears instantly on hover instead of
     fading -- everything else about it (text, position, styling) is
     unchanged. */
  content: none;
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 6px 10px;
  font-size: 12px;
  white-space: nowrap;
  border-radius: 6px;
  pointer-events: none;
  margin-left: 10px;
  z-index: 10;
}

.plans__list--no li:hover::after {
  content: "Недоступно в этом плане";
}

.plans__list--no li {
  text-decoration: line-through;
}

.plans__list--no .plans__list-item::before {
  content: "";
  position: absolute;
  left: -20px;
  background-repeat: no-repeat;
  top: -2px;
  width: 16px;
  height: 16px;
  background-image: url("../img/icons/service_check_cross_v2/service_unavailable.png");
  background-size: contain;
}

.plans__list--checkbox {
  margin: 16px 0 20px;
  padding: 14px;
}

.plans__list--checkbox .plans__list-item input,
.plans__list--checkbox .plans__list-item label {
  cursor: pointer;
}

.plans__addon-emoji {
  display: inline-flex;
  width: 1.35em;
  justify-content: center;
  margin-right: 4px;
}

.plans__list--checkbox .plans__list-item::before {
  content: unset;
}

.plans__list-item {
  position: relative;
  margin-bottom: 12px;
}

.plans__empty {
  height: 200px;
}

.plans__accordion {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  margin-bottom: 30px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.plans__accordion--people {
  margin-bottom: 18px;
}

.plans__accordion-text {
  margin-bottom: 5px;
  margin-right: auto;
  width: 145px;
}

.plans__select {
  width: 10%;
  color: #fff;
  padding-left: 3px;
  border-radius: 18px;
  background: -o-linear-gradient(177.93deg, #3d0099 31.254%, #6600ff 112.934%);
  background: linear-gradient(-87.93deg, #3d0099 31.254%, #6600ff 112.934%);
}

.plans__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  margin-top: auto;
}

.plans__bottom {
  margin-top: auto;
}

.plans__box.medium-highlight .plans__bottom {
  padding-top: 22px;
}

.plans__button {
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  width: 80%;
}

.plans__button--primary {
  text-align: center;
  border-radius: 21px;
  -webkit-box-shadow: 0px 0px 15.2px 0px #6600ff;
  box-shadow: 0px 0px 15.2px 0px #6600ff;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#6600ff),
      to(#3d0099));
  background: -o-linear-gradient(left, #6600ff, #3d0099 100%);
  background: linear-gradient(90deg, #6600ff, #3d0099 100%);
  color: white;
  font-family: Muller;
  font-size: 16px;
  font-weight: 800;
  line-height: 16px;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
}

.plans__button--secondary {
  color: rgba(255, 255, 255, 0.52);
  font-family: Muller;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0%;
  text-align: center;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  background: none;
}

.plans__box {
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  -o-transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease,
    -webkit-transform 0.3s ease;
}

.plans__box.active {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.plans__box.inactive {
  opacity: 0.5;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.plans {
  position: relative;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: none;
}

.overlay.active {
  display: block;
}

.plans__box.active {
  position: relative;
  z-index: 1001;
}

.money {
  padding-top: 200px;
  text-align: center;
  position: relative;
  height: 400px;
  background-image: linear-gradient(rgba(20, 15, 30, 0.1),
      rgba(20, 15, 30, 0.1)),
    url(https://egirlz.chat/wp/wp-content/themes/twentytwentyfour/assets/img/skies/sky_background-home.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.money__price {
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: center;
}

.money__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  padding: 15px 20px;
  color: white;
  border: none;
  cursor: pointer;
  border-radius: 21px;
  -webkit-box-shadow: 0px 0px 15.2px 0px #6600ff;
  box-shadow: 0px 0px 15.2px 0px #6600ff;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#6600ff),
      to(#3d0099));
  background: -o-linear-gradient(left, #6600ff, #3d0099 100%);
  background: linear-gradient(90deg, #6600ff, #3d0099 100%);
  font-size: 16px;
  font-weight: 800;
  line-height: 16px;
  letter-spacing: 0%;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
}

.money__methods {
  margin-top: 10px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  color: #e7ddff;
  letter-spacing: .01em;
  text-align: center;
  text-shadow: 0 0 8px rgba(61, 0, 153, .25);
}

body.eg-upsell-modal-open {
  overflow: hidden;
}

.eg-upsell-modal {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: grid;
  place-items: center;
  padding: 20px;
}

.eg-upsell-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(7, 4, 14, 0.78);
  backdrop-filter: blur(12px);
}

.eg-upsell-modal__dialog {
  position: relative;
  width: min(560px, 100%);
  max-height: calc(100vh - 40px);
  overflow: auto;
  padding: 30px;
  border: 1px solid rgba(152, 68, 255, 0.58);
  border-radius: 24px;
  background:
    radial-gradient(circle at 20% 0%, rgba(154, 52, 255, 0.28), transparent 36%),
    linear-gradient(180deg, #241038 0%, #12091e 100%);
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.58), 0 0 42px rgba(132, 0, 255, 0.28);
  color: #fff;
}

.eg-upsell-modal__close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}

.eg-upsell-modal__badge {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 12px;
  border-radius: 999px;
  background: rgba(255, 221, 87, 0.16);
  color: #ffe66d;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
}

.eg-upsell-modal__title {
  margin: 16px 0 8px;
  font-size: clamp(24px, 3.4vw, 34px);
  line-height: 1.12;
  font-weight: 600;
  letter-spacing: 0;
}

.eg-upsell-modal__text {
  margin: 0 0 20px;
  color: rgba(255, 255, 255, 0.76);
  font-size: 16px;
  line-height: 1.35;
}

.eg-upsell-modal__options {
  display: grid;
  gap: 10px;
  margin-bottom: 22px;
}

.eg-upsell-modal__option {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
  cursor: pointer;
}

.eg-upsell-modal__option:hover {
  border-color: rgba(187, 134, 255, 0.58);
  background: rgba(255, 255, 255, 0.09);
}

.eg-upsell-modal__option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.eg-upsell-modal__check {
  width: 22px;
  height: 22px;
  border: 2px solid rgba(255, 255, 255, 0.55);
  border-radius: 6px;
  background: rgba(10, 4, 20, 0.5);
}

.eg-upsell-modal__option input:checked + .eg-upsell-modal__check {
  border-color: #b56cff;
  background: linear-gradient(135deg, #8b00ff, #ff4ecd);
  box-shadow: 0 0 18px rgba(166, 76, 255, 0.42);
}

.eg-upsell-modal__copy {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.eg-upsell-modal__name {
  min-width: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
}

.eg-upsell-modal__prices {
  display: inline-flex;
  gap: 8px;
  align-items: baseline;
  white-space: nowrap;
}

.eg-upsell-modal__old {
  color: rgba(255, 255, 255, 0.48);
  text-decoration: line-through;
  font-weight: 500;
}

.eg-upsell-modal__new {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.eg-upsell-modal__actions {
  display: grid;
  gap: 10px;
}

.eg-upsell-modal__primary,
.eg-upsell-modal__secondary {
  min-height: 54px;
  border: 0;
  border-radius: 999px;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
}

.eg-upsell-modal__primary {
  color: #fff;
  background: linear-gradient(90deg, #7a00ff, #3d008f);
  box-shadow: 0 10px 28px rgba(119, 0, 255, 0.38);
  text-transform: uppercase;
}

.eg-upsell-modal__secondary {
  color: rgba(255, 255, 255, 0.78);
  background: transparent;
  text-decoration: underline;
}

@media (max-width: 560px) {
  .eg-upsell-modal {
    align-items: end;
    padding: 12px;
  }

  .eg-upsell-modal__dialog {
    max-height: calc(100vh - 24px);
    padding: 24px 18px 18px;
    border-radius: 22px;
  }

  .eg-upsell-modal__title {
    padding-right: 34px;
    font-size: 28px;
  }

  .eg-upsell-modal__copy {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .eg-upsell-modal__primary,
  .eg-upsell-modal__secondary {
    min-height: 52px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .plans__bottom .plans__buttons {
    margin-top: 24px;
  }
}

.money__next-step {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.45;
  color: #cbc0eb;
  text-align: center;
}

.eg-faq-lite {
  padding: 46px 0 26px;
  background-image: linear-gradient(rgba(20, 15, 30, 0.14), rgba(20, 15, 30, 0.14)),
    url(https://egirlz.chat/wp/wp-content/themes/twentytwentyfour/assets/img/skies/sky_background-home.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.eg-faq-lite__title {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 18px;
  text-transform: uppercase;
}

.eg-faq-lite__list {
  max-width: 860px;
  margin: 0 auto;
  display: grid;
  gap: 10px;
}

.eg-faq-lite__item {
  border-radius: 14px;
  border: 1px solid rgba(173, 145, 255, .28);
  background: linear-gradient(145deg, rgba(29, 21, 58, .82), rgba(18, 13, 37, .82));
  box-shadow: 0 6px 20px rgba(10, 6, 24, .35);
  overflow: hidden;
}

.eg-faq-lite__item summary {
  list-style: none;
  cursor: pointer;
  padding: 14px 18px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  color: #f3ebff;
  position: relative;
  padding-right: 44px;
}

.eg-faq-lite__item summary::-webkit-details-marker {
  display: none;
}

.eg-faq-lite__item summary::after {
  content: "+";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  font-weight: 400;
  color: #c9b9f7;
}

.eg-faq-lite__item[open] summary::after {
  content: "−";
}

.eg-faq-lite__item p {
  margin: 0;
  padding: 0 18px 14px;
  font-size: 15px;
  line-height: 1.5;
  color: #d6cdee;
}

.eg-related-girls {
  padding: 30px 0 52px;
}

.eg-related-girls__title {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 18px;
  text-transform: uppercase;
}

.eg-related-girls__track {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.eg-related-girls__card {
  display: block;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(173, 145, 255, .25);
  background: linear-gradient(145deg, rgba(29, 21, 58, .82), rgba(18, 13, 37, .82));
  box-shadow: 0 8px 20px rgba(10, 6, 24, .3);
  text-decoration: none !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.eg-related-girls__card:hover {
  transform: translateY(-3px);
  border-color: rgba(201, 178, 255, .55);
  box-shadow: 0 12px 28px rgba(10, 6, 24, .45);
}

.eg-related-girls__image-wrap {
  aspect-ratio: 3 / 4;
  background: rgba(255, 255, 255, .02);
}

.eg-related-girls__image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.eg-related-girls__meta {
  padding: 10px 12px 12px;
}

.eg-related-girls__name {
  color: #f5efff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}

.eg-related-girls__price {
  margin-top: 6px;
  color: #d3c6f5;
  font-size: 13px;
  font-weight: 600;
}

.eg-related-girls__price .woocommerce-Price-amount {
  color: #ecdfff;
}

.money__photo {
  position: absolute;
  bottom: 0px;
  right: 25%;
  height: 350px;
}

.price-change {
  color: grey;
  margin-bottom: 10px;
  font-size: 14px;
}

/* Dynamic price animation */
#final-price {
  display: inline-block;
  transition: color 0.3s ease;
}

#final-price.ep-price-pop {
  animation: ep-price-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes ep-price-pop {
  0% {
    transform: scale(1);
    color: inherit;
  }

  30% {
    transform: scale(1.25);
    color: #a78bfa;
  }

  60% {
    transform: scale(0.95);
  }

  100% {
    transform: scale(1);
    color: inherit;
  }
}

.catalog-head {
  padding-bottom: 81px;
}

.catalog-title {
  color: white;
  font-family: Muller;
  font-size: 32px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0%;
  text-align: left;
  text-transform: uppercase;
  margin-top: 80px;
}

.catalog-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
}

.catalog-item {
  width: 250px;
  height: 350px;
  border-radius: 59px;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 38px;
  margin-bottom: 60px;
  text-align: center;
  margin-right: 0;
}

.catalog-item-name {
  color: white;
  font-family: Muller;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0%;
  margin-bottom: 5px;
}

.catalog-item-button {
  display: inline-block;
  border-radius: 21px;
  color: white;
  font-family: Muller;
  font-size: 13px;
  font-weight: 800;
  line-height: 11px;
  letter-spacing: 0%;
  padding: 13px 22px;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 0px 15.2px 0px #6600ff;
  box-shadow: 0px 0px 15.2px 0px #6600ff;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#6600ff),
      to(#3d0099));
  background: -o-linear-gradient(left, #6600ff, #3d0099 100%);
  background: linear-gradient(90deg, #6600ff, #3d0099 100%);
  margin-top: 15px;
}

.good-filter-catalog {
  border-radius: 59px;
}

.custom-select-wrapper {
  position: relative;
  width: 66px;
  font-family: sans-serif;
}

.custom-select-wrapper--wide {
  width: min(100%, 250px);
}

.custom-label {
  color: white;
  margin-bottom: 5px;
  display: block;
  font-weight: bold;
}

.custom-select-trigger {
  background: linear-gradient(-87.93deg, #3d0099 31.254%, #6600ff 112.934%);
  color: #fff;
  padding: 8px 17px;
  border-radius: 9999px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 0 10px rgba(102, 0, 255, 0.5);
  font-weight: bold;
  font-size: 16px;
  position: relative;
  user-select: none;
  min-height: 48px;
}

.custom-select-wrapper--wide .custom-select-trigger {
  gap: 12px;
  padding: 10px 16px;
  border: 1px solid rgba(209, 185, 255, 0.22);
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(236, 72, 153, 0.22), transparent 46%),
    linear-gradient(-87.93deg, #3d0099 31.254%, #6600ff 112.934%);
}

.custom-select-wrapper--wide .selected-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.arrow {
  margin-left: 8px;
  font-size: 12px;
  opacity: 0.8;
}

.custom-options {
  position: absolute;
  top: 110%;
  left: 0;
  right: 0;
  background: #2a0047;
  border-radius: 10px;
  display: none;
  z-index: 10;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
  padding: 0;
  margin: 5px 0 0;
  list-style: none;
}

.custom-select-wrapper--wide .custom-options {
  right: auto;
  width: min(330px, 86vw);
  border: 1px solid rgba(209, 185, 255, 0.2);
  background: #24113d;
  overflow: hidden;
}

.custom-select-wrapper.show .custom-options {
  display: block;
}

.custom-options li {
  padding: 10px 15px;
  color: white;
  cursor: pointer;
  transition: background 0.2s ease;
}

.custom-options li:hover {
  background: #5000b0;
}

.custom-options li.selected {
  background: rgba(255, 255, 255, 0.1);
}

.custom-options li.is-disabled,
.custom-options li[aria-disabled="true"],
.custom-options li[data-disabled="true"] {
  color: rgba(255, 255, 255, 0.46);
  cursor: not-allowed;
  background: rgba(255, 255, 255, 0.06);
  filter: grayscale(0.35);
}

.custom-options li.is-disabled:hover,
.custom-options li[aria-disabled="true"]:hover,
.custom-options li[data-disabled="true"]:hover {
  background: rgba(255, 255, 255, 0.06);
}

.custom-select-wrapper--wide .custom-options li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  line-height: 1.2;
}

.custom-options__price {
  color: #f0b8ff;
  font-weight: 600;
  white-space: nowrap;
}

.custom-options li.is-disabled .custom-options__price,
.custom-options li[aria-disabled="true"] .custom-options__price,
.custom-options li[data-disabled="true"] .custom-options__price {
  color: rgba(214, 198, 232, 0.72);
  font-size: 11px;
  text-align: right;
  white-space: normal;
}

.plans__bottom .plans__accordion {
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 10px 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.plans__bottom .plans__accordion:first-child {
  margin-top: 2px;
}

.plans__bottom .plans__buttons {
  margin-top: 26px;
}

.plans__bottom .plans__accordion-text {
  width: 86px;
  min-width: 0;
  margin: 0;
  color: rgba(231, 220, 255, 0.84);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.15;
}

.plans__accordion--people {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
}

.plans__accordion--sessions {
  display: grid;
  grid-template-columns: 86px auto;
  justify-content: start;
}

.plans__accordion--people .plans__accordion-text {
  max-width: 86px;
}

.plans__accordion--people .custom-select-wrapper--wide {
  width: 100%;
}

.plans__accordion--sessions .custom-select-wrapper {
  width: 74px;
}

.plans__bottom .custom-select-trigger {
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid rgba(215, 191, 255, 0.18);
  background:
    radial-gradient(110% 120% at 0% 0%, rgba(255, 255, 255, 0.13), transparent 44%),
    linear-gradient(135deg, #6d00e8 0%, #4500a8 100%);
  box-shadow:
    0 6px 15px rgba(102, 0, 255, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.plans__bottom .custom-select-trigger:hover {
  box-shadow:
    0 8px 18px rgba(102, 0, 255, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.plans__bottom .selected-value {
  font-family: Muller, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.plans__accordion--people .selected-value {
  font-size: 14px;
}

.plans__bottom .arrow {
  margin-left: 8px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.76);
}

.plans__bottom .custom-options {
  top: calc(100% + 6px);
  border-radius: 12px;
  box-shadow:
    0 14px 30px rgba(5, 0, 18, 0.48),
    0 0 18px rgba(102, 0, 255, 0.14);
}

.plans__bottom .custom-options li {
  font-family: Muller, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.catalog-content {
  margin-bottom: 0;
}

.catalog-img {
  border-radius: 59px;
}

.catalog-item-icons img {
  width: 20px;
}

@media (max-width: 5000px) {
  .carousel-2 {
    position: absolute;
    z-index: -1000;
    display: none;
    width: 0;
  }

  .promo__explanation-product {
    margin-top: -46px;
  }
}

@media (max-width: 1449.98px) {
  .container {
    max-width: 1200px;
  }

  .money__photo {
    right: 20%;
  }

  .promo__explanation::after {
    height: 166px;
  }

  .promo__explanation-product::after {
    height: 122px;
  }
}

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

  .goods__image--left,
  .goods__image--right {
    width: 200px;
  }
}

@media (max-width: 1182px) {

  .plans__box-bestseller,
  .tariff-subtext {
    top: -13px;
  }
}

@media (max-width: 1142px) {
  .promo-product {
    height: 163px;
  }

  .promo__girl img {
    width: 460px;
  }

  .promo__girl::after {
    content: "";
    bottom: 17%;
    right: 61% 0px;
    /* left: 25%; */
    position: absolute;
    width: 450px;
    height: 450px;
    background-color: rgba(255, 255, 255, 0.021);
    -webkit-box-shadow: 0 0 50px 20px rgba(255, 255, 255, 0.15);
    box-shadow: 0 0 50px 20px rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    z-index: -10;
  }

  .girl-photo-wrapper {
    position: relative;
    bottom: -8%;
    right: -3%;
  }

  .promo__explanation__photo-product {
    height: 209px;
  }
}

@media screen and (max-width: 1168px) {
  .promo__explanation::after {
    height: 183px;
  }
}

@media screen and (max-width: 1112px) {
  .promo__explanation::after {
    height: 200px;
  }
}

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

  .goods__image--left,
  .goods__image--right {
    width: 150px;
  }
}

@media (max-width: 1086px) {
  .promo__explanation-product {
    margin-top: -20px;
  }

  .promo__explanation__photo-product {
    height: 190px;
  }
}

@media screen and (max-width: 1052px) {
  .promo__explanation::after {
    height: 100%;
  }
}

@media (max-width: 1045px) {
  .promo-product {
    height: 143px;
  }



  .promo__explanation__wrapper__header-product {
    font-size: 18px;
  }

  .promo__explanation__wrapper__descr-product {
    font-size: 13px;
  }

  .promo__explanation-product::after {
    height: 110px;
  }

  .promo__explanation__photo-product {
    height: 160px;
  }
}

@media screen and (max-width: 1034px) {
  .promo__girl img {
    width: 378px;
  }

  .girl-photo-wrapper {
    position: relative;
    bottom: 0%;
    right: -10%;
  }

  .howit-wrapper {
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
  }

  .promo__girl::after {
    bottom: 9.8%;
    right: 17.3%;
    width: 360px;
    height: 360px;
  }

  .promo__explanation {
    display: none;
  }

  .promo__explanation-mobile {
    display: flex;
    margin-top: 0;
  }

  .promo__explanation::after {
    width: 100%;
    height: 141px;
  }

  .woocommerce-checkout-review-order {
    width: 90%;
  }

  .promo__photo {
    width: 350px;
  }

  .promo__subheader {
    max-width: 100%;
  }

  .slider {
    width: 45%;
  }

  .info__wrapper {
    width: 48%;
  }

  .info__wrapper .header .name {
    font-size: 32px;
  }

  .info__wrapper .header .achievements .icon-achievement {
    width: 40px;
    height: 40px;
  }

  .play-icon-2 {
    content: url("../assets/img/icons/sound_waves1000px.svg");
  }

  .info__wrapper .play-frame {
    padding: 10px;
  }

  .info__wrapper .play-frame .play__wrapper {
    gap: 4px;
  }

  .info__wrapper .play-frame .play__wrapper .play-icon-2 {
    width: 100px;
  }

  .info__wrapper .play-frame .play-girl {
    top: -42px;
  }

  .info__wrapper .play-frame {
    width: 47%;
  }

  .info__wrapper .description {
    font-size: 14px;
    margin-top: 30px;
  }

  .slider .thumbnail {
    width: 85%;
  }

  .info__wrapper .details .films div,
  .info__wrapper .details .games div {
    font-size: 17px;
  }

  .films {
    width: 300px;
  }

  .info__wrapper .details .films .games__wrapper,
  .info__wrapper .details .games .games__wrapper {
    width: 90%;
  }

  .info__wrapper .details .films ul,
  .info__wrapper .details .games ul {
    padding-left: 8%;
  }

  .plans__header {
    font-size: 32px;
  }

  .plans__box-title {
    font-size: 28px;
  }

  .plans__box-title {
    font-size: 24px;
  }

  .plans__box-subtitle {
    font-size: 15px;
  }

  .plans__list-item {
    font-size: 14px;
  }

  .plans__list--yes .plans__list-item::before {
    width: 14px;
    height: 14px;
  }

  .plans__list--no .plans__list-item::before {
    width: 14px;
    height: 14px;
  }

  .plans__button {
    width: 75%;
  }

  .plans__button--primary {
    font-size: 14px;
  }

  .plans__button--secondary {
    font-size: 13px;
  }

  .plans__select {
    width: 16%;
  }

  .money__photo {
    right: 10%;
  }

  .money__price {
    font-size: 22px;
  }

  .money__button {
    margin-top: 12px;
    font-size: 15px;
  }

  .promo-product {
    height: 216px;
  }

  .promo__explanation-product::after {
    width: 330px;
  }

  .promo__explanation__wrapper__descr-product {
    width: 223px;
  }

  .promo__explanation-product::after {
    height: 138px;
  }
}

@media screen and (max-width: 1006px) {
  .slider .thumbnail {
    width: 75%;
  }



  .plans__accordion-text {
    font-size: 15px;
  }

  .plans__text {
    font-size: 15px;
    text-align: center;
  }

  .plans__select {
    width: 28%;
  }
}

@media screen and (max-width: 997px) {
  .promo-product {
    height: 196px;
  }
}

@media (max-width: 991.98px) {
  .container {
    max-width: 970px;
  }
}

@media screen and (max-width: 991.98px) {
  .menu {
    position: fixed;
    background: #131418;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    display: none;
  }

  .menu.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    pointer-events: all;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 22;
    -webkit-animation: fade 0.1s linear;
    animation: fade 0.1s linear;
  }

  .burger {
    display: block;
    position: relative;
    height: 20px;
    width: 30px;
    z-index: 102;
    cursor: pointer;
  }

  .burger.active-burger:before {
    background: "white";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s all;
    -o-transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s all;
    transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s all;
    top: 8px;
  }

  .burger.active-burger:after {
    background: "white";
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: 10px;
    -webkit-transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s all;
    -o-transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s all;
    transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s all;
  }

  .burger.active-burger span {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  .burger:before,
  .burger:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    background: "black";
    -webkit-transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s all;
    -o-transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s all;
    transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s all;
  }

  .burger:before {
    top: 0;
  }

  .burger::after {
    bottom: 0;
  }

  .burger span {
    position: absolute;
    top: 9px;
    right: 0;
    width: 100%;
    background: "black";
    height: 2px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s all;
    -o-transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s all;
    transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s all;
  }

  .menu__item {
    margin-top: 15px;
  }
}

@media screen and (max-width: 976px) {
  .whywe__frame {
    width: 250px;
  }

  .whywe__frame--top::after {
    top: 102%;
    right: -88px;

    width: 55px;
    height: 61px;
  }

  .whywe__frame--right::after {
    top: 135%;
    left: 49px;

    width: 55px;
    height: 61px;
  }

  .whywe__frame--bottom::after {
    bottom: 51%;
    left: -64px;

    width: 55px;
    height: 61px;
  }

  .whywe__frame--left::after {
    bottom: 98%;
    right: 18px;

    width: 55px;
    height: 61px;
  }

  .whywe__frame--bottom {
    -webkit-transform: translateX(-121%) translateY(95%);
    -ms-transform: translateX(-121%) translateY(95%);
    transform: translateX(-121%) translateY(95%);
  }

  .whywe__frame--top {
    -webkit-transform: translateX(-121%) translateY(-192%);
    -ms-transform: translateX(-121%) translateY(-192%);
    transform: translateX(-121%) translateY(-192%);
  }

  .whywe__frame--left {
    -webkit-transform: translateX(-216%) translateY(-50%);
    -ms-transform: translateX(-216%) translateY(-50%);
    transform: translateX(-216%) translateY(-50%);
  }

  .whywe__frame--right {
    -webkit-transform: translateX(-31%) translateY(-50%);
    -ms-transform: translateX(-31%) translateY(-50%);
    transform: translateX(-31%) translateY(-50%);
  }
}

@media screen and (max-width: 960px) {
  .slider .main-image img {
    max-width: 425px;
  }

  .slider .thumbnail {
    width: 65%;
  }

  .slider .thumbnail img {
    width: 80px;
    height: 80px;
  }

  .info__wrapper .details {
    margin-top: 20px;
  }

  .info__wrapper .play-frame .play-girl {
    left: 86%;
  }

  .info__wrapper .details .films .icon-game,
  .info__wrapper .details .games .icon-game {
    width: 33px;
    height: 33px;
  }

  .info__wrapper .details .films ul li,
  .info__wrapper .details .games ul li {
    font-size: 14px;
  }

  .promo-product {
    height: 165px;
  }
}

@media screen and (max-width: 938px) {
  .promo__girl::after {
    bottom: 12.3%;
    right: 10%;
    width: 274px;
    height: 274px;
  }

  .girl-photo-wrapper {
    width: unset;
    height: unset;
  }

  .promo__photo {
    width: 256px;
  }

  .promo__girl img {
    width: 280px;
  }

  .promo__explanation {
    margin-top: 0;
  }

  .girl-photo-wrapper {
    position: relative;
    bottom: -11%;
    right: 8%;
  }
}

@media screen and (max-width: 926px) {
  .catalog-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 916px) {
  .promo-product {
    height: 145px;
  }

  .promo__explanation__wrapper__header-product {
    font-size: 15px;
  }

  .promo__explanation__wrapper__descr-product {
    font-size: 12px;
  }

  .promo__explanation__wrapper-product {
    padding-left: 16px;
    padding-bottom: 5px;
  }

  .promo__explanation-product::after {
    height: 122px;
  }
}

@media screen and (max-width: 911px) {
  .good-prods_item {
    position: relative;
    width: 306px;
    height: 430px;
  }
}

@media screen and (max-width: 900px) {
  .slider .main-image img {
    max-width: 380px;
  }

  .info__wrapper .play-frame {
    padding: 6px;
    width: 50%;
  }

  .info__wrapper .play-frame .play-girl {
    top: -50px;
    left: 86%;
  }

  .info__wrapper .header .achievements .icon-achievement {
    width: 35px;
    height: 35px;
  }

  .info__wrapper .description {
    font-size: 13px;
    margin-top: 20px;
  }

  .info__wrapper .details {
    margin-top: 20px;
  }

  .slider .thumbnail img {
    width: 70px;
    height: 70px;
  }

  .info__wrapper .details .films div,
  .info__wrapper .details .games div {
    font-size: 15px;
  }

  .info__wrapper .details .films .icon-game,
  .info__wrapper .details .games .icon-game {
    width: 28px;
    height: 28px;
  }

  .info__wrapper .details .films ul li,
  .info__wrapper .details .games ul li {
    font-size: 13px;
  }

  .plans__button--secondary {
    padding: 0;
    margin-top: 10px;
  }

  .promo-product {
    height: 132px;
  }

  .promo__explanation__wrapper__header-product {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 878px) {
  .promo__girl::after {
    bottom: 17.3%;
    right: 10%;
    width: 274px;
    height: 274px;
  }
}

@media screen and (max-width: 865px) {
  .promo-product {
    height: 112px;
  }

  .promo__explanation__wrapper__descr-product {
    width: 237px;
  }

  .promo__explanation__photo-product {
    height: 136px;
  }

  .promo__explanation-product::after {
    height: 96px;
    width: 320px;
  }
}

@media screen and (max-width: 863px) {
  .slider .main-image img {
    max-width: 363px;
  }

  .slider .thumbnail img {
    width: 65px;
    height: 65px;
  }

  .slider .arrow-6 svg {
    width: 35px;
  }

  .info__wrapper .details .games .icon-game {
    width: 25px;
    height: 25px;
  }

  .info__wrapper .details {
    margin-top: 10px;
  }

  .info__wrapper .details .films div,
  .info__wrapper .details .games div {
    font-size: 14px;
  }

  .info__wrapper .details .films ul li,
  .info__wrapper .details .games ul li {
    font-size: 12px;
  }

  .info__wrapper .description {
    font-size: 12px;
  }

  .info__wrapper .play-frame .play-girl {
    position: absolute;
    top: -40px;
    left: 87%;
    height: 90px;
  }

  .info__wrapper .details .films .games__wrapper,
  .info__wrapper .details .games .games__wrapper {
    width: 98%;
  }
}

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

  .goods__image--left,
  .goods__image--right {
    width: 150px;
  }

  .promo__explanation::after {
    height: 166px;
  }
}

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

  .plans__box-bestseller,
  .tariff-subtext {
    top: 6px;
  }

  .slider .arrow-6 svg {
    width: 25px;
  }

  .slider .main-image img {
    max-width: 330px;
  }

  .info__wrapper .header .name {
    font-size: 25px;
  }

  .info__wrapper .header .achievements .icon-achievement {
    width: 25px;
    height: 25px;
  }

  .info__wrapper {
    width: 58%;
  }

  .info__wrapper .play-frame {
    width: 60%;
  }

  .info__wrapper .play-frame {
    padding: 6px;
  }

  .info__wrapper .play-frame .play-girl {
    top: -40px;
  }

  .info__wrapper .description {
    font-size: 10px;
  }

  .info__wrapper .details .films div,
  .info__wrapper .details .games div {
    font-size: 13px;
  }

  .info__wrapper .details .films .games__wrapper,
  .info__wrapper .details .games .games__wrapper {
    gap: 10px;
    width: 87%;
  }

  .info__wrapper .details .films .icon-game,
  .info__wrapper .details .games .icon-game {
    width: 25px;
    height: 25px;
  }

  .info__wrapper .details .films ul li,
  .info__wrapper .details .games ul li {
    font-size: 11px;
    margin-top: 8px;
  }

  .info__wrapper .details .films div,
  .info__wrapper .details .games div {
    margin-bottom: 10px;
    font-size: 12px;
  }

  .films {
    width: 210px;
  }

  .money__photo {
    right: 5%;
    height: 300px;
  }

  .money {
    height: 400px;
  }

  .plans__box {
    width: 350px;
    margin-bottom: 50px;
  }

  .plans__box-title {
    font-size: 22px;
    line-height: 20px;
  }

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

  .plans__text {
    text-align: left;
  }

  .plans__list-item {
    font-size: 13px;
  }
}

@media screen and (max-width: 768px) {
  .contactt-wrap {
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
    padding-top: 0;
  }

  .community-links {
    flex-direction: column;
    gap: 20px;
  }

  .contactt-right {
    margin-bottom: 50px;
    width: 100%;
  }

  .contactt-left {
    width: 100%;
  }

  .wpcf7-form {
    width: 100%;
    gap: 0;
  }

  .wpcf7 input[type="text"],
  .wpcf7 input[type="email"],
  .wpcf7 input[type="file"],
  .wpcf7 textarea {
    width: 100%;
    display: block;
    box-sizing: border-box;
  }

  .wpcf7-form label {
    display: block;
    width: 100%;
  }

  .whywe__frame--top::after {
    top: 103%;
    right: -62px;

    width: 55px;
    height: 46px;
  }

  .whywe__frame--right::after {
    top: 135%;
    left: 36px;

    width: 55px;
    height: 46px;
  }

  .whywe__frame--bottom::after {
    bottom: 35%;
    left: -44px;

    width: 55px;
    height: 46px;
  }

  .whywe__frame--left::after {
    bottom: 91%;
    right: 18px;

    width: 55px;
    height: 46px;
  }

  .whywe__frame::before {
    border-radius: 27px;
  }

  .promo__girl img {
    width: 225px;
  }

  .whywe {
    padding-top: 124px;
    padding-bottom: 155px;
  }

  .goods__header {
    font-size: 28px;
    line-height: 28px;
  }

  .goods__product-card {
    background: -o-linear-gradient(268.91deg,
        rgba(0, 0, 0, 0) 0.438%,
        rgba(14, 2, 33, 0.81) 104.715%);
    background: linear-gradient(181.09deg,
        rgba(0, 0, 0, 0) 0.438%,
        rgba(14, 2, 33, 0.81) 104.715%);
    background-position: center;
    background-size: cover;
  }

  .goods__product-card {
    width: 192.06px;
    height: 270.09px;
    border-radius: 40px;
  }

  .whywe__circle {
    margin-top: 150px;
  }

  .whywe__photo {
    width: 230px;
    height: 230px;
  }

  .whywe__frame--top {
    -webkit-transform: translateX(-107%) translateY(-192%);
    -ms-transform: translateX(-107%) translateY(-192%);
    transform: translateX(-107%) translateY(-192%);
  }

  .whywe__frame--bottom {
    -webkit-transform: translateX(-107%) translateY(95%);
    -ms-transform: translateX(-107%) translateY(95%);
    transform: translateX(-107%) translateY(95%);
  }

  .whywe__frame--left {
    -webkit-transform: translateX(-194%) translateY(-50%);
    -ms-transform: translateX(-194%) translateY(-50%);
    transform: translateX(-194%) translateY(-50%);
  }

  .whywe__frame--right {
    -webkit-transform: translateX(-19%) translateY(-50%);
    -ms-transform: translateX(-19%) translateY(-50%);
    transform: translateX(-19%) translateY(-50%);
  }

  .whywe__photo img {
    width: 100%;
  }

  .whywe__frame {
    padding: 12px 20px;
    width: 204px;
  }

  .whywe__frame__description {
    font-size: 11px;
    font-weight: 400;
    line-height: 11px;
  }

  .whywe__frame__title {
    font-size: 13px;
    line-height: 13px;
  }

  .whywe__header {
    line-height: 28px;
    font-size: 28px;
  }

  .nav-bar {
    font-size: 13px;
    margin-right: 24px;
    font-weight: 300;
  }

  .promo__header {
    font-size: 32px;
    line-height: 32px;
  }

  .promo__subheader {
    margin-top: 0;
    font-size: 18px;
    font-weight: 300;
    line-height: 18px;
  }

  .promo__button {
    border-radius: 21px;
    background: -webkit-gradient(linear,
        left top,
        right top,
        from(#6600ff),
        to(#3d0099));
    background: -o-linear-gradient(left, #6600ff, #3d0099 100%);
    background: linear-gradient(90deg, #6600ff, #3d0099 100%);
    font-size: 16px;
    padding: 17px 42px;
    font-weight: 800;
  }

  .promo__wrapper {
    padding-top: 91px;
  }

  .promo__girl::after,
  .promo__girl::before {
    bottom: -10%;
    right: 8%;
    width: 225px;
    height: 225px;
  }

  .promo__girl {
    padding: 0;
  }

  .promo__button {
    position: relative;
    z-index: 1000;
  }

  .promo__girl {
    margin-bottom: 84px;
  }

  .promo__explanation__wrapper__header {
    font-size: 15px;
    margin-bottom: 9px;

  }

  .promo__explanation__wrapper__descr {
    font-size: 12px;

    line-height: 12px;
  }

  .promo__explanation__photo {
    width: 84px;
  }

  .promo__explanation__wrapper {
    margin-left: 15px;
    margin-bottom: 12px;
  }

  .good-prods_item {
    width: 192.06px;
    height: 270.09px;
    border-radius: 40px;
    margin-right: 63px;
  }

  .good-filter {
    border-radius: 40px;
    background: -o-linear-gradient(268.91deg,
        rgba(0, 0, 0, 0) 0.438%,
        rgba(14, 2, 33, 0.81) 104.715%);
    background: linear-gradient(181.09deg,
        rgba(0, 0, 0, 0) 0.438%,
        rgba(14, 2, 33, 0.81) 104.715%);
  }

  .good-prods_item-img {
    border-radius: 40px;
  }

  .good-prods_item-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 10px;
  }

  .good-prods_item-icons img {
    width: 24px;
  }

  .good-prods_item-btn {
    font-family: Muller;
    font-size: 9px;
    font-weight: 800;
    line-height: 9px;
    border-radius: 21px;
    padding: 8px 22px;
    margin-top: 21px;
  }

  .good-content {
    margin-bottom: 26px;
  }

  .goods__load-more-button {
    font-size: 12px;
    font-weight: 800;
    line-height: 12px;
    padding: 16px 23px;
  }

  .faq .faq__content .faq__header {
    font-size: 24px;
  }

  .faq {
    padding-top: 50px;
  }

  .catalog-item {
    margin-right: 0;
  }

  .catalog-content {
    margin-bottom: 0;
  }

  .promo__explanation::after {
    height: 111px;
  }

  .promo-product {
    height: 130px;
  }

  .promo__explanation__wrapper__descr-product {
    font-size: 10px;
    width: 193px;
  }

  .promo__explanation-product::after {
    width: 280px;
  }

  .promo__explanation__photo-product {
    width: auto;
  }
}

@media (max-width: 767.98px) {
  .footer-col {
    flex: unset;
  }

  .container {
    max-width: 740px;
  }

  #menu {
    display: block;
  }

  .head-nav {
    display: none;
  }

  .plans__list--no li::after {
    left: -17px;
    white-space: unset;
  }
}

@media screen and (max-width: 700px) {
  .howit-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }

  .product-guarantee {
    width: 90%;
  }

  .eg-bundles {
    padding: 0 0 18px;
  }

  .eg-bundles__grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .eg-bundles__card {
    padding: 14px 14px 16px;
  }

  .eg-bundles__title {
    font-size: 19px;
  }

  .eg-bundles__text {
    font-size: 13px;
    margin-bottom: 12px;
  }

  .eg-related-girls {
    padding: 24px 0 34px;
  }

  .eg-related-girls__title {
    font-size: 24px;
    margin-bottom: 12px;
  }

  .eg-related-girls__track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(68%, 1fr);
    overflow-x: auto;
    gap: 10px;
    padding: 2px 2px 8px;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .eg-related-girls__track::-webkit-scrollbar {
    display: none;
  }

  .eg-related-girls__card {
    scroll-snap-align: start;
  }

  .eg-faq-lite {
    padding: 34px 0 20px;
  }

  .eg-faq-lite__title {
    font-size: 24px;
    margin-bottom: 14px;
  }

  .eg-faq-lite__item summary {
    padding: 12px 14px;
    padding-right: 40px;
    font-size: 15px;
  }

  .eg-faq-lite__item p {
    padding: 0 14px 12px;
    font-size: 14px;
  }

  .plans__list--checkbox .plans__list-item {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    align-items: center;
    column-gap: 10px;
    min-height: 0;
    margin-bottom: 0;
  }

  .plans__list--checkbox .plans__list-item input[type="checkbox"] {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    margin: 0;
    border-radius: 6px;
  }

  .plans__list--checkbox .plans__list-item input[type="checkbox"]:checked {
    box-shadow: 0 0 0 3px rgba(138, 92, 246, .15);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.5L6.6 11.6L12.5 4.5' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
  }

  .plans__list--checkbox .plans__list-item input[type="checkbox"]:active {
    transform: scale(.96);
  }

  .plans__list--checkbox .plans__list-item label {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    line-height: 1.4;
  }

  .plans__list--checkbox .plans__list-item label.plans__addon-card {
    padding: 8px 10px;
  }

  .plans__addon-title {
    font-size: 13px;
  }

  .plans__addon-price {
    font-size: 11px;
  }

  .product-slot {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 23px;
  }

  nav a.profile-icon {
    display: inline-block;
  }

  .woocommerce-checkout {
    flex-direction: column;
  }

  .order_review {
    width: 100%;
  }

  .promo__explanation::after {
    height: 129px;
  }

  .slider {
    display: none;
  }

  .carousel-2 {
    position: relative;
    display: block;
    z-index: 1;
    width: 100%;
    visibility: visible;
    overflow: hidden;
  }

  .girl .container_slider {
    padding-top: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .info__wrapper {
    width: 100%;
    padding: 0 20px;
  }

  .info__wrapper .header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .info__wrapper .header .name {
    font-size: 35px;
  }

  .info__wrapper .header .achievements .icon-achievement {
    width: 35px;
    height: 35px;
    margin-top: 15px;
  }

  .info__wrapper .play-frame {
    width: 158px;
    margin-top: 35px;
    left: 50%;
    padding: 10px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .info__wrapper .play-frame .play-girl {
    position: absolute;
    top: -52px;
    left: 86%;
    height: 109px;
    display: none;
  }

  .info__wrapper .description {
    color: #d1d1d1;
    font-size: 15px;
    text-align: center;
    max-width: 350px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .info__wrapper .details {
    margin-top: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .info__wrapper .details .films div,
  .info__wrapper .details .games div {
    font-size: 16px;
    text-align: center;
  }

  .info__wrapper .details .films .games__wrapper,
  .info__wrapper .details .games .games__wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .info__wrapper .details .games .icon-game {
    width: 35px;
    height: 35px;
  }

  .info__wrapper .details .films ul,
  .info__wrapper .details .games ul {
    padding-left: 20%;
  }

  .info__wrapper .details .films ul li,
  .info__wrapper .details .games ul li {
    font-size: 13px;
  }

  .games {
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 33%;
  }

  .films {
    margin-top: 10px;
  }

  .games,
  .films {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

  .promo-product {
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .promo__explanation-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .plans__boxes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
  }

  .plans__box {
    width: 350px;
  }

  .plans__box-title {
    font-size: 24px;
    line-height: 34px;
  }

  .plans__text {
    font-size: 15px;
    text-align: left;
  }

  .plans__accordion {
    -ms-flex-direction: column;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }

  .plans__accordion-text {
    margin-bottom: 0px;
    margin-right: 13px;
  }

  .plans__select {
    width: 12%;
  }

  .money__photo {
    right: 5%;
    height: 170px;
  }

  .promo__girl::after,
  .promo__girl::before {
    bottom: -6%;
    right: 8%;
    width: 225px;
    height: 225px;
  }
}

@media screen and (max-width: 603px) {
  .promo__girl::after {
    bottom: 3%;
    right: 8%;
    width: 225px;
    height: 212px;
  }
}

@media screen and (max-width: 580px) {
  .promo__girl::after {
    bottom: 5%;
    right: 8%;
    width: 225px;
    height: 212px;
  }
}

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

  .whywe__frame--top::after {
    top: 103%;
    right: -47px;
    width: 29px;
    height: 67px;
    background-image: url("https://egirlz.chat/wp-content/uploads/2025/06/11.png");
  }

  .whywe__frame--right::after {
    top: 107%;
    left: -47px;

    width: 29px;
    height: 67px;
    background-image: url("https://egirlz.chat/wp-content/uploads/2025/06/22.png");
  }

  .whywe__frame--bottom::after {
    top: 114%;
    left: 111%;

    width: 29px;
    height: 67px;
    background-image: url("https://egirlz.chat/wp-content/uploads/2025/06/33.png");
  }

  .whywe__frame--left::after {
    content: unset;
  }

  .head-nav {
    display: none;
  }

  .promo__wrapper {
    padding-top: 83px;
  }

  .promo__header {
    margin-bottom: 0;
    max-width: 80%;
  }

  .promo__subheader {
    font-size: 20px;
    font-weight: 300;
    line-height: 20px;
  }

  .promo__button {
    margin-top: 33px;
  }

  .promo__girl {
    display: none;
  }

  .promo__explanation {
    margin-top: 57px;
  }

  .whywe {
    padding-top: 92px;
    padding-bottom: 92px;
  }

  .whywe__frame {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    position: relative;
    margin-bottom: 22px;
    padding: 16px 20px;
  }

  .whywe__frame:last-child {
    margin-bottom: 0;
  }

  .whywe__circle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 49px;
    position: relative;
  }

  .whywe__wrapper {
    padding: 0;
    margin-top: -40px;
  }

  .whywe__photo {
    width: 181px;
    height: 181px;
  }

  .triangle {
    display: block;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-filter: blur(73.5px);
    filter: blur(73.5px);
    top: 10%;
    background: rgba(102, 0, 255, 0.22);
    width: 0;
    height: 0;
    border-left: 97px solid transparent;
    border-right: 97px solid transparent;
    border-bottom: 499px solid rgba(102, 0, 255, 0.12);
    position: absolute;
  }

  .goods__header {
    margin-bottom: 68px;
  }

  .good-prods_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 51px;
  }


  .good-prods_wrap a {
    margin-right: 0;
    margin-bottom: 51px;
  }

  .good-prods_wrap a:last-child {
    margin-bottom: 0;
  }

  .faq .faq__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .faq .faq__image {
    -ms-flex-item-align: start;
    align-self: flex-start;
    height: unset;
    width: 250px;
  }

  .faq .faq__content {
    width: 100%;
  }

  .promo__wrapper {
    max-width: 75%;
  }

  .promo__explanation {
    display: none;
  }

  .promo__explanation-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }

  .promo__explanation::after {
    width: 100%;
    height: 142px;
  }

  .money {
    overflow: hidden;
  }

  .money__photo {
    right: -7%;
    height: 222px;
  }

  .promo__explanation__wrapper__descr {
    width: 100%;
  }



  #menu_box {
    padding-top: 10px;
  }

  .nav-bar {
    margin-right: 0;
    font-size: 19px;
    margin-bottom: 30px;
    font-weight: 500;
  }

  .footer nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .footer .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .mobilegirl {
    display: block;
    position: absolute;
    right: 0;
    top: 10%;
  }

  .promo {
    position: relative;
  }

  .catalog-title {
    color: white;
    font-family: Muller;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 1.64vw;
    text-align: left;
    text-transform: uppercase;
    opacity: 0.68;
  }
}

@media screen and (max-width: 574px) {
  .promo__explanation-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .info__wrapper .details .films .games__wrapper,
  .info__wrapper .details .games .games__wrapper {
    width: 100%;
  }

  .plans__header {
    font-size: 26px;
  }
}

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

  .info__wrapper .details .films .games__wrapper,
  .info__wrapper .details .games .games__wrapper {
    width: 110%;
  }
}

@media screen and (max-width: 513px) {
  .catalog-item {
    width: 165.77px;
    height: 233.11px;
    border-radius: 36px;
    padding-bottom: 20px;
    margin-right: 10px;
  }

  .catalog-item,
  .catalog-img,
  .good-filter-catalog {
    border-radius: 36px;
  }

  .catalog-item-icons img {
    width: 18px;
  }

  .catalog-item-button {
    margin-top: 15px;
  }
}

@media screen and (max-width: 506px) {
  .container {
    padding: 0px 25px;
  }

  .games {
    width: 40%;
  }
}

@media (max-width: 479.98px) {
  .container {
    max-width: none;
  }

  .promo__explanation::after {
    height: 163px;
  }
}

@media screen and (max-width: 442px) {
  .games {
    width: 50%;
  }

  .promo-product {
    width: 100%;
  }
}

@media screen and (max-width: 427px) {
  .promo__subheader {
    font-size: 20px;
    font-weight: 300;
    line-height: 20px;
    width: 300px;
  }

  .tooltip-icon .tooltip-text {
    position: absolute;
    bottom: 125%;
    left: 44%;
    text-align: center;
    transform: translateX(-64%) translateY(10px);
    background-color: #222;
    color: #fff;
    padding: 6px 10px;
    border-radius: 6px;
    /* white-space: normal; */
    font-size: 12px;
    width: 121px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease;
    z-index: 10;
    pointer-events: none;
  }

  .promo__header {
    margin-bottom: 0;
    max-width: 72%;
  }

  .promo__wrapper {
    max-width: unset;
    width: 100%;
  }

  .catalog-item {
    width: 141.77px;
    height: 202.11px;
  }

  .money__photo {
    right: -18%;
    height: 222px;
  }
}

@media screen and (max-width: 389px) {
  .promo__explanation::after {
    height: 189px;
  }

  .promo__explanation-product::after {
    height: 122px;
  }

  .catalog-item {
    width: 220px;
    height: 306px;
    padding-bottom: 20px;
  }

  .plans__box {
    width: 100%;
  }

  .catalog-item,
  .catalog-img,
  .good-filter-catalog {
    border-radius: 59px;
  }

  .catalog-wrapper {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 382px) {
  .games {
    width: 65%;
  }

  .promo-product {
    height: 175px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 220px;
  }

  .tooltip-icon.active .tooltip-text,
  .tooltip-icon:hover .tooltip-text,
  .tooltip-icon:focus .tooltip-text {
    opacity: 1;
    visibility: visible;
    transform: translateX(-54%) translateY(0);
    pointer-events: auto;
  }

  .tooltip-icon .tooltip-text {
    position: absolute;
    bottom: 125%;
    left: 31%;
    text-align: center;
    transform: translateX(-64%) translateY(10px);
    background-color: #222;
    color: #fff;
    padding: 6px 10px;
    border-radius: 6px;
    /* white-space: normal; */
    font-size: 12px;
    width: 117px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease;
    z-index: 10;
    pointer-events: none;
  }

}

@media screen and (max-width: 354px) {
  .promo__explanation::after {
    height: 198px;
  }

  .money__photo {
    right: -26%;
    height: 222px;
  }

  .plans__box-bestseller,
  .tariff-subtext {
    top: -13px;
  }
}

@media screen and (max-width: 330px) {
  .promo__explanation::after {
    height: 224px;
  }

  .carousel-2 .owl-nav button.owl-prev,
  .carousel-2 .owl-nav button.owl-prev:hover {
    left: 25%;
  }

  .carousel-2 .owl-nav button.owl-next,
  .carousel-2 .owl-nav button.owl-next:hover {
    right: 25%;
  }

  .games {
    width: 70%;
  }

  .promo__explanation-product::after {
    height: 122px;
  }
}

/* ═══════════════════════════════════════════════════
   CHECKOUT PAGE — E-GIRLZ Premium
   ═══════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════
   E-GIRLZ CHECKOUT — Premium Redesign
   ═══════════════════════════════════════════════ */

@keyframes eg-co-fadeUp {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes eg-co-shimmer {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

@keyframes eg-co-pulse {

  0%,
  100% {
    box-shadow: 0 0 24px rgba(102, 0, 255, 0.45), 0 4px 16px rgba(0, 0, 0, 0.3);
  }

  50% {
    box-shadow: 0 0 36px rgba(102, 0, 255, 0.65), 0 6px 24px rgba(102, 0, 255, 0.45);
  }
}

@keyframes eg-co-borderGlow {

  0%,
  100% {
    border-color: rgba(177, 126, 255, 0.18);
  }

  50% {
    border-color: rgba(177, 126, 255, 0.35);
  }
}

.eg-checkout-page {
  font-family: "Muller", sans-serif;
  color: #fff;
  min-height: 100vh;
  padding: 0 40px 60px;
  max-width: 1200px;
  margin: 0 auto;
}

.eg-checkout-page~.site-footer {
  margin-top: 0;
}

/* ── Progress Stepper ─────────────────────── */
.eg-checkout-stepper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 32px 0 36px;
  animation: eg-co-fadeUp 0.5s ease both;
}

.eg-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  position: relative;
  cursor: default;
}

a.eg-step {
  cursor: pointer;
}

.eg-step__icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(177, 126, 255, 0.2);
  background: rgba(255, 255, 255, 0.03);
  color: #6b5f8e;
  transition: all 0.35s ease;
}

.eg-step--done .eg-step__icon {
  background: linear-gradient(135deg, #6600ff, #8a33ff);
  border-color: #8a33ff;
  color: #fff;
  box-shadow: 0 0 18px rgba(102, 0, 255, 0.35);
}

.eg-step--active .eg-step__icon {
  background: linear-gradient(135deg, #7d54ff, #b17eff);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 0 24px rgba(125, 84, 255, 0.45), 0 0 48px rgba(177, 126, 255, 0.22);
  transform: scale(1.1);
  animation: eg-co-step-pulse 2.6s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .eg-step--active .eg-step__icon {
    animation: none;
  }
}

@keyframes eg-co-step-pulse {
  0%, 100% {
    box-shadow: 0 0 24px rgba(125, 84, 255, 0.45), 0 0 48px rgba(177, 126, 255, 0.22);
  }
  50% {
    box-shadow: 0 0 30px rgba(125, 84, 255, 0.6), 0 0 60px rgba(177, 126, 255, 0.34);
  }
}

.eg-step--upcoming .eg-step__icon {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(177, 126, 255, 0.12);
  color: #4a4260;
}

.eg-step__label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #6b5f8e;
  white-space: nowrap;
}

.eg-step--done .eg-step__label {
  color: #b17eff;
}

.eg-step--active .eg-step__label {
  color: #fff;
}

.eg-step--upcoming .eg-step__label {
  color: #4a4260;
}

.eg-step__line {
  flex: 0 0 60px;
  height: 2px;
  background: rgba(177, 126, 255, 0.1);
  border-radius: 1px;
  margin: 0 6px;
  margin-bottom: 28px;
}

.eg-step__line--active {
  background: linear-gradient(90deg, #6600ff, #b17eff);
  box-shadow: 0 0 8px rgba(102, 0, 255, 0.3);
}

/* ── Form grid: 2 columns ────────────────── */
.eg-checkout-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: start;
}

.eg-checkout-col--left {
  grid-column: 1;
  animation: eg-co-fadeUp 0.5s 0.1s ease both;
}

.eg-checkout-col--right {
  grid-column: 2;
  animation: eg-co-fadeUp 0.5s 0.2s ease both;
}

/* ── Cards ────────────────────────────────── */
.eg-checkout-card {
  position: relative;
  border-radius: 22px;
  padding: 30px 28px;
  background:
    linear-gradient(145deg, rgba(24, 14, 51, 0.78), rgba(16, 8, 32, 0.55));
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  overflow: hidden;
  /* Gradient border via background-clip trick */
  border: 1px solid transparent;
  background-clip: padding-box;
  box-shadow:
    0 12px 48px rgba(7, 4, 21, 0.5),
    inset 0 0 0 1px rgba(177, 126, 255, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition: box-shadow 0.4s ease;
}

.eg-checkout-card:hover {
  box-shadow:
    0 16px 56px rgba(7, 4, 21, 0.6),
    inset 0 0 0 1px rgba(177, 126, 255, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* Top gradient line */
.eg-checkout-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #7d54ff 30%, #b17eff 70%, transparent);
  opacity: 0.7;
}

/* Soft corner glow */
.eg-checkout-card::after {
  content: "";
  position: absolute;
  top: -60px;
  right: -60px;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle, rgba(125, 84, 255, 0.12) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

.eg-checkout-card>* {
  position: relative;
  z-index: 1;
}

.eg-checkout-card--order {
  border-color: transparent;
  box-shadow:
    0 12px 48px rgba(7, 4, 21, 0.5),
    inset 0 0 0 1px rgba(102, 0, 255, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

/* Card icon wrapper */
.eg-checkout-card-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(125, 84, 255, 0.2), rgba(177, 126, 255, 0.12));
  color: #b17eff;
  flex-shrink: 0;
}

.eg-checkout-card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(177, 126, 255, 0.1);
}

.eg-checkout-card-header h2 {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  color: #fff;
  letter-spacing: 0.01em;
}

.eg-checkout-card-header svg {
  flex-shrink: 0;
}

/* ── Hide WC duplicate headings ────────────── */
.eg-checkout-card #customer_details h3,
.eg-checkout-card .woocommerce-billing-fields h3,
.eg-checkout-card .woocommerce-shipping-fields h3,
.eg-checkout-card .woocommerce-additional-fields h3 {
  display: none;
}

.eg-checkout-card .woocommerce-additional-fields>h3 {
  display: none;
}

.eg-checkout-card .woocommerce-additional-fields p.form-row label {
  color: #d6ceef;
  font-weight: 600;
  font-size: 13px;
}

/* ── customer_details layout ──────────────── */
.eg-checkout-card #customer_details {
  display: flex;
  flex-direction: column;
  margin-right: 0;
}

.eg-checkout-card #customer_details .col-1,
.eg-checkout-card #customer_details .col-2 {
  width: 100%;
  float: none;
}

/* ── Form Fields ─────────────────────────── */
.eg-checkout-form .form-row {
  margin-bottom: 20px;
}

.eg-checkout-form .form-row label {
  display: block;
  margin-bottom: 7px;
  color: #c9bcef;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.eg-checkout-form .form-row label .required {
  color: #b17eff;
  margin-left: 2px;
}

.eg-checkout-form .form-row .input-text,
.eg-checkout-form .form-row input[type="text"],
.eg-checkout-form .form-row input[type="email"],
.eg-checkout-form .form-row input[type="tel"],
.eg-checkout-form .form-row input[type="password"],
.eg-checkout-form .form-row textarea,
.eg-checkout-form .form-row select {
  width: 100% !important;
  padding: 14px 18px;
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(177, 126, 255, 0.15) !important;
  border-radius: 14px;
  color: #fff !important;
  font-size: 15px;
  font-family: "Muller", sans-serif;
  transition: all 0.3s ease;
  outline: none;
  box-sizing: border-box;
}

.eg-checkout-form .form-row .input-text::placeholder,
.eg-checkout-form .form-row input::placeholder,
.eg-checkout-form .form-row textarea::placeholder {
  color: rgba(177, 155, 220, 0.4);
}

.eg-checkout-form .form-row .input-text:hover,
.eg-checkout-form .form-row input:hover,
.eg-checkout-form .form-row textarea:hover,
.eg-checkout-form .form-row select:hover {
  border-color: rgba(177, 126, 255, 0.3) !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

.eg-checkout-form .form-row .input-text:focus,
.eg-checkout-form .form-row input:focus,
.eg-checkout-form .form-row textarea:focus,
.eg-checkout-form .form-row select:focus {
  border-color: #b17eff !important;
  background: rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 0 0 3px rgba(177, 126, 255, 0.1), 0 0 20px rgba(177, 126, 255, 0.06);
}

.eg-checkout-form .form-row textarea {
  min-height: 100px;
  resize: vertical;
}

/* Ensure all form rows take full width */
.eg-checkout-form .form-row,
.eg-checkout-form p.form-row {
  width: 100% !important;
  float: none !important;
  clear: both !important;
}

.eg-checkout-form .form-row-first,
.eg-checkout-form .form-row-last {
  width: 100% !important;
}

/* Checkbox styling */
.eg-checkout-form .woocommerce-form__input-checkbox,
.eg-checkout-form input[type="checkbox"] {
  accent-color: #b17eff;
  width: 16px !important;
  height: 16px;
  border-radius: 4px;
  cursor: pointer;
}

/* ── Order Review Table ──────────────────── */
.eg-checkout-card .woocommerce-checkout-review-order-table {
  width: 100%;
  border-collapse: collapse;
  color: #fff;
}

.eg-checkout-card .woocommerce-checkout-review-order-table thead th {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #8a7db0;
  padding: 0 0 14px;
  border-bottom: 1px solid rgba(177, 126, 255, 0.08);
}

.eg-checkout-card .woocommerce-checkout-review-order-table thead th.product-total {
  text-align: right;
}

.eg-checkout-card .woocommerce-checkout-review-order-table tbody td {
  padding: 18px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  vertical-align: middle;
}

.eg-checkout-card .woocommerce-checkout-review-order-table tbody td.product-total {
  text-align: right;
  font-weight: 700;
  white-space: nowrap;
  color: #fff;
  font-size: 16px;
}

.eg-checkout-card .woocommerce-checkout-review-order-table tfoot th,
.eg-checkout-card .woocommerce-checkout-review-order-table tfoot td {
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.eg-checkout-card .woocommerce-checkout-review-order-table tfoot th {
  color: #a99cc8;
  font-weight: 500;
  font-size: 14px;
}

.eg-checkout-card .woocommerce-checkout-review-order-table tfoot td {
  text-align: right;
  font-weight: 600;
  color: #efe8ff;
  white-space: nowrap;
}

.eg-checkout-card .woocommerce-checkout-review-order-table tfoot .order-total th {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

.eg-checkout-card .woocommerce-checkout-review-order-table tfoot .order-total th,
.eg-checkout-card .woocommerce-checkout-review-order-table tfoot .order-total td {
  font-size: 22px;
  font-weight: 800;
  border-bottom: none;
  padding-top: 20px;
  color: #fff;
  white-space: nowrap;
}

/* Price gradient effect */
.eg-checkout-card .woocommerce-checkout-review-order-table tfoot .order-total td .woocommerce-Price-amount {
  background: linear-gradient(135deg, #fff, #d4b5ff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ── Product row with thumbnail ──────────── */
.eg-checkout-product {
  display: flex;
  align-items: center;
  gap: 14px;
}

.eg-checkout-product-img {
  flex-shrink: 0;
}

.eg-checkout-product-img img {
  width: 58px;
  height: 58px;
  border-radius: 14px;
  object-fit: cover;
  border: 1px solid rgba(177, 126, 255, 0.18);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35), 0 0 12px rgba(125, 84, 255, 0.1);
  transition: transform 0.3s ease;
}

.eg-checkout-product:hover .eg-checkout-product-img img {
  transform: scale(1.05);
}

.eg-checkout-product-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.eg-checkout-product-title {
  font-weight: 700;
  font-size: 15px;
  color: #fff;
}

.eg-checkout-product-info .product-quantity {
  font-weight: 400;
  color: #a99cc8;
  font-size: 13px;
}

.eg-checkout-product-info dt,
.eg-checkout-product-info dd {
  display: inline;
  font-size: 12px;
  color: #b5a8d8;
  margin: 0;
}

.eg-checkout-product-info dl {
  margin: 3px 0 0;
  line-height: 1.5;
}

.eg-checkout-product-meta dl p {
  display: inline;
  margin: 0;
}

.eg-order-pay-coupon {
  margin-bottom: 22px;
}

.eg-order-pay-coupon__row {
  display: flex;
  align-items: stretch;
  gap: 12px;
}

.eg-order-pay-coupon__input {
  flex: 1 1 auto;
  min-width: 0;
  height: 60px;
}

.eg-order-pay-coupon__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 190px;
  padding: 0 24px;
  border: 1px solid rgba(177, 126, 255, 0.24);
  border-radius: 16px;
  background: linear-gradient(135deg, #6f1dff 0%, #a43cff 48%, #ff4fa0 100%);
  color: #fff;
  font-family: "Muller", sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 16px 28px rgba(88, 24, 196, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.18);
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

.eg-order-pay-coupon__button:hover {
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 20px 34px rgba(88, 24, 196, 0.4), 0 0 22px rgba(164, 60, 255, 0.18);
  filter: saturate(1.05);
}

.eg-order-pay-coupon__button:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(177, 126, 255, 0.18), 0 16px 28px rgba(88, 24, 196, 0.34);
}

.eg-order-pay-coupon__button svg {
  flex-shrink: 0;
}

.eg-checkout-page .eg-order-pay-coupon__row .eg-order-pay-coupon__button,
.eg-checkout-page .eg-order-pay-coupon__row button.eg-order-pay-coupon__button,
.eg-checkout-page .eg-order-pay-coupon__row .button.eg-order-pay-coupon__button,
.eg-checkout-page .eg-checkout-card .eg-order-pay-coupon__button {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: auto !important;
  min-width: 190px !important;
  min-height: 60px !important;
  padding: 0 24px !important;
  margin: 0 !important;
  border: 1px solid rgba(177, 126, 255, 0.24) !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #6f1dff 0%, #a43cff 48%, #ff4fa0 100%) !important;
  background-color: transparent !important;
  color: #fff !important;
  font-family: "Muller", sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  box-shadow: 0 16px 28px rgba(88, 24, 196, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  cursor: pointer !important;
}

.eg-checkout-page .eg-order-pay-coupon__row .eg-order-pay-coupon__button:hover,
.eg-checkout-page .eg-order-pay-coupon__row button.eg-order-pay-coupon__button:hover,
.eg-checkout-page .eg-order-pay-coupon__row .button.eg-order-pay-coupon__button:hover,
.eg-checkout-page .eg-checkout-card .eg-order-pay-coupon__button:hover {
  background: linear-gradient(135deg, #7b28ff 0%, #b54aff 48%, #ff63aa 100%) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 20px 34px rgba(88, 24, 196, 0.4), 0 0 22px rgba(164, 60, 255, 0.18) !important;
  filter: none !important;
}

.eg-checkout-page .eg-order-pay-coupon__row .eg-order-pay-coupon__button:focus,
.eg-checkout-page .eg-order-pay-coupon__row button.eg-order-pay-coupon__button:focus,
.eg-checkout-page .eg-order-pay-coupon__row .button.eg-order-pay-coupon__button:focus,
.eg-checkout-page .eg-checkout-card .eg-order-pay-coupon__button:focus {
  outline: none !important;
  color: #fff !important;
  box-shadow: 0 0 0 3px rgba(177, 126, 255, 0.18), 0 16px 28px rgba(88, 24, 196, 0.34) !important;
}

/* ── Payment Section ─────────────────────── */
.eg-checkout-card .woocommerce-checkout-payment,
.eg-checkout-card #payment {
  background: transparent !important;
  border: none !important;
  border-radius: 0;
  padding: 0;
  margin-top: 22px;
}

.eg-checkout-card #payment .payment_methods {
  padding: 0 !important;
  border: none !important;
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Payment method cards */
.eg-checkout-card #payment .payment_methods li {
  padding: 14px 16px;
  border: 1px solid rgba(177, 126, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.02);
  transition: all 0.3s ease;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.eg-checkout-card #payment .payment_methods li:hover {
  border-color: rgba(177, 126, 255, 0.25);
  background: rgba(255, 255, 255, 0.04);
}

/* Active / selected payment method */
.eg-checkout-card #payment .payment_methods li:has(input[type="radio"]:checked) {
  border-color: rgba(177, 126, 255, 0.4);
  background: rgba(125, 84, 255, 0.08);
  box-shadow: 0 0 20px rgba(125, 84, 255, 0.1), inset 0 0 0 1px rgba(177, 126, 255, 0.08);
}

.eg-checkout-card #payment .payment_methods li>input[type="radio"] {
  accent-color: #b17eff;
  cursor: pointer;
  width: 18px !important;
  height: 18px;
  margin: 0;
  flex-shrink: 0;
}

.eg-checkout-card #payment .payment_methods li>label {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  display: inline;
  margin: 0;
}

/* Payment description box goes full width below */
.eg-checkout-card #payment .payment_methods li .payment_box {
  flex-basis: 100%;
}

.eg-checkout-card #payment .payment_box {
  background: rgba(177, 126, 255, 0.04) !important;
  border-radius: 10px;
  padding: 12px 14px;
  margin: 10px 0 2px;
  color: #b5a8d8;
  font-size: 13px;
  border: 1px solid rgba(177, 126, 255, 0.06);
}

.eg-checkout-card #payment .payment_box::before {
  display: none !important;
}

/* SBP image — constrain size */
.eg-checkout-card #payment .payment_box img,
.eg-checkout-card #payment img,
.eg-checkout-card .woocommerce-checkout-payment img,
#payment .payment_box img {
  max-width: 90px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 8px;
  display: block;
  margin: 6px 0;
  opacity: 0.85;
}

/* The platega/SBP brand logo PNG ships with a solid white background
   baked in, so on a dark glass card it reads as an accidentally pasted
   sprite rather than a deliberate badge. Framing it in its own small
   white card (padding + radius + violet-tinted border) makes the white
   read as an intentional badge background instead of a stray rectangle. */
.eg-checkout-card #payment .payment_methods li>label .eg-payment-icon {
  max-width: 64px !important;
  display: inline-block !important;
  vertical-align: middle;
  margin: 0 0 0 8px !important;
  padding: 4px 8px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid rgba(177, 126, 255, 0.3);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  opacity: 1;
}

/* ── Place Order Button — Premium CTA ─────── */
.eg-checkout-card #payment #place_order,
.eg-checkout-page #place_order {
  width: 100%;
  margin-top: 26px;
  padding: 20px 28px;
  border-radius: 16px;
  font-size: 16px;
  font-weight: 800;
  font-family: "Muller", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  background: linear-gradient(135deg, #6600ff 0%, #8a33ff 50%, #6600ff 100%) !important;
  box-shadow:
    0 0 28px rgba(102, 0, 255, 0.5),
    0 6px 20px rgba(0, 0, 0, 0.3) !important;
  border: none !important;
  color: #fff !important;
  cursor: pointer;
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
  animation: eg-co-pulse 3s ease-in-out infinite;
}

/* Shimmer effect */
.eg-checkout-card #payment #place_order::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
  animation: eg-co-shimmer 3s ease-in-out infinite;
}

.eg-checkout-card #payment #place_order:hover {
  transform: translateY(-3px);
  box-shadow:
    0 0 44px rgba(102, 0, 255, 0.7),
    0 8px 28px rgba(102, 0, 255, 0.45) !important;
  animation: none;
}

.eg-checkout-card #payment #place_order:active {
  transform: translateY(-1px);
}

/* ── Trust Badges ────────────────────────── */
.eg-checkout-trust {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
  padding: 14px 18px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.04);
  animation: eg-co-fadeUp 0.5s 0.35s ease both;
}

.eg-checkout-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #8a7db0;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}

.eg-checkout-trust-item svg {
  opacity: 0.7;
}

/* ── WC notices inside checkout ───────────── */
.checkoutmain .woocommerce-info,
.checkoutmain .woocommerce-error,
.checkoutmain .woocommerce-message {
  background: linear-gradient(135deg, rgba(24, 14, 51, 0.6), rgba(16, 8, 32, 0.45)) !important;
  border: 1px solid rgba(177, 126, 255, 0.12) !important;
  border-left: 3px solid #7d54ff !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border-radius: 14px;
  padding: 16px 22px 16px 20px;
  margin-bottom: 10px;
  font-size: 14px;
  font-family: "Muller", sans-serif;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  list-style: none !important;
}

.checkoutmain .woocommerce-info::before,
.checkoutmain .woocommerce-message::before {
  display: none;
}

.checkoutmain .woocommerce-info a,
.checkoutmain .woocommerce-message a {
  color: #b17eff !important;
  text-decoration: none;
  font-weight: 700;
  transition: color 0.2s;
}

.checkoutmain .woocommerce-info a:hover,
.checkoutmain .woocommerce-message a:hover {
  color: #d4b5ff !important;
}

.checkoutmain .woocommerce-error {
  border-left-color: #ff3a5d !important;
}

.checkoutmain .woocommerce-error::before {
  color: #ff3a5d !important;
}

/* ── Login & Coupon expanded forms ────────── */
.checkoutmain .woocommerce-form-login,
.checkoutmain .checkout_coupon,
.checkoutmain form.login,
.checkoutmain form.woocommerce-form {
  background: linear-gradient(145deg, rgba(24, 14, 51, 0.55), rgba(12, 6, 26, 0.45)) !important;
  border: 1px solid rgba(177, 126, 255, 0.1) !important;
  border-radius: 16px !important;
  padding: 24px 26px !important;
  margin-bottom: 12px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

/* All text inside forms */
.checkoutmain .woocommerce-form-login p,
.checkoutmain .checkout_coupon p,
.checkoutmain form.login p {
  color: rgba(255, 255, 255, 0.65) !important;
  font-size: 14px;
  font-family: "Muller", sans-serif;
}

/* Labels */
.checkoutmain .woocommerce-form-login label,
.checkoutmain .checkout_coupon label,
.checkoutmain form.login label {
  color: rgba(255, 255, 255, 0.55) !important;
  font-size: 13px !important;
  font-weight: 600;
  font-family: "Muller", sans-serif;
  margin-bottom: 6px;
  display: block;
}

/* All inputs */
.checkoutmain .woocommerce-form-login input[type="text"],
.checkoutmain .woocommerce-form-login input[type="email"],
.checkoutmain .woocommerce-form-login input[type="password"],
.checkoutmain .checkout_coupon input[type="text"],
.checkoutmain form.login input[type="text"],
.checkoutmain form.login input[type="password"] {
  width: 100% !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(177, 126, 255, 0.15) !important;
  border-radius: 12px !important;
  color: #fff !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  font-family: "Muller", sans-serif;
  transition: border-color 0.25s, box-shadow 0.25s;
  box-sizing: border-box;
}

.checkoutmain .woocommerce-form-login input:focus,
.checkoutmain .checkout_coupon input:focus,
.checkoutmain form.login input:focus {
  border-color: rgba(125, 84, 255, 0.4) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(125, 84, 255, 0.1) !important;
}

/* Buttons */
.checkoutmain .woocommerce-form-login button,
.checkoutmain .woocommerce-form-login .button,
.checkoutmain .woocommerce-form-login input[type="submit"],
.checkoutmain .checkout_coupon button,
.checkoutmain .checkout_coupon .button,
.checkoutmain form.login button,
.checkoutmain form.login .button {
  background: linear-gradient(135deg, #6600ff, #8a33ff) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 12px 28px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  font-family: "Muller", sans-serif;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 4px 16px rgba(102, 0, 255, 0.25);
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.checkoutmain .woocommerce-form-login button:hover,
.checkoutmain .checkout_coupon button:hover,
.checkoutmain form.login button:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 22px rgba(102, 0, 255, 0.4);
}

/* Checkbox (remember me) */
.checkoutmain .woocommerce-form-login .woocommerce-form__label-for-checkbox,
.checkoutmain form.login .woocommerce-form__label-for-checkbox {
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 13px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
}

/* Links (забыли пароль etc.) */
.checkoutmain .woocommerce-form-login a,
.checkoutmain form.login a {
  color: #b17eff !important;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  transition: color 0.2s;
}

.checkoutmain .woocommerce-form-login a:hover,
.checkoutmain form.login a:hover {
  color: #d4b5ff !important;
}

/* Password toggle button — was 0.3 alpha, under WCAG's 3:1 non-text-contrast
   minimum for UI controls against this dark background, making a real
   interactive button hard to notice at all. */
.checkoutmain .show-password-input,
.checkoutmain .wp-hide-pw {
  color: rgba(255, 255, 255, 0.55) !important;
  background: transparent !important;
  border: none !important;
}

.checkoutmain .show-password-input:hover {
  color: #b17eff !important;
}

/* ── Privacy / terms text ────────────────── */
.eg-checkout-card .woocommerce-terms-and-conditions-wrapper,
.eg-checkout-card .woocommerce-privacy-policy-text {
  margin-top: 16px;
  font-size: 12px;
  color: #7a7198;
  line-height: 1.55;
}

.eg-checkout-card .woocommerce-terms-and-conditions-wrapper a,
.eg-checkout-card .woocommerce-privacy-policy-text a {
  color: #b17eff;
  text-decoration: none;
  border-bottom: 1px solid rgba(177, 126, 255, 0.3);
  transition: border-color 0.2s;
}

.eg-checkout-card .woocommerce-terms-and-conditions-wrapper a:hover,
.eg-checkout-card .woocommerce-privacy-policy-text a:hover {
  border-color: #b17eff;
}

/* CusRev checkbox — style it */
.eg-checkout-card .woocommerce-checkout-review-order .cusrev-form,
.eg-checkout-card #payment+div {
  margin-top: 12px;
  font-size: 12px;
  color: #7a7198;
}

/* ── WC default overrides ────────────────── */
.eg-checkout-page .woocommerce-checkout h3#order_review_heading {
  display: none;
}

.eg-checkout-page .woocommerce-checkout .col2-set {
  width: 100%;
}

.eg-checkout-page .woocommerce-checkout .col2-set .col-1,
.eg-checkout-page .woocommerce-checkout .col2-set .col-2 {
  width: 100%;
  float: none;
}

/* Old header / breadcrumb — hidden when stepper present */
.eg-checkout-header {
  display: none;
}

/* ── Responsive ──────────────────────────── */
@media (max-width: 900px) {
  .eg-checkout-form {
    grid-template-columns: 1fr;
  }

  .eg-checkout-col--left,
  .eg-checkout-col--right {
    grid-column: 1;
  }

  .eg-checkout-page {
    padding: 0 16px 40px;
  }

  .eg-checkout-stepper {
    padding: 24px 0 28px;
  }

  .eg-step__line {
    flex: 0 0 40px;
  }

  .eg-checkout-trust {
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
  }

  .eg-order-pay-coupon__row {
    flex-direction: column;
  }

  .eg-order-pay-coupon__button {
    width: 100%;
    min-width: 0;
    height: 56px;
  }
}

@media (max-width: 480px) {
  .eg-checkout-page {
    padding: 0 10px 30px;
  }

  .eg-checkout-card {
    padding: 22px 16px;
    border-radius: 18px;
  }

  .eg-checkout-product-img img {
    width: 48px;
    height: 48px;
    border-radius: 12px;
  }

  .eg-checkout-card-header h2 {
    font-size: 18px;
  }

  .eg-step__icon {
    width: 38px;
    height: 38px;
  }

  .eg-step__label {
    font-size: 10px;
  }

  .eg-step__line {
    flex: 0 0 28px;
  }

  .eg-checkout-trust {
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    padding: 12px 14px;
  }

  .eg-checkout-card #payment .payment_methods li {
    padding: 12px 14px;
  }
}


/* ═══════════════════════════════════════════════
   E-GIRLZ THANK YOU PAGE — Premium Design
   ═══════════════════════════════════════════════ */

@keyframes eg-ty-fadeUp {
  from {
    opacity: 0;
    transform: translateY(22px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes eg-ty-sparkle-burst {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0) rotate(0deg);
  }

  50% {
    opacity: 1;
    transform: translate(calc(-50% + var(--tx, 0px)), calc(-50% + var(--ty, 0px))) scale(1.2) rotate(180deg);
  }

  100% {
    opacity: 0;
    transform: translate(calc(-50% + var(--tx, 0px)), calc(-50% + var(--ty, 0px) - 30px)) scale(0.6) rotate(360deg);
  }
}

@keyframes eg-ty-pulse-dot {

  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.5;
    transform: scale(1.6);
  }
}

@keyframes eg-ty-skeleton-shimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

@keyframes eg-ty-timeline-pop {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }

  60% {
    transform: scale(1.15);
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* ── Wrapper ─────────────────────────────── */
.eg-ty {
  font-family: "Muller", sans-serif;
  color: #fff;
  max-width: 800px;
  margin: 0 auto;
  padding: 10px 20px 60px;
}

/* ── Hero Section ────────────────────────── */
.eg-ty-hero {
  text-align: center;
  padding: 40px 0 30px;
  position: relative;
  animation: eg-ty-fadeUp 0.6s ease both;
}

.eg-ty-hero::before {
  content: "";
  position: absolute;
  inset: -20px -40px;
  background:
    radial-gradient(ellipse 60% 50% at 50% 0%, rgba(124, 92, 255, 0.18), transparent 70%),
    radial-gradient(ellipse 40% 30% at 50% 10%, rgba(184, 168, 255, 0.10), transparent 60%);
  pointer-events: none;
  z-index: 0;
}

.eg-ty-hero > * {
  position: relative;
  z-index: 1;
}

.eg-ty-emoji-burst {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}

.eg-ty-sparkle {
  position: absolute;
  font-size: 24px;
  animation: eg-ty-sparkle-burst 1.4s ease forwards;
  opacity: 0;
}

.eg-ty-sparkle:nth-child(1) {
  --tx: -60px;
  --ty: -40px;
  animation-delay: 0.1s;
}

.eg-ty-sparkle:nth-child(2) {
  --tx: 50px;
  --ty: -50px;
  animation-delay: 0.2s;
}

.eg-ty-sparkle:nth-child(3) {
  --tx: 0px;
  --ty: -60px;
  animation-delay: 0.3s;
}

.eg-ty-sparkle:nth-child(4) {
  --tx: -40px;
  --ty: -20px;
  animation-delay: 0.4s;
}

.eg-ty-sparkle:nth-child(5) {
  --tx: 60px;
  --ty: -30px;
  animation-delay: 0.5s;
}

.eg-ty-success-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(52, 211, 153, 0.18), rgba(124, 92, 255, 0.20));
  border: 1px solid rgba(52, 211, 153, 0.32);
  color: #6ee7b7;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  margin-bottom: 14px;
  box-shadow:
    0 0 14px rgba(52, 211, 153, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  animation: eg-ty-badge-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s both;
}

.eg-ty-success-badge::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #34d399;
  box-shadow: 0 0 6px rgba(52, 211, 153, 0.70);
  animation: eg-ty-pulse-dot 1.8s ease-in-out infinite;
}

@keyframes eg-ty-badge-pop {
  from {
    opacity: 0;
    transform: scale(0.7) translateY(6px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.eg-ty-title {
  font-size: clamp(28px, 5vw, 40px);
  font-weight: 900;
  margin: 0 0 8px;
  background: linear-gradient(135deg, #fff 0%, #d4b5ff 55%, #b8a8ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.2;
}

.eg-ty-subtitle {
  font-size: 16px;
  color: #c9bcef;
  margin: 0 0 24px;
}

/* TG Button */
.eg-ty-tg-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(56, 189, 248, .90), rgba(124, 92, 255, .84));
  border: 1px solid rgba(190, 225, 255, .22);
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  box-shadow:
    0 0 26px rgba(56, 189, 248, .18),
    0 0 34px rgba(124, 92, 255, .14),
    0 8px 22px rgba(0, 0, 0, .22);
  transition: all 0.3s ease;
}

.eg-ty-tg-btn:hover {
  transform: translateY(-2px);
  box-shadow:
    0 0 34px rgba(56, 189, 248, .26),
    0 0 42px rgba(124, 92, 255, .20),
    0 10px 28px rgba(0, 0, 0, .28);
  color: #fff;
}

.eg-ty-tg-btn svg {
  flex-shrink: 0;
}

/* ── Card Base ───────────────────────────── */
.eg-ty-card {
  position: relative;
  border-radius: 20px;
  padding: 24px 26px;
  margin-bottom: 18px;
  background:
    radial-gradient(circle at 85% 0%, rgba(124, 92, 255, .12), transparent 42%),
    rgba(16, 14, 28, .72);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(184, 168, 255, .16);
  box-shadow:
    0 18px 44px rgba(0, 0, 0, .22),
    inset 0 1px 0 rgba(255, 255, 255, .045);
  overflow: hidden;
  animation: eg-ty-fadeUp 0.5s ease both;
}

.eg-ty-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 15%;
  right: 15%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(124, 92, 255, .6) 40%, rgba(184, 168, 255, .5) 60%, transparent);
  opacity: 0.6;
}

.eg-ty-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(177, 126, 255, 0.08);
}

.eg-ty-card-header h2 {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  color: #fff;
}

.thankyou-status-head {
  align-items: flex-start;
  gap: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(184, 168, 255, 0.10);
}

.thankyou-status-meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
  max-width: 100%;
}

.order-state-pill,
.order-number-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 13px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.035em;
  white-space: nowrap;
}

.order-state-pill {
  border: 1px solid rgba(82, 245, 138, 0.22);
  background:
    radial-gradient(circle at 30% 0%, rgba(82, 245, 138, 0.12), transparent 55%),
    rgba(82, 245, 138, 0.065);
  color: rgba(135, 255, 180, 0.92);
  box-shadow: 0 0 18px rgba(82, 245, 138, 0.075);
}

.order-number-pill {
  border: 1px solid rgba(184, 168, 255, 0.20);
  background:
    radial-gradient(circle at 30% 0%, rgba(184, 168, 255, 0.10), transparent 55%),
    rgba(124, 92, 255, 0.055);
  color: rgba(226, 218, 255, 0.78);
}

/* ── Session Time Card ───────────────────── */
.eg-ty-session-card {
  border-color: rgba(66, 242, 122, .18);
  animation-delay: 0.15s;
}

.eg-ty-session-inner {
  display: flex;
  align-items: center;
  gap: 18px;
}

.eg-ty-session-icon {
  font-size: 32px;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  position: relative;
  background:
    radial-gradient(circle at 35% 20%, rgba(184, 168, 255, .18), transparent 55%),
    rgba(18, 15, 32, .78);
  border: 1px solid rgba(184, 168, 255, .22);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .05),
    0 0 24px rgba(124, 92, 255, .14);
}

.eg-ty-session-info {
  flex: 1;
}

.eg-ty-session-support {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 10px 14px;
  border-radius: 12px;
  background: rgba(177, 126, 255, 0.06);
  border: 1px solid rgba(177, 126, 255, 0.15);
  color: #b17eff;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

.eg-ty-session-support:hover {
  background: rgba(177, 126, 255, 0.12);
  border-color: rgba(177, 126, 255, 0.3);
  color: #d4b5ff;
  transform: translateY(-1px);
}

.eg-ty-session-label {
  font-size: 14px;
  color: #c9bcef;
  margin-bottom: 4px;
}

.eg-ty-session-label strong {
  color: #fff;
}

.eg-ty-session-time-row {
  display: flex;
  align-items: baseline;
  gap: 6px;
  line-height: 1;
}

.eg-ty-session-time-big {
  font-size: clamp(28px, 4vw, 36px);
  font-weight: 900;
  color: #d4c8ff;
  text-shadow:
    0 0 18px rgba(184, 168, 255, .26),
    0 0 34px rgba(124, 92, 255, .14);
  line-height: 1;
}

.eg-ty-session-dash {
  color: #6b5f8e;
  font-size: 22px;
  font-weight: 300;
}

.eg-ty-session-meta-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  font-size: 14px;
  color: #a99cc8;
}

.eg-ty-session-tz-pill {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #8a7bb0;
  background: rgba(124, 92, 255, .12);
  border: 1px solid rgba(184, 168, 255, .16);
  padding: 2px 7px;
  border-radius: 6px;
}

.eg-ty-session-tz {
  font-size: 12px;
  font-weight: 600;
  color: #6b5f8e;
  align-self: center;
  margin-left: 4px;
  letter-spacing: 0.04em;
}

.eg-ty-session-date {
  font-size: 14px;
  color: #a99cc8;
  margin-top: 4px;
}

.eg-ty-session-day {
  font-weight: 700;
  color: #d4b5ff;
  margin-right: 4px;
}

/* ── Order Status Timeline ───────────────── */
#eg-ty-status-card {
  animation-delay: 0.25s;
}

.eg-ty-order-num {
  font-size: 13px;
  color: #8a7db0;
  font-weight: 600;
}

/* Skeleton */
.eg-ty-timeline-skeleton {
  padding: 16px 0;
  text-align: center;
}

.eg-ty-skeleton-bar {
  height: 3px;
  border-radius: 2px;
  margin: 0 auto 20px;
  width: 80%;
  background: linear-gradient(90deg, rgba(177, 126, 255, 0.08) 25%, rgba(177, 126, 255, 0.18) 50%, rgba(177, 126, 255, 0.08) 75%);
  background-size: 200% 100%;
  animation: eg-ty-skeleton-shimmer 1.8s ease infinite;
}

.eg-ty-skeleton-dots {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.eg-ty-skeleton-dot-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  flex: 1;
}

.eg-ty-skeleton-dot {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(90deg, rgba(177, 126, 255, 0.06) 25%, rgba(177, 126, 255, 0.14) 50%, rgba(177, 126, 255, 0.06) 75%);
  background-size: 200% 100%;
  animation: eg-ty-skeleton-shimmer 1.8s ease infinite;
}

.eg-ty-skeleton-label {
  width: 50px;
  height: 10px;
  border-radius: 5px;
  background: rgba(177, 126, 255, 0.06);
}

.eg-ty-skeleton-hint {
  margin-top: 16px;
  color: #6b5f8e;
  font-size: 12px;
}

/* Real Timeline */
.eg-ty-timeline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 8px 0;
  gap: 0;
}

.eg-ty-timeline-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  flex: 1;
  position: relative;
  min-width: 0;
}

.eg-ty-timeline-dot {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.04);
  border: 2px solid rgba(177, 126, 255, 0.12);
  font-size: 14px;
  position: relative;
  z-index: 2;
  transition: all 0.4s ease;
  animation: eg-ty-timeline-pop 0.4s ease both;
}

.eg-ty-timeline-step:nth-child(2) .eg-ty-timeline-dot {
  animation-delay: 0.08s;
}

.eg-ty-timeline-step:nth-child(3) .eg-ty-timeline-dot {
  animation-delay: 0.16s;
}

.eg-ty-timeline-step:nth-child(4) .eg-ty-timeline-dot {
  animation-delay: 0.24s;
}

.eg-ty-timeline-step:nth-child(5) .eg-ty-timeline-dot {
  animation-delay: 0.32s;
}

.eg-ty-timeline-step.done .eg-ty-timeline-dot {
  background: linear-gradient(135deg, #6d5df6, #a78bfa);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 0 22px rgba(124, 92, 255, .26), inset 0 1px 0 rgba(255, 255, 255, .16);
}

.eg-ty-timeline-step.current .eg-ty-timeline-dot {
  background: linear-gradient(135deg, #7c5cff, #b8a8ff);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 0 26px rgba(124, 92, 255, .50), 0 0 40px rgba(184, 168, 255, .20);
  transform: scale(1.15);
}

.eg-ty-timeline-line {
  position: absolute;
  top: 20px;
  left: calc(50% + 22px);
  right: calc(-50% + 22px);
  height: 2px;
  background: rgba(177, 126, 255, 0.08);
  z-index: 1;
  transition: background 0.4s ease;
}

.eg-ty-timeline-line.done {
  background: linear-gradient(90deg, #6d5df6, #a78bfa, #c4b5fd);
  box-shadow: 0 0 6px rgba(124, 92, 255, .22);
}

.eg-ty-timeline-label {
  width: min(100%, 92px);
  margin: 0 auto;
  font-size: 11px;
  color: #6b5f8e;
  text-align: center;
  line-height: 1.2;
  max-width: 92px;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
  text-wrap: balance;
}

.eg-ty-timeline-step.done .eg-ty-timeline-label {
  color: #b17eff;
}

.eg-ty-timeline-step.current .eg-ty-timeline-label {
  color: #fff;
  font-weight: 700;
}

/* Live badge */
.eg-ty-status-live {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  font-size: 12px;
  color: rgba(138, 125, 176, 0.92);
}

.eg-ty-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  flex: 0 0 auto;
  background: #52f58a;
  box-shadow: 0 0 12px rgba(82, 245, 138, 0.42);
}

.woocommerce-order-received .eg-ty-status-live {
  display: block;
  color: rgba(138, 125, 176, 0.82);
  text-align: center;
}

/* ── Grid: Product + Details ─────────────── */
.eg-ty-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-bottom: 18px;
}

.eg-ty-grid .eg-ty-card {
  margin-bottom: 0;
}

.eg-ty-grid .eg-ty-card:nth-child(1) {
  animation-delay: 0.3s;
}

.eg-ty-grid .eg-ty-card:nth-child(2) {
  animation-delay: 0.4s;
}

/* ── Product Card ────────────────────────── */
.eg-ty-product-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.eg-ty-product-img {
  flex-shrink: 0;
}

.eg-ty-product-img img {
  width: 64px;
  height: 64px;
  border-radius: 14px;
  object-fit: cover;
  border: 1px solid rgba(177, 126, 255, 0.18);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3), 0 0 10px rgba(125, 84, 255, 0.1);
}

.eg-ty-product-details {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.eg-ty-product-name {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}

.eg-ty-product-price {
  font-size: 18px;
  font-weight: 900;
  color: #f7f2ff;
  white-space: nowrap;
  justify-self: end;
  align-self: center;
}

/* Plan badge */
.eg-ty-plan-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  background: rgba(102, 0, 255, 0.15);
  border: 1px solid rgba(177, 126, 255, 0.2);
  color: #d4b5ff;
  width: fit-content;
}

.eg-ty-plan--medium .eg-ty-plan-badge,
.eg-ty-plan-badge.eg-ty-plan--medium {
  background: rgba(255, 140, 0, 0.1);
  border-color: rgba(255, 180, 50, 0.2);
  color: #ffb832;
}

.eg-ty-plan--hard .eg-ty-plan-badge,
.eg-ty-plan-badge.eg-ty-plan--hard {
  background: rgba(124, 92, 255, 0.14);
  border-color: rgba(184, 168, 255, 0.24);
  color: #c8b8ff;
}

.eg-ty-plan-emoji {
  font-size: 14px;
}

.eg-ty-plan-hours {
  color: #a99cc8;
  font-weight: 500;
}

/* Ordered addons */
.eg-ty-addons-ordered {
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.eg-ty-addons-label {
  font-size: 13px;
  font-weight: 600;
  color: #c9bcef;
  margin-bottom: 8px;
}

.eg-ty-addons-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.eg-ty-addon-pill {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  background: rgba(177, 126, 255, 0.08);
  border: 1px solid rgba(177, 126, 255, 0.12);
  color: #d4b5ff;
}

/* Total row */
.eg-ty-total-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0 4px;
  font-size: 18px;
  font-weight: 800;
}

.eg-ty-total-amount {
  white-space: nowrap;
  background: linear-gradient(135deg, #fff, #d4b5ff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ── Buttons ─────────────────────────────── */
.eg-ty-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 700;
  font-family: "Muller", sans-serif;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
}

.eg-ty-btn--accent {
  background: linear-gradient(135deg, #6600ff, #8a33ff);
  color: #fff;
  box-shadow: 0 6px 20px rgba(102, 0, 255, 0.35);
}

.eg-ty-btn--accent:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(102, 0, 255, 0.5);
  color: #fff;
}

.eg-ty-btn--extend {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  min-height: 54px;
  padding: 0 28px;
  background: linear-gradient(135deg, #6d5df6, #8b5cf6);
  color: #fff;
  border: 1px solid rgba(184, 168, 255, .24);
  box-shadow:
    0 0 24px rgba(124, 92, 255, .20),
    inset 0 1px 0 rgba(255, 255, 255, .10);
  width: 100%;
  font-weight: 900;
  letter-spacing: 0.02em;
}

.eg-ty-btn--extend:hover {
  transform: translateY(-2px);
  box-shadow:
    0 0 32px rgba(124, 92, 255, .34),
    0 8px 22px rgba(0, 0, 0, .18),
    inset 0 1px 0 rgba(255, 255, 255, .14);
  color: #fff;
}

.eg-ty-btn--extend span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.eg-ty-btn--outline {
  background: transparent;
  border: 1px solid rgba(177, 126, 255, 0.25);
  color: #d4b5ff;
}

.eg-ty-btn--outline:hover {
  border-color: rgba(177, 126, 255, 0.5);
  background: rgba(177, 126, 255, 0.06);
  color: #fff;
}

.eg-ty-btn--ghost {
  background: transparent;
  color: #8a7db0;
  padding: 12px 16px;
}

.eg-ty-btn--ghost:hover {
  color: #d4b5ff;
}

/* ── Info Grid ───────────────────────────── */
.eg-ty-info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.eg-ty-info-item {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.eg-ty-info-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #6b5f8e;
  font-weight: 600;
}

.eg-ty-info-value {
  font-size: 14px;
  color: #efe8ff;
  font-weight: 500;
  word-break: break-all;
}

/* Girl services / order more */
.eg-ty-girl-services {
  margin-top: 18px;
  text-align: center;
}

.eg-ty-order-more-btn {
  width: 100%;
}

/* Actions row */
.eg-ty-actions {
  display: flex;
  gap: 10px;
  margin-top: 18px;
  flex-wrap: wrap;
}

.eg-ty-actions .eg-ty-btn {
  flex: 1;
  min-width: 120px;
  text-align: center;
}

/* ── Tip Card ────────────────────────────── */
.eg-ty-tip-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(184, 168, 255, .22);
  background:
    radial-gradient(circle at 12% 0%, rgba(124, 92, 255, .20), transparent 36%),
    radial-gradient(circle at 88% 12%, rgba(184, 168, 255, .14), transparent 42%),
    radial-gradient(circle at 55% 100%, rgba(76, 29, 149, .16), transparent 46%),
    linear-gradient(180deg, rgba(24, 20, 42, .86), rgba(12, 10, 22, .82));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .055),
    0 24px 60px rgba(0, 0, 0, .28),
    0 0 42px rgba(124, 92, 255, .10);
  animation-delay: 0.5s;
}

.eg-ty-tip-card::before {
  content: "";
  position: absolute;
  inset: -40% -20% auto auto;
  width: 420px;
  height: 220px;
  pointer-events: none;
  background: radial-gradient(circle, rgba(168, 139, 250, .18), transparent 68%);
  opacity: .75;
}

/* Badge */
.eg-ty-tip-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #c4b5fd;
  background: rgba(124, 92, 255, .14);
  border: 1px solid rgba(184, 168, 255, .18);
  margin-bottom: 12px;
}

/* Title */
.eg-ty-tip-title {
  font-size: clamp(22px, 2.4vw, 30px);
  font-weight: 950;
  letter-spacing: -.03em;
  color: #f8f4ff;
  margin: 0 0 8px;
  line-height: 1.15;
}

/* Subtitle */
.eg-ty-tip-subtitle {
  max-width: 680px;
  color: rgba(226, 218, 255, .76);
  font-size: 15px;
  line-height: 1.55;
  margin: 0 0 20px;
}

.eg-ty-tip-subtitle strong {
  color: #ffffff;
  font-weight: 900;
}

/* Fallback for old h3/p selectors */
.eg-ty-tip-inner h3 {
  font-size: 18px;
  font-weight: 800;
  margin: 0 0 6px;
  color: #fff;
}

.eg-ty-tip-inner p {
  font-size: 14px;
  color: #b5a8d8;
  margin: 0 0 16px;
}

/* Tip option buttons */
.eg-ty-tip-buttons {
  display: flex;
  gap: 10px;
  margin-bottom: 14px;
}

.eg-ty-tip-btn {
  flex: 1;
  min-width: 80px;
  min-height: 68px;
  padding: 13px 18px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  background:
    radial-gradient(circle at 50% 0%, rgba(184, 168, 255, .075), transparent 56%),
    linear-gradient(180deg, rgba(255, 255, 255, .026), rgba(255, 255, 255, .010)),
    rgba(13, 11, 24, .78);
  border: 1px solid rgba(184, 168, 255, .20);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .035),
    inset 0 -1px 0 rgba(124, 92, 255, .025),
    0 10px 22px rgba(0, 0, 0, .18);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.eg-ty-tip-btn-amount {
  font-size: clamp(22px, 2vw, 28px);
  font-weight: 950;
  color: rgba(248, 244, 255, .96);
  letter-spacing: -.025em;
  line-height: 1;
}

.eg-ty-tip-btn-label {
  font-size: 11px;
  font-weight: 700;
  color: rgba(184, 168, 255, .58);
  line-height: 1;
}

.eg-ty-tip-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(184, 168, 255, .34);
  background:
    radial-gradient(circle at 50% 0%, rgba(184, 168, 255, .10), transparent 56%),
    linear-gradient(180deg, rgba(124, 92, 255, .055), rgba(255, 255, 255, .012)),
    rgba(16, 13, 29, .84);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .045),
    0 0 18px rgba(124, 92, 255, .09),
    0 12px 24px rgba(0, 0, 0, .20);
}

.eg-ty-tip-btn.is-selected {
  border-color: rgba(184, 168, 255, .48);
  background:
    radial-gradient(circle at 50% 0%, rgba(216, 205, 255, .13), transparent 56%),
    linear-gradient(180deg, rgba(124, 92, 255, .095), rgba(124, 92, 255, .035)),
    rgba(18, 15, 32, .90);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    0 0 24px rgba(124, 92, 255, .14),
    0 14px 28px rgba(0, 0, 0, .22);
}

/* Custom amount row */
.eg-ty-tip-custom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  margin-top: 14px;
}

.eg-ty-tip-input {
  min-height: 58px;
  padding: 0 18px;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .015)),
    rgba(10, 9, 18, .72);
  border: 1px solid rgba(184, 168, 255, .18);
  color: #f8f4ff;
  font-size: 15px;
  font-weight: 800;
  font-family: "Muller", sans-serif;
  outline: none;
  transition: border-color .2s, box-shadow .2s;
  width: 100%;
  box-sizing: border-box;
}

.eg-ty-tip-input:focus {
  border-color: rgba(184, 168, 255, .46);
  box-shadow:
    0 0 0 4px rgba(124, 92, 255, .10),
    0 0 24px rgba(124, 92, 255, .16);
  outline: none;
}

.eg-ty-tip-input::placeholder {
  color: rgba(177, 155, 220, 0.38);
  font-weight: 500;
}

.eg-ty-tip-submit {
  min-height: 58px;
  padding: 0 28px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 35% 0%, rgba(255, 255, 255, .16), transparent 48%),
    linear-gradient(135deg, #6d5df6, #8b5cf6 52%, #9b5cff);
  color: #fff;
  font-weight: 950;
  font-size: 14px;
  font-family: "Muller", sans-serif;
  border: 1px solid rgba(255, 255, 255, .10);
  cursor: pointer;
  white-space: nowrap;
  box-shadow:
    0 0 34px rgba(124, 92, 255, .30),
    0 0 58px rgba(168, 85, 247, .15),
    inset 0 1px 0 rgba(255, 255, 255, .13);
  transition:
    transform .2s ease,
    filter .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

.eg-ty-tip-submit:hover {
  transform: translateY(-1px);
  filter: brightness(1.06);
  box-shadow:
    0 0 38px rgba(124, 92, 255, .36),
    0 0 52px rgba(168, 85, 247, .16),
    inset 0 1px 0 rgba(255, 255, 255, .14);
}

.eg-ty-tip-submit.is-ready {
  background:
    radial-gradient(circle at 35% 0%, rgba(255, 255, 255, .16), transparent 48%),
    linear-gradient(135deg, #6d5df6, #8b5cf6 52%, #a855f7);
  box-shadow:
    0 0 34px rgba(124, 92, 255, .32),
    0 0 58px rgba(168, 85, 247, .16),
    inset 0 1px 0 rgba(255, 255, 255, .13);
}

.eg-ty-tip-submit.is-nudging {
  animation: egTipSubmitNudge 1.25s ease-out 1 forwards;
}

@keyframes egTipSubmitNudge {
  0% {
    transform: translateY(0) scale(1);
    box-shadow:
      0 0 26px rgba(124, 92, 255, .24),
      inset 0 1px 0 rgba(255, 255, 255, .12);
  }
  42% {
    transform: translateY(-2px) scale(1.018);
    box-shadow:
      0 0 42px rgba(124, 92, 255, .38),
      0 0 70px rgba(168, 85, 247, .20),
      inset 0 1px 0 rgba(255, 255, 255, .15);
  }
  100% {
    transform: translateY(0) scale(1);
    box-shadow:
      0 0 34px rgba(124, 92, 255, .32),
      0 0 58px rgba(168, 85, 247, .16),
      inset 0 1px 0 rgba(255, 255, 255, .13);
  }
}

/* Trust note */
.eg-ty-tip-trust {
  margin: 12px 0 6px;
  font-size: 12px;
  color: rgba(184, 168, 255, .42);
  text-align: center;
  line-height: 1.35;
}

/* ── Review Card ─────────────────────────── */
.eg-ty-review-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  align-items: center;
  gap: 32px;
  padding: clamp(28px, 4vw, 48px);
  border-radius: 30px;
  border: 1px solid rgba(184, 168, 255, .22);
  background:
    radial-gradient(circle at 12% 20%, rgba(124, 92, 255, .18), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(255, 215, 106, .075), transparent 30%),
    radial-gradient(circle at 68% 100%, rgba(184, 168, 255, .10), transparent 42%),
    linear-gradient(180deg, rgba(24, 20, 42, .72), rgba(12, 10, 22, .66));
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .055),
    0 24px 60px rgba(0, 0, 0, .26),
    0 0 42px rgba(124, 92, 255, .10);
  animation-delay: 0.55s;
  text-align: left;
}

.eg-ty-review-card::before {
  inset: -35% -20% auto auto;
  width: 520px;
  height: 280px;
  background: radial-gradient(circle, rgba(184, 168, 255, .15), transparent 68%);
  opacity: .75;
}

/* Left copy column */
.eg-ty-review-copy {
  position: relative;
  z-index: 1;
}

.eg-ty-review-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 13px;
  border-radius: 999px;
  border: 1px solid rgba(184, 168, 255, .22);
  background: rgba(124, 92, 255, .10);
  color: rgba(216, 205, 255, .88);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.eg-ty-review-card h2 {
  max-width: 580px;
  font-size: clamp(24px, 3vw, 40px);
  line-height: .98;
  letter-spacing: -.04em;
  color: #f8f4ff;
  margin: 0 0 14px;
  font-weight: 950;
}

.eg-ty-review-card h2 span {
  color: #ffd76a;
  text-shadow: 0 0 20px rgba(255, 215, 106, .22);
}

.eg-ty-review-copy p {
  max-width: 640px;
  margin: 0;
  color: rgba(226, 218, 255, .76);
  font-size: 15px;
  line-height: 1.55;
}

.eg-ty-review-copy p strong {
  color: #fff;
  font-weight: 950;
}

/* CTA button */
.eg-ty-review-btn {
  margin-top: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 0 34px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 35% 0%, rgba(255, 255, 255, .14), transparent 48%),
    linear-gradient(135deg, #6d5df6, #8b5cf6, #a855f7);
  color: #fff;
  font-weight: 950;
  font-size: 14px;
  font-family: "Muller", sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow:
    0 0 30px rgba(124, 92, 255, .26),
    inset 0 1px 0 rgba(255, 255, 255, .12);
  transition:
    transform .18s ease,
    filter .18s ease,
    box-shadow .18s ease;
}

.eg-ty-review-btn:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
  color: #fff;
  box-shadow:
    0 0 38px rgba(124, 92, 255, .34),
    0 0 52px rgba(168, 85, 247, .14),
    inset 0 1px 0 rgba(255, 255, 255, .14);
}

/* Right reward panel */
.eg-ty-review-reward {
  position: relative;
  z-index: 1;
  overflow: hidden;
  min-height: 190px;
  padding: 24px;
  border-radius: 26px;
  border: 1px solid rgba(255, 215, 106, .30);
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 215, 106, .18), transparent 52%),
    radial-gradient(circle at 80% 100%, rgba(184, 168, 255, .12), transparent 52%),
    linear-gradient(180deg, rgba(255, 215, 106, .06), rgba(124, 92, 255, .07)),
    rgba(14, 12, 24, .62);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    0 0 34px rgba(255, 215, 106, .13),
    0 0 58px rgba(124, 92, 255, .10),
    0 18px 38px rgba(0, 0, 0, .18);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 2px;
}

.eg-ty-review-reward::before {
  content: "";
  position: absolute;
  inset: -45%;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 215, 106, .20), transparent 42%),
    radial-gradient(circle at 65% 35%, rgba(184, 168, 255, .12), transparent 46%);
  opacity: .55;
  animation: egReviewRewardAura 5.6s ease-in-out infinite;
}

@keyframes egReviewRewardAura {
  0%, 100% {
    opacity: .38;
    transform: scale(.96);
  }
  50% {
    opacity: .78;
    transform: scale(1.04);
  }
}

.eg-ty-review-reward > * {
  position: relative;
  z-index: 1;
}

.eg-ty-review-reward-label {
  color: rgba(255, 231, 163, .78);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 6px;
}

.eg-ty-review-reward strong {
  font-size: clamp(46px, 4.4vw, 62px);
  line-height: .92;
  letter-spacing: -.035em;
  color: #ffd76a;
  text-shadow:
    0 0 18px rgba(255, 215, 106, .30),
    0 0 42px rgba(255, 215, 106, .16),
    0 0 72px rgba(124, 92, 255, .10);
  font-weight: 950;
}

.eg-ty-review-reward-sub {
  margin-top: 10px;
  color: rgba(226, 218, 255, .74);
  font-size: 14px;
  font-weight: 800;
  display: block;
}

.eg-ty-review-reward-note {
  color: rgba(255, 231, 163, .44);
  font-size: 12px;
  font-weight: 600;
  display: block;
  margin-top: 4px;
}

@media (max-width: 760px) {
  .eg-ty-review-card {
    grid-template-columns: 1fr;
    gap: 22px;
    text-align: left;
  }

  .eg-ty-review-reward {
    min-height: 140px;
    padding: 20px;
  }

  .eg-ty-review-reward strong {
    font-size: 48px;
  }

  .eg-ty-review-btn {
    width: 100%;
  }
}

/* ── Upsell area ─────────────────────────── */
.eg-ty-upsell {
  padding-top: 12px;
}

/* ── Responsive ──────────────────────────── */
@media (max-width: 700px) {
  .eg-ty {
    padding: 10px 14px 40px;
  }

  .eg-ty-grid {
    grid-template-columns: 1fr;
  }

  .eg-ty-timeline {
    gap: 4px;
    padding: 8px 2px 0;
  }

  .eg-ty-timeline-step {
    gap: 7px;
  }

  .eg-ty-timeline-dot {
    width: 32px;
    height: 32px;
    font-size: 11px;
  }

  .eg-ty-timeline-line {
    top: 16px;
    left: calc(50% + 18px);
    right: calc(-50% + 18px);
  }

  .eg-ty-timeline-label {
    width: 100%;
    max-width: none;
    min-height: 22px;
    padding: 0 2px;
    font-size: 8px;
    line-height: 1.2;
  }

  .eg-ty-session-time-big {
    font-size: 26px;
  }

  .eg-ty-card {
    padding: 20px 18px;
    border-radius: 18px;
  }

  .eg-ty-product-img img {
    width: 52px;
    height: 52px;
  }

  .eg-ty-info-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .eg-ty-actions {
    flex-direction: column;
  }

  .thankyou-status-head {
    flex-direction: column;
    align-items: stretch;
  }

  .thankyou-status-meta {
    justify-content: flex-start;
  }

  .eg-ty-tip-buttons {
    gap: 8px;
  }
}

@media (max-width: 640px) {
  .eg-ty-tip-buttons {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .eg-ty-tip-btn {
    flex-direction: row;
    gap: 8px;
    min-height: 52px;
  }

  .eg-ty-tip-custom {
    grid-template-columns: 1fr;
  }

  .eg-ty-tip-submit {
    width: 100%;
  }
}

@media (max-width: 400px) {
  .eg-ty-hero {
    padding: 30px 0 20px;
  }

  .eg-ty-tg-btn {
    font-size: 13px;
    padding: 12px 20px;
  }

  .eg-ty-session-icon {
    width: 48px;
    height: 48px;
    font-size: 28px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .eg-ty-hero,
  .eg-ty-card,
  .eg-ty-sparkle,
  .eg-ty-success-badge,
  .eg-ty-success-badge::before {
    animation: none !important;
    transition: none !important;
  }
}


/* ═══════════════════════════════════════════════
   E-GIRLZ EMPTY CART — Premium Design
   ═══════════════════════════════════════════════ */

/* Hide WC defaults on empty cart */
.woocommerce-cart .woocommerce-notices-wrapper+.cart-empty,
.woocommerce-cart .wc-empty-cart-message,
.woocommerce-cart .return-to-shop:not(.eg-empty-cart__cta),
.woocommerce-cart .woocommerce-info {
  display: none !important;
}

/* Also hide the default cross-sells / recent products WC shows */
.woocommerce-cart .cross-sells,
.woocommerce-cart .products.columns-4:not(.eg-empty-cart__grid),
.woocommerce-cart section.products,
.woocommerce-cart .related.products,
.woocommerce-cart .woocommerce>.products {
  display: none !important;
}

.eg-empty-cart {
  font-family: "Muller", sans-serif;
  color: #fff;
  max-width: 900px;
  margin: 0 auto;
  padding: 20px 20px 80px;
}

/* ── Hero ─────────────────────────────────── */
.eg-empty-cart__hero {
  text-align: center;
  padding: 50px 0 40px;
  animation: eg-ty-fadeUp 0.5s ease both;
}

.eg-empty-cart__icon {
  width: 100px;
  height: 100px;
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  background: linear-gradient(145deg, rgba(24, 14, 51, 0.8), rgba(16, 8, 32, 0.6));
  border: 1px solid rgba(177, 126, 255, 0.15);
  color: #8a7db0;
  box-shadow: 0 12px 40px rgba(7, 4, 21, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.eg-empty-cart__title {
  font-size: clamp(28px, 5vw, 38px);
  font-weight: 900;
  margin: 0 0 10px;
  background: linear-gradient(135deg, #fff, #d4b5ff 60%, #c4b5fd);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.2;
}

.eg-empty-cart__subtitle {
  font-size: 16px;
  color: #a99cc8;
  margin: 0 0 28px;
  line-height: 1.5;
}

.eg-empty-cart__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 16px 32px;
  border-radius: 14px;
  background: linear-gradient(135deg, #6600ff, #8a33ff);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  font-family: "Muller", sans-serif;
  text-decoration: none;
  box-shadow: 0 8px 28px rgba(102, 0, 255, 0.4);
  transition: all 0.35s ease;
}

.eg-empty-cart__cta:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 36px rgba(102, 0, 255, 0.55);
  color: #fff;
}

.eg-empty-cart__cta svg {
  transition: transform 0.3s ease;
}

.eg-empty-cart__cta:hover svg {
  transform: translateX(3px);
}

/* ── Section Title ───────────────────────── */
.eg-empty-cart__section {
  animation: eg-ty-fadeUp 0.5s 0.15s ease both;
}

.eg-empty-cart__section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.eg-empty-cart__section-title {
  font-size: clamp(18px, 2.5vw, 22px);
  font-weight: 800;
  margin: 0 0 4px;
  color: #fff;
  letter-spacing: -0.02em;
}

.eg-empty-cart__section-sub {
  font-size: 13px;
  color: rgba(184, 168, 255, 0.6);
  margin: 0;
  line-height: 1.4;
}

.eg-empty-cart__see-all {
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 700;
  color: rgba(184, 168, 255, 0.7);
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.18s ease;
}

.eg-empty-cart__see-all:hover {
  color: rgba(216, 205, 255, 0.95);
}

/* ── Girl Cards Grid ─────────────────────── */
.eg-empty-cart__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.eg-empty-cart__girl-card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(18, 11, 36, 0.82), rgba(12, 7, 24, 0.68));
  border: 1px solid rgba(177, 126, 255, 0.12);
  box-shadow: 0 8px 32px rgba(7, 4, 21, 0.4);
  transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
  animation: eg-ty-fadeUp 0.4s ease both;
}

.eg-empty-cart__girl-card:nth-child(1) {
  animation-delay: 0.2s;
}

.eg-empty-cart__girl-card:nth-child(2) {
  animation-delay: 0.28s;
}

.eg-empty-cart__girl-card:nth-child(3) {
  animation-delay: 0.36s;
}

.eg-empty-cart__girl-card:nth-child(4) {
  animation-delay: 0.44s;
}

.eg-empty-cart__girl-card:hover {
  transform: translateY(-6px);
  border-color: rgba(177, 126, 255, 0.25);
  box-shadow: 0 16px 48px rgba(7, 4, 21, 0.5), 0 0 24px rgba(125, 84, 255, 0.12);
}

/* Image with hover overlay */
.eg-empty-cart__girl-img {
  position: relative;
  aspect-ratio: 3 / 4;
  overflow: hidden;
}

.eg-empty-cart__girl-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.eg-empty-cart__girl-card:hover .eg-empty-cart__girl-img img {
  transform: scale(1.06);
}

.eg-empty-cart__girl-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(15, 10, 28, 0.9) 0%, rgba(15, 10, 28, 0.3) 50%, transparent 100%);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 20px;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.eg-empty-cart__girl-card:hover .eg-empty-cart__girl-overlay {
  opacity: 1;
}

.eg-empty-cart__girl-view {
  padding: 10px 22px;
  border-radius: 10px;
  background: linear-gradient(135deg, #6600ff, #8a33ff);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 4px 16px rgba(102, 0, 255, 0.4);
  transform: translateY(10px);
  transition: transform 0.35s ease;
}

.eg-empty-cart__girl-card:hover .eg-empty-cart__girl-view {
  transform: translateY(0);
}

/* Girl info below image */
.eg-empty-cart__girl-info {
  padding: 12px 14px 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
}

.eg-empty-cart__girl-name {
  display: block;
  font-size: 15px;
  font-weight: 800;
  color: rgba(248, 244, 255, 0.96);
  letter-spacing: -0.01em;
  line-height: 1.2;
}

.eg-empty-cart__girl-meta {
  display: flex;
  align-items: center;
  gap: 8px;
}

.eg-empty-cart__girl-price {
  font-size: 13px;
  color: rgba(184, 168, 255, 0.85);
  font-weight: 700;
}

.eg-empty-cart__girl-plans {
  font-size: 11px;
  color: #6b5f8e;
  padding: 2px 8px;
  border-radius: 8px;
  background: rgba(177, 126, 255, 0.06);
  border: 1px solid rgba(177, 126, 255, 0.1);
}

/* Status badge on photo */
.eg-empty-cart__status-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  background: rgba(16, 12, 30, 0.72);
  border: 1px solid rgba(184, 168, 255, 0.18);
  color: rgba(200, 186, 255, 0.82);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.eg-empty-cart__status-badge--online {
  background: rgba(16, 38, 20, 0.80);
  border-color: rgba(74, 222, 128, 0.28);
  color: rgba(134, 239, 172, 0.95);
}

.eg-empty-cart__status-badge--online::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4ade80;
  box-shadow: 0 0 6px rgba(74, 222, 128, 0.6);
  flex-shrink: 0;
}

/* Games chips */
.eg-empty-cart__games {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 8px;
}

.eg-empty-cart__game-chip {
  font-size: 10px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 6px;
  background: rgba(124, 92, 255, 0.10);
  border: 1px solid rgba(184, 168, 255, 0.14);
  color: rgba(184, 168, 255, 0.70);
  white-space: nowrap;
}

/* Footer row: price + CTA */
.eg-empty-cart__girl-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
}

.eg-empty-cart__girl-cta {
  font-size: 11px;
  font-weight: 800;
  padding: 4px 12px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(109, 93, 246, 0.55), rgba(139, 92, 246, 0.55));
  border: 1px solid rgba(184, 168, 255, 0.22);
  color: rgba(228, 220, 255, 0.95);
  white-space: nowrap;
}

/* ── Responsive ──────────────────────────── */
@media (max-width: 768px) {
  .eg-empty-cart__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .eg-empty-cart__hero {
    padding: 30px 0 30px;
  }

  .eg-empty-cart__icon {
    width: 80px;
    height: 80px;
    border-radius: 22px;
  }

  .eg-empty-cart__icon svg {
    width: 44px;
    height: 44px;
  }
}

@media (max-width: 420px) {
  .eg-empty-cart {
    padding: 10px 12px 50px;
  }

  .eg-empty-cart__girl-info {
    padding: 10px 10px 14px;
  }

  .eg-empty-cart__girl-name {
    font-size: 13px;
  }

  .eg-empty-cart__cta {
    padding: 14px 24px;
    font-size: 14px;
  }
}


/* ═══════════════════════════════════════════════
   E-GIRLZ CART (with items) — Premium Design
   ═══════════════════════════════════════════════ */

/* Hide WC default cart table/totals when our override is active */
.woocommerce-cart .shop_table.cart,
.woocommerce-cart .cart-collaterals:not(.eg-cart__summary-col) {
  display: none !important;
}

.eg-cart {
  font-family: "Muller", sans-serif;
  color: #fff;
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px 20px 60px;
}

/* ── Header ──────────────────────────────── */
.eg-cart__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px 18px;
  padding: 20px 0 22px;
  border-bottom: 1px solid rgba(177, 126, 255, 0.1);
  margin-bottom: 28px;
  animation: eg-ty-fadeUp 0.4s ease both;
}

.eg-cart__header-text {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.eg-cart__title {
  font-size: clamp(24px, 4vw, 32px);
  font-weight: 900;
  margin: 0;
  background: linear-gradient(135deg, #fff, #d4b5ff 60%, #ff6abf);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.eg-cart__subtitle {
  margin: 0;
  max-width: 460px;
  color: #a99cc8;
  font-size: 13.5px;
  line-height: 1.5;
}

.eg-cart__count {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 15px;
  margin-top: 2px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(177, 126, 255, 0.1);
  color: #c9bcef;
  font-size: 12.5px;
  font-weight: 650;
  white-space: nowrap;
}

/* ── Two-column layout ───────────────────── */
.eg-cart__layout {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 32px;
  align-items: start;
}

/* ── Cart Items Column ───────────────────── */
.eg-cart__items-col {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.eg-cart__item {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0 20px;
  padding: 22px 24px 20px 22px;
  border-radius: 20px;
  background:
    radial-gradient(ellipse at 80% 0%, rgba(120, 60, 220, .18), transparent 55%),
    radial-gradient(ellipse at 10% 100%, rgba(60, 10, 120, .14), transparent 50%),
    linear-gradient(160deg, rgba(28, 18, 58, .82), rgba(14, 8, 30, .72));
  border: 1px solid rgba(180, 140, 255, .16);
  box-shadow:
    0 8px 32px rgba(6, 3, 18, .42),
    inset 0 1px 0 rgba(255, 255, 255, .06);
  backdrop-filter: blur(16px);
  overflow: hidden;
  transition: border-color 0.3s, box-shadow 0.3s;
  animation: eg-ty-fadeUp 0.4s ease both;
}

.eg-cart__item::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(120deg, rgba(255,255,255,.04) 0%, transparent 50%);
  pointer-events: none;
}

.eg-cart__item:hover {
  border-color: rgba(180, 140, 255, .28);
  box-shadow:
    0 10px 40px rgba(6, 3, 18, .52),
    0 0 20px rgba(120, 70, 255, .08),
    inset 0 1px 0 rgba(255, 255, 255, .08);
}

/* Remove button — top right corner */
.eg-cart__item-remove {
  display: none;
}

/* Actions row: accordion trigger + remove — one flex line */
.cart-item-actions-row {
  grid-column: 2 / -1;
  display: flex;
  align-items: stretch;
  gap: 12px;
  width: min(100%, 650px);
  margin-top: 14px;
}

.cart-item-remove-soft {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 18px;
  border-radius: 14px;
  border: 1px solid rgba(255, 150, 170, .16);
  background:
    linear-gradient(180deg, rgba(255, 90, 120, .055), rgba(255, 90, 120, .025)),
    rgba(18, 15, 32, .58);
  color: rgba(232, 214, 230, .62);
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .035),
    0 10px 22px rgba(0, 0, 0, .14);
  transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease;
}

.cart-item-remove-soft:hover {
  color: rgba(255, 180, 195, .94);
  border-color: rgba(255, 130, 155, .30);
  background:
    linear-gradient(180deg, rgba(255, 90, 120, .09), rgba(255, 90, 120, .035)),
    rgba(22, 16, 32, .68);
  transform: translateY(-1px);
}

@media (max-width: 640px) {
  .cart-item-actions-row {
    flex-direction: column;
    width: 100%;
  }
  .cart-item-remove-soft {
    width: fit-content;
  }
}

.eg-cart__remove-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  color: #a99cc8;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(177, 126, 255, 0.14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all 0.25s;
  text-decoration: none;
}

.eg-cart__remove-btn:hover {
  color: #ff4466;
  background: rgba(255, 68, 102, 0.08);
  border-color: rgba(255, 68, 102, 0.2);
}

/* Product image — left, spans full row height */
.eg-cart__item-img {
  grid-row: 1 / -1;
  flex-shrink: 0;
  align-self: start;
}

.eg-cart__item-img img {
  width: 100px;
  height: 100px;
  border-radius: 18px;
  object-fit: cover;
  border: 1px solid rgba(177, 126, 255, 0.18);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 0 0 4px rgba(177, 126, 255, 0.05);
  display: block;
}

.eg-cart__item-img a {
  display: block;
  line-height: 0;
}

/* Product info — center */
.eg-cart__item-info {
  grid-row: 1 / -1;
  align-self: center;
  min-width: 0;
}

.eg-cart__item-name {
  font-size: 17px;
  font-weight: 800;
  margin-bottom: 8px;
  line-height: 1.2;
}

.eg-cart__item-name a {
  color: #fff;
  text-decoration: none;
  transition: color 0.2s;
}

.eg-cart__item-name a:hover {
  color: #d4b5ff;
}

/* ── Meta data (WC variation dl/dt/dd) ──── */
.eg-cart__item-meta {
  display: inline-block;
  margin-top: 8px;
  padding: 7px 12px;
  border-radius: 10px;
  background: rgba(177, 126, 255, 0.07);
  border: 1px solid rgba(177, 126, 255, 0.12);
  font-size: 13px;
  color: #a99cc8;
}

.eg-cart__item-meta dl {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 3px 8px;
  margin: 0;
  align-items: baseline;
}

.eg-cart__item-meta dt {
  font-weight: 700;
  color: #8a7db0;
  font-size: 12px;
  white-space: nowrap;
}

.eg-cart__item-meta dd {
  margin: 0;
  color: #c9bcef;
  font-size: 13px;
}

.eg-cart__item-meta p {
  margin: 2px 0;
}

/* ── Cart premium order confirmation card ──────── */
.cart-order-summary {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Status pill: green dot + "Заказ готов" */
.cart-order-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 4px 11px 4px 8px;
  border-radius: 999px;
  background: rgba(52, 211, 100, .10);
  border: 1px solid rgba(52, 211, 100, .22);
  width: fit-content;
  color: #5de08a;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .03em;
}

.cart-order-status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #3dd472;
  box-shadow: 0 0 6px rgba(61, 212, 114, .65);
  flex-shrink: 0;
}

/* Main: "Medium · 1 час" + sub */
.cart-order-main {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.cart-order-main strong {
  color: #f5f0ff;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.2;
}

.cart-order-main span {
  color: rgba(210, 200, 255, .60);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.4;
}

/* Mini grid: Формат / Сессия / Для кого */
.cart-order-mini-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.cart-order-chip {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 118px;
  padding: 9px 14px;
  border-radius: 14px;
  border: 1px solid rgba(168, 139, 250, .24);
  background:
    linear-gradient(180deg, rgba(139, 92, 246, .12), rgba(139, 92, 246, .045)),
    rgba(14, 12, 26, .62);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .045),
    0 8px 18px rgba(0, 0, 0, .16);
}

.cart-order-chip > span {
  color: rgba(198, 181, 255, .72);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .055em;
  text-transform: uppercase;
  line-height: 1;
}

.cart-order-chip > strong {
  color: #f7f2ff;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.1;
  margin-top: 4px;
}

@media (max-width: 500px) {
  .cart-order-main strong {
    font-size: 16px;
  }

  .cart-order-chip {
    padding: 7px 10px;
    border-radius: 10px;
  }
}

/* ── Pricing column — right ──────────────── */
.eg-cart__item-pricing {
  grid-row: 1;
  align-self: start;
  padding-top: 22px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}

.eg-cart__pay-label {
  color: rgba(210, 200, 255, .48);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  line-height: 1;
}

.eg-cart__item-price {
  font-size: 20px;
  font-weight: 900;
  color: #fff;
  white-space: nowrap;
  letter-spacing: -0.01em;
}

.eg-cart__item-price .woocommerce-Price-amount {
  color: #fff;
}

.eg-cart__item-price .woocommerce-Price-currencySymbol {
  font-size: 14px;
  font-weight: 600;
  opacity: 0.7;
  margin-left: 2px;
}

/* Quantity */
.eg-cart__item-qty .quantity {
  display: flex;
  align-items: center;
  gap: 0;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 10px;
  border: 1px solid rgba(177, 126, 255, 0.12);
  overflow: hidden;
}

.eg-cart__item-qty .quantity input[type="number"] {
  width: 40px;
  text-align: center;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  font-family: "Muller", sans-serif;
  -moz-appearance: textfield;
  padding: 6px 0;
}

.eg-cart__item-qty .quantity input::-webkit-inner-spin-button,
.eg-cart__item-qty .quantity input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.eg-cart__item-qty .eg-qty-btn,
.eg-cart__item-qty .quantity .minus,
.eg-cart__item-qty .quantity .plus {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #b17eff;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.2s;
}

.eg-cart__item-qty .eg-qty-btn:hover,
.eg-cart__item-qty .quantity .minus:hover,
.eg-cart__item-qty .quantity .plus:hover {
  background: rgba(177, 126, 255, 0.1);
}

/* Hidden actions */
.eg-cart__actions-hidden {
  display: none;
}

/* ── Summary Card ────────────────────────── */
.eg-cart__summary-col {
  position: sticky;
  top: 100px;
}

.eg-cart__summary-card {
  border-radius: 22px;
  padding: 28px;
  background: linear-gradient(145deg, rgba(24, 14, 51, 0.85), rgba(16, 8, 32, 0.65));
  border: 1px solid rgba(177, 126, 255, 0.16);
  box-shadow: 0 12px 48px rgba(7, 4, 21, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(20px);
  animation: eg-ty-fadeUp 0.5s 0.15s ease both;
  position: relative;
  overflow: hidden;
}

.eg-cart__summary-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 15%;
  right: 15%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #7d54ff 35%, #ff3891 65%, transparent);
  opacity: 0.4;
}

.eg-cart__summary-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 26px;
  padding: 0 13px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: rgba(177, 126, 255, 0.1);
  border: 1px solid rgba(177, 126, 255, 0.22);
  color: #d8cdff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.eg-cart__summary-title {
  font-size: 20px;
  font-weight: 800;
  margin: 0 0 20px;
  color: #fff;
}

/* Coupon */
.eg-cart__coupon {
  margin-bottom: 18px;
}

.eg-cart__coupon-row {
  display: flex;
  gap: 8px;
}

.eg-cart__coupon-input {
  flex: 1;
  padding: 10px 14px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(177, 126, 255, 0.12);
  color: #fff;
  font-size: 13px;
  font-family: "Muller", sans-serif;
  outline: none;
  transition: border-color 0.3s;
}

.eg-cart__coupon-input:focus {
  border-color: #b17eff;
}

.eg-cart__coupon-input::placeholder {
  color: rgba(177, 155, 220, 0.4);
}

.eg-cart__coupon-btn {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(177, 126, 255, 0.1);
  border: 1px solid rgba(177, 126, 255, 0.18);
  color: #b17eff;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s;
}

.eg-cart__coupon-btn:hover {
  background: rgba(177, 126, 255, 0.2);
  color: #fff;
}

/* Totals */
.eg-cart__totals {
  margin-bottom: 20px;
}

.eg-cart__totals-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  font-size: 14px;
  color: #c9bcef;
}

.eg-cart__totals-row span:last-child {
  font-weight: 600;
  color: #efe8ff;
  white-space: nowrap;
}

.eg-cart__totals-discount span:last-child {
  color: #45f882;
}

.eg-cart__totals-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(177, 126, 255, 0.32) 35%, rgba(255, 56, 145, 0.22) 65%, transparent);
  margin: 8px 0;
}

.eg-cart__totals-total {
  font-size: 18px;
  font-weight: 800;
  color: #fff;
  padding: 12px 0 4px;
}

.eg-cart__total-amount {
  background: linear-gradient(135deg, #fff, #d4b5ff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 22px !important;
  white-space: nowrap;
}

/* Checkout CTA */
.eg-cart__checkout-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 16px 24px;
  border-radius: 14px;
  background: linear-gradient(135deg, #6600ff, #8a33ff);
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  font-family: "Muller", sans-serif;
  text-decoration: none;
  white-space: nowrap;
  letter-spacing: 0.02em;
  box-shadow: 0 8px 28px rgba(102, 0, 255, 0.4);
  transition: all 0.35s ease;
  margin-bottom: 10px;
}

.eg-cart__checkout-helper {
  margin: 0 0 16px;
  color: #6b5f8e;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}

.eg-cart__checkout-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 36px rgba(102, 0, 255, 0.55);
  color: #fff;
}

.eg-cart__checkout-btn svg {
  transition: transform 0.3s;
}

.eg-cart__checkout-btn:hover svg {
  transform: translateX(4px);
}

/* Trust badges */
.eg-cart__trust {
  display: flex;
  gap: 12px;
  margin-bottom: 10px;
}

.eg-cart__trust-item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 0;
  padding: 7px 8px;
  border-radius: 999px;
  background: rgba(177, 126, 255, 0.045);
  border: 1px solid rgba(177, 126, 255, 0.1);
  font-size: 10.5px;
  color: #8a7db0;
  font-weight: 700;
  text-align: center;
  line-height: 1.3;
}

.eg-cart__trust-note {
  font-size: 11px;
  color: #6b5f8e;
  line-height: 1.5;
  margin: 0;
}

/* ── Responsive ──────────────────────────── */
@media (max-width: 860px) {
  .eg-cart__layout {
    grid-template-columns: 1fr;
  }

  .eg-cart__summary-col {
    position: static;
  }

  .eg-cart__subtitle {
    max-width: none;
  }

  .eg-cart__item {
    grid-template-columns: 80px 1fr;
    grid-template-rows: auto auto;
    gap: 8px 14px;
    padding: 18px 40px 18px 18px;
  }

  .eg-cart__item-img {
    grid-row: 1;
    grid-column: 1;
  }

  .eg-cart__item-img img {
    width: 80px;
    height: 80px;
    border-radius: 12px;
  }

  .eg-cart__item-info {
    grid-row: 1;
    grid-column: 2;
    align-self: center;
  }

  .eg-cart__item-pricing {
    grid-row: 2;
    grid-column: 1 / -1;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    border-top: 1px solid rgba(177, 126, 255, 0.06);
    margin-top: 2px;
  }
}

@media (max-width: 500px) {
  .eg-cart {
    padding: 10px 12px 40px;
  }

  .eg-cart__item {
    padding: 14px 36px 14px 14px;
    grid-template-columns: 64px 1fr;
    gap: 6px 12px;
  }

  .eg-cart__item-img img {
    width: 64px;
    height: 64px;
    border-radius: 10px;
  }

  .eg-cart__item-name {
    font-size: 14px;
    margin-bottom: 4px;
  }

  .eg-cart__item-meta dt {
    font-size: 11px;
  }

  .eg-cart__item-meta dd {
    font-size: 12px;
  }

  .eg-cart__item-price {
    font-size: 16px;
  }

  .eg-cart__summary-card {
    padding: 20px 18px;
  }

  .eg-cart__checkout-btn {
    font-size: 14px;
    padding: 14px 20px;
  }

  .eg-cart__trust {
    flex-direction: column;
    gap: 8px;
  }

  .eg-cart__summary-badge {
    font-size: 10px;
    min-height: 24px;
    padding: 0 11px;
  }

  .eg-cart__count {
    font-size: 12px;
    min-height: 28px;
    padding: 0 13px;
  }
}


/* ═══════════════════════════════════════════════
   E-GIRLZ HEADER — Premium Redesign
   ═══════════════════════════════════════════════ */

/* Lock scroll when mobile menu open */
body.eg-menu-open {
  overflow: hidden;
}

/* Hide old header/nav elements */
header:not(.eg-header) {
  display: none !important;
}

.eg-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10002;
  font-family: "Muller", sans-serif;
  transition: background 0.35s, box-shadow 0.35s;
  background: rgba(10, 6, 22, 0.75);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(177, 126, 255, 0.06);
}

.eg-header__inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 28px;
  height: 64px;
}

/* Logo */
.eg-header__logo {
  font-size: 22px;
  font-weight: 900;
  color: #fff;
  text-decoration: none;
  letter-spacing: 0.04em;
  flex-shrink: 0;
  transition: opacity 0.2s;
}

.eg-header__logo:hover {
  opacity: 0.85;
}

/* Desktop Nav */
.eg-header__nav {
  display: flex;
  align-items: center;
  gap: 6px;
}

.eg-header__link {
  position: relative;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  border-radius: 8px;
  transition: color 0.2s, background 0.2s;
  white-space: nowrap;
}

.eg-header__link:hover {
  color: #fff;
  background: rgba(177, 126, 255, 0.08);
}

.eg-header__link::after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 50%;
  transform: translateX(-50%) scaleX(0);
  width: 20px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, #7d54ff, #ff3891);
  transition: transform 0.3s ease;
}

.eg-header__link:hover::after {
  transform: translateX(-50%) scaleX(1);
}

/* Right Actions */
.eg-header__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

/* CTA Button (Стать E-Girl) */
.eg-header__cta {
  display: inline-flex;
  align-items: center;
  padding: 8px 18px;
  border-radius: 10px;
  background: linear-gradient(135deg, #6600ff, #8a33ff);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.3s;
  box-shadow: 0 4px 16px rgba(102, 0, 255, 0.3);
}

.eg-header__cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 22px rgba(102, 0, 255, 0.45);
  color: #fff;
}

/* Icon Buttons (profile, etc.) */
.eg-header__icon-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.6);
  transition: color 0.2s, background 0.2s;
  text-decoration: none;
}

.eg-header__icon-btn:hover {
  color: #fff;
  background: rgba(177, 126, 255, 0.1);
}

/* Cart link — style existing */
.eg-header__actions .cart-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.6);
  transition: color 0.2s, background 0.2s;
  text-decoration: none;
  position: relative;
  margin-bottom: 0;
}

.eg-header__actions .cart-link:hover {
  color: #fff;
  background: rgba(177, 126, 255, 0.1);
}

.eg-header__actions .cart-link img {
  width: 20px;
  height: 20px;
  filter: brightness(0) invert(1);
  opacity: 0.6;
  transition: opacity 0.2s;
}

.eg-header__actions .cart-link:hover img {
  opacity: 1;
}

.eg-header-wallet {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 10px 0 12px;
  border-radius: 14px;
  border: 1px solid rgba(184,168,255,.14);
  background: rgba(13,11,24,.72);
  text-decoration: none;
  color: #fff;
  transition: border-color .2s, background .2s;
}

.eg-header-wallet:hover {
  border-color: rgba(184,168,255,.26);
  background: rgba(18,14,34,.78);
  color: #fff;
}

.eg-header-wallet__label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: rgba(196,181,253,.55);
  white-space: nowrap;
}

.eg-header-wallet__amount {
  font-weight: 750;
  font-size: 14px;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.eg-header-wallet__plus {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  background: rgba(184,168,255,.10);
  border: 1px solid rgba(184,168,255,.16);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  color: rgba(255,255,255,.62);
  flex-shrink: 0;
  cursor: pointer;
}

.eg-header-wallet--mobile {
  display: none;
}

/* Hamburger */
.eg-header__burger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 36px;
  height: 36px;
  padding: 8px 6px;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.2s;
}

.eg-header__burger:hover {
  background: rgba(177, 126, 255, 0.08);
}

.eg-header__burger span {
  display: block;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: all 0.35s ease;
  transform-origin: center;
}

.eg-header__burger span:nth-child(1) {
  width: 100%;
}

.eg-header__burger span:nth-child(2) {
  width: 70%;
  margin-left: auto;
}

.eg-header__burger span:nth-child(3) {
  width: 50%;
  margin-left: auto;
}

.eg-header__burger.active span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.eg-header__burger.active span:nth-child(2) {
  opacity: 0;
  transform: translateX(10px);
}

.eg-header__burger.active span:nth-child(3) {
  width: 100%;
  transform: translateY(-7px) rotate(-45deg);
}

/* ── Mobile Menu ─────────────────────────── */
.eg-header__mobile {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1;
  background: #0a0616;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 80px 32px 40px;
  overflow-y: auto;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s;
}

.eg-header__mobile.open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: all;
}

.eg-header__mobile-nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.eg-header__mobile-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  font-size: 18px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  border-radius: 12px;
  transition: color 0.2s, background 0.2s, transform 0.2s;
}

.eg-header__mobile-link:hover {
  color: #fff;
  background: rgba(177, 126, 255, 0.08);
  transform: translateX(6px);
}

.eg-header__mobile-link--cta {
  margin-top: 8px;
  background: linear-gradient(135deg, rgba(102, 0, 255, 0.2), rgba(138, 51, 255, 0.15));
  border: 1px solid rgba(177, 126, 255, 0.15);
  color: #d4b5ff;
}

.eg-header__mobile-link--cta:hover {
  background: linear-gradient(135deg, rgba(102, 0, 255, 0.35), rgba(138, 51, 255, 0.25));
  color: #fff;
}

.eg-header__mobile-bottom {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid rgba(177, 126, 255, 0.08);
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.eg-header__mobile-bottom .eg-header__mobile-link {
  font-size: 15px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
}

.eg-header__mobile-bottom .cart-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 600;
  transition: color 0.2s, background 0.2s;
}

.eg-header__mobile-bottom .cart-link:hover {
  color: #fff;
  background: rgba(177, 126, 255, 0.08);
}

.eg-header__mobile-bottom .cart-link img {
  width: 18px;
  height: 18px;
  filter: brightness(0) invert(1);
  opacity: 0.5;
}

/* ── Responsive ──────────────────────────── */

/* Adjust body padding for fixed header */
.main__body,
.girl__body {
  padding-top: 0;
}

/* Header lives in a container, push content below header */
.main section.main,
.girl__body section.girl {
  padding-top: 0;
}

/* Content padding handled by section-specific rules */

@media (max-width: 1100px) {
  .eg-header__link {
    padding: 8px 10px;
    font-size: 13px;
  }

  .eg-header__cta {
    padding: 7px 14px;
    font-size: 12px;
  }

}

@media (max-width: 960px) {
  .eg-header__nav {
    display: none;
  }

  .eg-header__cta {
    display: none;
  }

  .eg-header__actions > .eg-header-wallet {
    display: none;
  }

  .eg-header-wallet--mobile {
    display: inline-flex;
  }

  .eg-header__burger {
    display: flex;
  }
}

@media (max-width: 480px) {
  .eg-header__inner {
    padding: 0 16px;
    height: 56px;
  }

  .eg-header__mobile {
    top: 56px;
    padding: 24px 20px;
  }

  .eg-header__mobile-link {
    font-size: 16px;
    padding: 12px 14px;
  }

  .eg-header__logo {
    font-size: 18px;
  }
}

/* ============================================
   HERO REDESIGN — NEW COMPONENTS
   All new classes, no overrides of existing CSS
   ============================================ */

/* Badge */
.promo__badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  border-radius: 999px;
  background: rgba(102, 0, 255, .15);
  border: 1px solid rgba(102, 0, 255, .35);
  color: #d4ccf0;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 16px;
}

.promo__badge-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #4ade80;
  box-shadow: 0 0 8px rgba(74, 222, 128, .7);
  animation: eg-dot-pulse 2s ease-in-out infinite;
}

@keyframes eg-dot-pulse {

  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 0 6px rgba(74, 222, 128, .5);
  }

  50% {
    transform: scale(1.2);
    box-shadow: 0 0 14px rgba(74, 222, 128, .9);
  }
}

/* CTA Group */
.promo__cta-group {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 36px;
  flex-wrap: wrap;
}

/* Primary CTA */
.promo__button.promo__button--primary {
  margin-top: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 20px 40px;
  border-radius: 16px;
  background: linear-gradient(135deg, #7c3aed, #e847ae);
  box-shadow: 0 8px 24px rgba(124, 58, 237, .35);
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
}

.promo__button.promo__button--primary::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .2), transparent);
  /* Animates transform instead of left (same visual sweep, base position
     unchanged) — animating `left` on an infinite-loop element forces
     continuous layout reflow for as long as this button is on screen. */
  animation: eg-shimmer 3s ease-in-out infinite;
  will-change: transform;
}

.promo__button.promo__button--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(124, 58, 237, .5);
}

.promo__button.promo__button--primary svg {
  transition: transform .3s ease;
}

.promo__button.promo__button--primary:hover svg {
  transform: translateX(4px);
}

@keyframes eg-shimmer {
  0% {
    transform: translateX(0%);
  }

  50% {
    transform: translateX(220%);
  }

  100% {
    transform: translateX(220%);
  }
}

/* Ghost CTA */
.promo__button.promo__button--ghost {
  margin-top: 0;
  display: inline-flex;
  align-items: center;
  padding: 19px 32px;
  border-radius: 16px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, .2);
  color: #ccc;
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .3s ease;
}

.promo__button.promo__button--ghost:hover {
  border-color: rgba(124, 58, 237, .5);
  color: #fff;
  background: rgba(124, 58, 237, .1);
}

/* Social Proof */
.promo__social-proof {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
  padding: 10px 20px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, .08);
}

.promo__proof-item {
  color: #b8b3c9;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}

.promo__proof-sep {
  color: rgba(255, 255, 255, .15);
  font-size: 13px;
}

/* Mobile for new components */
@media (max-width: 768px) {
  .promo__badge {
    font-size: 11px;
    padding: 6px 14px;
  }

  .promo__cta-group {
    flex-direction: column;
    gap: 12px;
    margin-top: 28px;
  }

  .promo__button.promo__button--primary,
  .promo__button.promo__button--ghost {
    width: 100%;
    justify-content: center;
  }

  .promo__social-proof {
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 14px;
    justify-content: center;
  }

  .promo__proof-item {
    font-size: 11px;
  }
}

/* Hide circle behind girl */
.promo__girl::after {
  display: none !important;
}

.promo__glow-ring {
  display: none !important;
}


/* ═══════════════════════════════════════════════
   BENTO «ПОЧЕМУ МЫ?» — Graphite Glass Grid
   ═══════════════════════════════════════════════ */

.bento-why {
  position: relative;
  overflow: hidden;
  padding: 108px 0 112px;
  background:
    radial-gradient(circle at top left, rgba(109, 93, 246, .12), transparent 36%),
    radial-gradient(circle at bottom right, rgba(168, 155, 255, .09), transparent 30%),
    linear-gradient(180deg, #07070A 0%, #09090E 52%, #07070A 100%);
}

.bento-why__glow {
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  filter: blur(120px);
  opacity: .24;
}

.bento-why__glow--1 {
  top: -120px;
  left: -140px;
  width: 360px;
  height: 360px;
  background: radial-gradient(circle, rgba(109, 93, 246, .55), transparent 72%);
}

.bento-why__glow--2 {
  right: -120px;
  bottom: -120px;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(168, 155, 255, .38), transparent 72%);
}

.bento-why .container {
  position: relative;
  z-index: 1;
}

.bento-why__intro {
  max-width: 760px;
  margin: 0 auto 54px;
  text-align: center;
}

.bento-why__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid rgba(168, 155, 255, .14);
  background: rgba(255, 255, 255, .04);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  color: #c9c1ea;
  font-family: "Muller", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bento-why__title {
  margin: 22px 0 14px;
  color: #F4F1FF;
  font-family: "Muller", sans-serif;
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -.03em;
}

.bento-why__subtitle {
  margin: 0 auto;
  max-width: 620px;
  color: #A7A0B8;
  font-family: "Muller", sans-serif;
  font-size: 18px;
  line-height: 1.62;
}

.bento-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}

.bento-card {
  position: relative;
  min-width: 0;
  border-radius: 24px;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(168, 155, 255, .14);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .04),
    0 24px 48px rgba(0, 0, 0, .22);
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.bento-card:hover {
  transform: translateY(-4px);
  border-color: rgba(168, 155, 255, .32);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .05),
    0 28px 54px rgba(0, 0, 0, .24),
    0 0 0 1px rgba(168, 155, 255, .08);
}

.bento-card__inner {
  display: flex;
  flex-direction: column;
  min-height: 320px;
  padding: 38px;
}

.bento-card__visual {
  margin-bottom: 26px;
}

.bento-card__icon {
  position: relative;
  width: 88px;
  height: 88px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .09) 0%, rgba(255, 255, 255, .02) 100%),
    rgba(14, 14, 20, .92);
  border: 1px solid rgba(168, 155, 255, .18);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    0 18px 30px rgba(0, 0, 0, .3);
}

.bento-card__icon::after {
  content: "";
  position: absolute;
  inset: auto 16px -14px;
  height: 18px;
  border-radius: 999px;
  background: rgba(109, 93, 246, .18);
  filter: blur(18px);
}

.bento-card__icon svg {
  width: 72px;
  height: 72px;
  display: block;
  filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .28));
}

.bento-card__title {
  margin: 0 0 12px;
  color: #F4F1FF;
  font-family: "Muller", sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -.02em;
}

.bento-card__desc {
  margin: 0;
  color: #A7A0B8;
  font-family: "Muller", sans-serif;
  font-size: 15px;
  line-height: 1.65;
}

.bento-card__footer,
.bento-tags {
  margin-top: auto;
  padding-top: 26px;
}

.bento-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.bento-tag,
.bento-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(168, 155, 255, .14);
  background: rgba(255, 255, 255, .04);
  color: #CEC7EA;
  font-family: "Muller", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .01em;
}

.bento-card__footer--stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.bento-247 {
  color: #F4F1FF;
  font-family: "Muller", sans-serif;
  font-size: clamp(48px, 4vw, 62px);
  font-weight: 900;
  line-height: .95;
  letter-spacing: -.05em;
  text-shadow: 0 10px 24px rgba(109, 93, 246, .16);
}

.bento-247__label {
  color: #A89BFF;
  font-family: "Muller", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bento-status-pill--online {
  color: #E8FBEF;
}

.bento-status-pill__dot {
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 50%;
  background: #22C55E;
  box-shadow: 0 0 14px rgba(34, 197, 94, .42);
}

.bento-why__cta {
  display: flex;
  justify-content: center;
  margin-top: 42px;
}

.bento-why__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 60px;
  padding: 18px 32px;
  border-radius: 16px;
  border: 1px solid rgba(168, 155, 255, .35);
  background: linear-gradient(135deg, #4B3FD6, #6D5DF6);
  color: #F4F1FF;
  font-family: "Muller", sans-serif;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .03em;
  text-decoration: none;
  box-shadow: 0 16px 28px rgba(75, 63, 214, .22);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.bento-why__btn:hover {
  color: #F4F1FF;
  transform: translateY(-2px);
  border-color: rgba(168, 155, 255, .48);
  box-shadow: 0 20px 34px rgba(75, 63, 214, .28);
}

.bento-why__btn svg {
  transition: transform .3s ease;
}

.bento-why__btn:hover svg {
  transform: translateX(4px);
}

.bento-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .8s cubic-bezier(.23, 1, .32, 1),
    transform .8s cubic-bezier(.23, 1, .32, 1);
}

.bento-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.bento-grid .bento-reveal:nth-child(1) {
  transition-delay: .06s;
}

.bento-grid .bento-reveal:nth-child(2) {
  transition-delay: .12s;
}

.bento-grid .bento-reveal:nth-child(3) {
  transition-delay: .18s;
}

.bento-grid .bento-reveal:nth-child(4) {
  transition-delay: .24s;
}

@media (max-width: 1180px) {
  .bento-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 960px) {
  .bento-why {
    padding: 88px 0 92px;
  }

  .bento-why__intro {
    margin-bottom: 40px;
  }

  .bento-why__subtitle {
    font-size: 16px;
  }

  .bento-card__inner {
    min-height: 300px;
    padding: 32px;
  }
}

@media (max-width: 640px) {
  .bento-why {
    padding: 72px 0 78px;
  }

  .bento-why__intro {
    margin-bottom: 30px;
  }

  .bento-why__title {
    margin-top: 18px;
    font-size: 30px;
  }

  .bento-why__subtitle {
    font-size: 14px;
    line-height: 1.55;
  }

  .bento-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .bento-card {
    border-radius: 22px;
  }

  .bento-card__inner {
    min-height: 0;
    padding: 28px 22px;
  }

  .bento-card__visual {
    margin-bottom: 20px;
  }

  .bento-card__icon {
    width: 78px;
    height: 78px;
    border-radius: 24px;
  }

  .bento-card__icon svg {
    width: 64px;
    height: 64px;
  }

  .bento-card__title {
    font-size: 21px;
  }

  .bento-card__desc {
    font-size: 14px;
  }

  .bento-card__footer,
  .bento-tags {
    padding-top: 22px;
  }

  .bento-why__cta {
    margin-top: 32px;
  }

  .bento-why__btn {
    width: 100%;
    max-width: 100%;
    padding: 18px 24px;
  }
}


/* ═══════════════════════════════════════════════
   «КТО ТАКАЯ E-GIRL?» — Premium Override
   ═══════════════════════════════════════════════ */

.promo__explanation {
  margin-top: 40px;
  position: relative;
  max-width: 640px;
  border-radius: 26px;
  padding: 0;
  display: flex;
  gap: 12px;
  align-items: stretch;
  border: 1px solid rgba(171, 138, 255, .24);
  background: linear-gradient(135deg, rgba(18, 13, 34, .94) 0%, rgba(12, 10, 24, .96) 100%);
  box-shadow: 0 22px 48px rgba(4, 3, 10, .56),
    inset 0 0 0 1px rgba(255, 255, 255, .03);
  overflow: hidden;
}

.promo__explanation::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 24px;
  height: 100%;
  background:
    radial-gradient(420px 220px at -4% 10%, rgba(98, 78, 255, .22), transparent 72%),
    radial-gradient(300px 190px at 96% 86%, rgba(45, 196, 255, .12), transparent 74%),
    linear-gradient(160deg, rgba(30, 24, 52, .64) 0%, rgba(18, 14, 32, .72) 100%);
}

.promo__explanation__wrapper {
  margin: 0;
  padding: 24px 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  position: relative;
  z-index: 1;
}

.promo__explanation__wrapper__header {
  font-family: "Muller", sans-serif;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 10px;
  background: linear-gradient(135deg, #fff 0%, #d4b5ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.01em;
}

.promo__explanation__kicker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  margin-bottom: 10px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(99, 218, 255, .34);
  background: linear-gradient(135deg, rgba(54, 171, 255, .12) 0%, rgba(160, 88, 255, .15) 100%);
  color: #a9ecff;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.promo__explanation__wrapper__descr {
  font-family: "Muller", sans-serif;
  font-size: 13.5px;
  font-weight: 400;
  line-height: 1.52;
  color: #bdb1d9;
  max-width: 430px;
}

.promo__explanation__points {
  margin: 10px 0 0;
  padding: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.promo__explanation__points li {
  display: inline-flex;
  align-items: center;
  padding: 5px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .11);
  background: rgba(255, 255, 255, .04);
  color: #f0e9ff;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}

.promo__explanation__photo {
  position: relative;
  z-index: 2;
  height: auto;
  max-height: 180px;
  width: min(26%, 150px);
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 0 34px rgba(124, 58, 237, .32));
  transition: transform .5s cubic-bezier(.23, 1, .32, 1),
    filter .5s ease;
  margin: auto 14px 0 0;
}

/* Keep only one variant visible per viewport */
.promo__explanation-mobile {
  display: none;
}

.promo__explanation:hover .promo__explanation__photo {
  transform: scale(1.04) translateY(-4px);
  filter: drop-shadow(0 0 40px rgba(124, 58, 237, .4));
}

/* Mobile override */
@media (max-width: 768px) {
  .promo__explanation {
    display: none;
  }

  .promo__explanation-mobile {
    display: flex;
    margin-top: 20px;
  }

  .promo__explanation__wrapper {
    padding: 22px 20px 10px;
  }

  .promo__explanation__wrapper__header {
    font-size: 22px;
    margin-bottom: 12px;
  }

  .promo__explanation__kicker {
    margin-bottom: 10px;
    padding: 7px 10px;
    font-size: 11px;
  }

  .promo__explanation__wrapper__descr {
    font-size: 14px;
    line-height: 1.6;
  }

  .promo__explanation__points {
    margin-top: 12px;
    gap: 8px;
  }

  .promo__explanation__points li {
    font-size: 12px;
    padding: 6px 9px;
  }

  .promo__explanation__photo {
    max-height: 168px;
    width: 168px;
    margin-right: 6px;
  }
}

@media (max-width: 480px) {
  .promo__explanation {
    flex-direction: column;
    border-radius: 20px;
    gap: 0;
  }

  .promo__explanation__photo {
    max-height: 152px;
    width: 152px;
    align-self: flex-end;
    margin: -12px 8px 0 0;
  }

  .promo__explanation__wrapper {
    padding: 20px 16px 10px;
  }
}


/* ═══════════════════════════════════════════════
   «КАК ЭТО РАБОТАЕТ?» — Graphite Glass Steps
   ═══════════════════════════════════════════════ */

.hiw {
  position: relative;
  overflow: hidden;
  padding: 108px 0 112px;
  background:
    radial-gradient(circle at 50% 12%, rgba(109, 93, 246, .1), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(168, 155, 255, .08), transparent 28%),
    linear-gradient(180deg, #07070A 0%, #09090E 52%, #07070A 100%);
}

.hiw__glow {
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  filter: blur(118px);
  opacity: .22;
}

.hiw__glow--1 {
  width: 360px;
  height: 360px;
  top: -110px;
  right: -120px;
  background: radial-gradient(circle, rgba(109, 93, 246, .55), transparent 72%);
}

.hiw__glow--2 {
  width: 320px;
  height: 320px;
  bottom: -110px;
  left: -90px;
  background: radial-gradient(circle, rgba(168, 155, 255, .34), transparent 72%);
}

.hiw .container {
  position: relative;
  z-index: 1;
}

.hiw__intro {
  max-width: 720px;
  margin: 0 auto 52px;
  text-align: center;
}

.hiw__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid rgba(168, 155, 255, .14);
  background: rgba(255, 255, 255, .04);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  color: #c9c1ea;
  font-family: "Muller", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.hiw__title {
  font-family: "Muller", sans-serif;
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 900;
  text-align: center;
  color: #F4F1FF;
  margin: 22px 0 14px;
  line-height: 1.08;
  letter-spacing: -.03em;
}

.hiw__subtitle {
  text-align: center;
  font-family: "Muller", sans-serif;
  color: #A7A0B8;
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  line-height: 1.62;
}

.hiw__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}

.hiw__card {
  position: relative;
  min-width: 0;
  border-radius: 24px;
  background: rgba(255, 255, 255, .04);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(168, 155, 255, .14);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .04),
    0 24px 48px rgba(0, 0, 0, .22);
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.hiw__card:hover {
  transform: translateY(-4px);
  border-color: rgba(168, 155, 255, .32);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .05),
    0 28px 54px rgba(0, 0, 0, .24),
    0 0 0 1px rgba(168, 155, 255, .08);
}

.hiw__card:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -14px;
  width: 10px;
  height: 10px;
  border-top: 1.5px solid rgba(168, 155, 255, .38);
  border-right: 1.5px solid rgba(168, 155, 255, .38);
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
  z-index: 2;
}

.hiw__card-inner {
  display: flex;
  flex-direction: column;
  min-height: 300px;
  padding: 34px;
}

.hiw__step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 34px;
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid rgba(168, 155, 255, .14);
  background: rgba(168, 155, 255, .08);
  color: #A89BFF;
  font-family: "Muller", sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 26px;
}

.hiw__icon {
  position: relative;
  width: 92px;
  height: 92px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 28px;
  margin-bottom: 26px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .09) 0%, rgba(255, 255, 255, .02) 100%),
    rgba(14, 14, 20, .92);
  border: 1px solid rgba(168, 155, 255, .18);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    0 18px 30px rgba(0, 0, 0, .3);
}

.hiw__icon::after {
  content: "";
  position: absolute;
  inset: auto 16px -14px;
  height: 18px;
  border-radius: 999px;
  background: rgba(109, 93, 246, .18);
  filter: blur(18px);
}

.hiw__icon svg {
  width: 74px;
  height: 74px;
  display: block;
  filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .28));
}

.hiw__card-title {
  font-family: "Muller", sans-serif;
  font-size: 24px;
  font-weight: 800;
  color: #F4F1FF;
  margin: 0 0 12px;
  line-height: 1.18;
  letter-spacing: -.02em;
}

.hiw__card-desc {
  font-family: "Muller", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #A7A0B8;
  line-height: 1.65;
  margin: 0;
}

.hiw__cta {
  display: flex;
  justify-content: center;
  margin-top: 42px;
}

.hiw__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 60px;
  padding: 18px 32px;
  border-radius: 16px;
  background: linear-gradient(135deg, #4B3FD6, #6D5DF6);
  border: 1px solid rgba(168, 155, 255, .35);
  color: #F4F1FF;
  font-family: "Muller", sans-serif;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  letter-spacing: .03em;
  box-shadow: 0 16px 28px rgba(75, 63, 214, .22);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.hiw__btn:hover {
  color: #F4F1FF;
  transform: translateY(-2px);
  border-color: rgba(168, 155, 255, .48);
  box-shadow: 0 20px 34px rgba(75, 63, 214, .28);
}

.hiw__btn svg {
  transition: transform .3s ease;
}

.hiw__btn:hover svg {
  transform: translateX(4px);
}

.hiw-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .8s cubic-bezier(.23, 1, .32, 1),
    transform .8s cubic-bezier(.23, 1, .32, 1);
}

.hiw-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.hiw__grid .hiw-reveal:nth-child(1) {
  transition-delay: .06s;
}

.hiw__grid .hiw-reveal:nth-child(2) {
  transition-delay: .12s;
}

.hiw__grid .hiw-reveal:nth-child(3) {
  transition-delay: .18s;
}

.hiw__grid .hiw-reveal:nth-child(4) {
  transition-delay: .24s;
}

@media (max-width: 1180px) {
  .hiw__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hiw__card::after {
    display: none;
  }
}

@media (max-width: 960px) {
  .hiw {
    padding: 88px 0 92px;
  }

  .hiw__intro {
    margin-bottom: 40px;
  }

  .hiw__subtitle {
    font-size: 16px;
  }

  .hiw__card-inner {
    min-height: 284px;
    padding: 32px;
  }
}

@media (max-width: 640px) {
  .hiw {
    padding: 72px 0 78px;
  }

  .hiw__intro {
    margin-bottom: 30px;
  }

  .hiw__title {
    margin-top: 18px;
    font-size: 30px;
  }

  .hiw__subtitle {
    font-size: 14px;
    line-height: 1.55;
  }

  .hiw__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .hiw__card {
    border-radius: 22px;
  }

  .hiw__card-inner {
    min-height: 0;
    padding: 28px 22px;
  }

  .hiw__step-num {
    margin-bottom: 22px;
  }

  .hiw__icon {
    width: 80px;
    height: 80px;
    margin-bottom: 22px;
    border-radius: 24px;
  }

  .hiw__icon svg {
    width: 66px;
    height: 66px;
  }

  .hiw__card-title {
    font-size: 21px;
  }

  .hiw__card-desc {
    font-size: 14px;
  }

  .hiw__cta {
    margin-top: 32px;
  }

  .hiw__btn {
    width: 100%;
    max-width: 100%;
    padding: 18px 24px;
  }
}


/* ═══════════════════════════════════════════════
   SERVICES / CATALOG — Graphite Glass Preview
   ═══════════════════════════════════════════════ */

.svc {
  position: relative;
  overflow: hidden;
  padding: clamp(48px, 6vw, 88px) 0 112px;
  background:
    radial-gradient(circle at 50% 16%, rgba(109, 93, 246, .1), transparent 28%),
    radial-gradient(circle at 50% 100%, rgba(168, 155, 255, .08), transparent 30%),
    linear-gradient(180deg, #07070A 0%, #09090E 52%, #07070A 100%);
}

.svc__glow {
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  filter: blur(118px);
  opacity: .22;
}

.svc__glow--1 {
  width: 360px;
  height: 360px;
  top: -110px;
  left: -120px;
  background: radial-gradient(circle, rgba(109, 93, 246, .55), transparent 72%);
}

.svc__glow--2 {
  width: 320px;
  height: 320px;
  bottom: -110px;
  right: -90px;
  background: radial-gradient(circle, rgba(168, 155, 255, .34), transparent 72%);
}

.svc .container {
  position: relative;
  z-index: 1;
}

.svc__intro {
  max-width: 760px;
  margin: 0 auto 48px;
  text-align: center;
}

.svc__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid rgba(168, 155, 255, .14);
  background: rgba(255, 255, 255, .04);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  color: #c9c1ea;
  font-family: "Muller", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.svc__title {
  font-family: "Muller", sans-serif;
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 900;
  text-align: center;
  color: #F4F1FF;
  margin: 22px 0 14px;
  line-height: 1.08;
  letter-spacing: -.03em;
}

.svc__subtitle {
  text-align: center;
  font-family: "Muller", sans-serif;
  color: #A7A0B8;
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  line-height: 1.62;
}

.svc__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

.svc__card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-radius: 24px;
  overflow: hidden;
  background: rgba(255, 255, 255, .04);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  text-decoration: none;
  border: 1px solid rgba(168, 155, 255, .14);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .04),
    0 24px 48px rgba(0, 0, 0, .22);
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.svc__card:hover {
  transform: translateY(-4px);
  border-color: rgba(168, 155, 255, .32);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .05),
    0 28px 54px rgba(0, 0, 0, .24),
    0 0 0 1px rgba(168, 155, 255, .08);
}

.svc__card-img {
  position: relative;
  aspect-ratio: .88;
  overflow: hidden;
  background: #0d0d12;
}

.svc__card-img::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 46%;
  background: linear-gradient(180deg, rgba(9, 9, 14, 0) 0%, rgba(9, 9, 14, .62) 66%, rgba(9, 9, 14, .82) 100%);
  pointer-events: none;
  z-index: 1;
}

.svc__card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transition: transform .45s ease;
}

.svc__card:hover .svc__card-img img {
  transform: scale(1.04);
}

.svc__badge {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(8, 8, 12, .66);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(34, 197, 94, .18);
}

.svc__badge-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22C55E;
  box-shadow: 0 0 12px rgba(34, 197, 94, .42);
  animation: svc-dot-pulse 2s ease-in-out infinite;
}

@keyframes svc-dot-pulse {

  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .6;
    transform: scale(1.3);
  }
}

.svc__badge-text {
  font-family: "Muller", sans-serif;
  font-size: 10px;
  font-weight: 700;
  color: #E8FBEF;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.svc__badge.is-offline {
  border-color: rgba(167, 160, 184, .22);
  background: rgba(8, 8, 12, .68);
}

.svc__badge.is-offline .svc__badge-dot {
  background: #A7A0B8;
  box-shadow: 0 0 10px rgba(167, 160, 184, .24);
}

.svc__badge.is-offline .svc__badge-text {
  color: #D8D3E7;
}

.svc__card-hover {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(7, 7, 10, .32);
  opacity: 0;
  transition: opacity .3s ease;
}

.svc__card:hover .svc__card-hover {
  opacity: 1;
}

.svc__card-hover-btn {
  padding: 12px 20px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(168, 155, 255, .24);
  color: #F4F1FF;
  font-family: "Muller", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .02em;
  transform: translateY(8px);
  transition: transform .3s ease, background .3s ease, border-color .3s ease;
}

.svc__card:hover .svc__card-hover-btn {
  transform: translateY(0);
}

.svc__card-hover-btn:hover {
  background: rgba(255, 255, 255, .12);
  border-color: rgba(168, 155, 255, .36);
}

.svc__card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 180px;
  padding: 18px 18px 20px;
}

.svc__card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.svc__card-name {
  font-family: "Muller", sans-serif;
  font-size: 20px;
  font-weight: 800;
  color: #F4F1FF;
  margin: 0;
  line-height: 1.15;
  letter-spacing: -.02em;
}

.svc__card-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.svc__card-status {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(168, 155, 255, .12);
  font-family: "Muller", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #B7B0CA;
}

.svc__card-price {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(109, 93, 246, .1);
  border: 1px solid rgba(168, 155, 255, .18);
  font-family: "Muller", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #F4F1FF;
  white-space: nowrap;
}

.svc__card-rating {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(168, 155, 255, .12);
  color: #DCD7FF;
  font-family: "Muller", sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.svc__card-rating svg {
  width: 14px;
  height: 14px;
  color: #A89BFF;
  flex-shrink: 0;
}

.svc__card-rating-count {
  color: #A7A0B8;
  font-weight: 600;
}

.svc__card-tags,
.svc__card-games {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  padding-top: 18px;
}

.svc__tag {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(168, 155, 255, .14);
  background: rgba(255, 255, 255, .04);
  color: #CEC7EA;
  font-family: "Muller", sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.svc__card-games {
  align-items: center;
}

.svc__card-games img {
  width: 22px;
  height: 22px;
  border-radius: 7px;
  opacity: .92;
  box-shadow: 0 8px 14px rgba(0, 0, 0, .24);
}

.svc__cta {
  display: flex;
  justify-content: center;
}

.svc__cta--top {
  margin-top: 28px;
}

.svc__cta--bottom {
  margin-top: clamp(28px, 4vw, 40px);
}

.svc__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 60px;
  padding: 18px 32px;
  border-radius: 16px;
  background: linear-gradient(135deg, #4B3FD6, #6D5DF6);
  border: 1px solid rgba(168, 155, 255, .35);
  color: #F4F1FF;
  font-family: "Muller", sans-serif;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  letter-spacing: .03em;
  box-shadow: 0 16px 28px rgba(75, 63, 214, .22);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.svc__btn:hover {
  color: #F4F1FF;
  transform: translateY(-2px);
  border-color: rgba(168, 155, 255, .48);
  box-shadow: 0 20px 34px rgba(75, 63, 214, .28);
}

.svc__btn svg {
  transition: transform .3s ease;
}

.svc__btn:hover svg {
  transform: translateX(4px);
}

.home-featured-catalog-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(230px, 1fr));
  gap: 20px;
  align-items: stretch;
  margin-top: clamp(34px, 4vw, 54px);
}

.home-featured-catalog-grid .product-card {
  height: 100%;
}

@media (max-width: 1100px) {
  .home-featured-catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .home-featured-catalog-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.svc-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1),
    transform .7s cubic-bezier(.23, 1, .32, 1);
}

.svc-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.svc__grid .svc-reveal:nth-child(2) {
  transition-delay: .08s;
}

.svc__grid .svc-reveal:nth-child(3) {
  transition-delay: .16s;
}

.svc__grid .svc-reveal:nth-child(4) {
  transition-delay: .24s;
}

@media (max-width: 1280px) {
  .svc__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 960px) {
  .svc {
    padding: clamp(40px, 6vw, 64px) 0 92px;
  }

  .svc__intro {
    margin-bottom: 40px;
  }

  .svc__subtitle {
    font-size: 16px;
  }

  .svc__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
}

@media (max-width: 640px) {
  .svc {
    padding: clamp(32px, 8vw, 48px) 0 78px;
  }

  .svc__intro {
    margin-bottom: 30px;
  }

  .svc__title {
    margin-top: 18px;
    font-size: 30px;
  }

  .svc__subtitle {
    font-size: 14px;
    line-height: 1.55;
  }

  .svc__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .svc__card {
    border-radius: 22px;
  }

  .svc__card-img {
    aspect-ratio: 1.05;
  }

  .svc__card-body {
    min-height: 0;
    padding: 16px 16px 18px;
  }

  .svc__card-head {
    gap: 10px;
  }

  .svc__card-name {
    font-size: 19px;
  }

  .svc__card-meta {
    gap: 8px;
  }

  .svc__card-status,
  .svc__card-rating,
  .svc__tag {
    font-size: 11px;
  }

  .svc__card-price {
    font-size: 12px;
  }

  .svc__card-tags,
  .svc__card-games {
    padding-top: 16px;
  }

  .svc__card-games img {
    width: 20px;
    height: 20px;
  }

  .svc__badge {
    padding: 4px 8px;
    top: 10px;
    left: 10px;
  }

  .svc__badge-text {
    font-size: 9px;
  }

  .svc__badge-dot {
    width: 6px;
    height: 6px;
  }

  .svc__card-hover-btn {
    padding: 10px 20px;
    font-size: 12px;
  }

  .svc__btn {
    width: 100%;
    max-width: 100%;
    padding: 18px 24px;
  }
}


/* ═══════════════════════════════════════════════
   TESTIMONIALS — Graphite Glass Grid
   ═══════════════════════════════════════════════ */

.rev {
  position: relative;
  overflow: hidden;
  padding: 108px 0 104px;
  background:
    radial-gradient(circle at 50% 18%, rgba(109, 93, 246, .1), transparent 28%),
    radial-gradient(circle at 50% 100%, rgba(168, 155, 255, .08), transparent 30%),
    linear-gradient(180deg, #07070A 0%, #09090E 52%, #07070A 100%);
}

.rev__glow {
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  filter: blur(118px);
  opacity: .22;
}

.rev__glow--1 {
  width: 360px;
  height: 360px;
  top: -110px;
  left: -120px;
  background: radial-gradient(circle, rgba(109, 93, 246, .55), transparent 72%);
}

.rev__glow--2 {
  width: 320px;
  height: 320px;
  bottom: -110px;
  right: -90px;
  background: radial-gradient(circle, rgba(168, 155, 255, .34), transparent 72%);
}

.rev .container {
  position: relative;
  z-index: 1;
}

.rev__intro {
  max-width: 760px;
  margin: 0 auto 46px;
  text-align: center;
}

.rev__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid rgba(168, 155, 255, .14);
  background: rgba(255, 255, 255, .04);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  color: #c9c1ea;
  font-family: "Muller", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
}

.rev__title {
  font-family: "Muller", sans-serif;
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 900;
  text-align: center;
  color: #F4F1FF;
  margin: 22px 0 14px;
  line-height: 1.08;
  letter-spacing: -.03em;
}

.rev__subtitle {
  text-align: center;
  font-family: "Muller", sans-serif;
  color: #A7A0B8;
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  line-height: 1.62;
}

.rev__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.rev__card-link {
  display: block;
  min-width: 0;
  text-decoration: none;
  color: inherit;
}

.rev__card {
  min-height: 260px;
  padding: 28px 28px 22px;
  border-radius: 22px;
  background: rgba(255, 255, 255, .04);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(168, 155, 255, .14);
  display: flex;
  flex-direction: column;
  gap: 14px;
  position: relative;
  overflow: hidden;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .04),
    0 24px 48px rgba(0, 0, 0, .22);
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.rev__card-link:hover .rev__card {
  transform: translateY(-4px);
  border-color: rgba(168, 155, 255, .32);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .05),
    0 28px 54px rgba(0, 0, 0, .24),
    0 0 0 1px rgba(168, 155, 255, .08);
}

.rev__card-top {
  display: flex;
  align-items: center;
  gap: 12px;
}

.rev__ava {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(109, 93, 246, .1);
  border: 1px solid rgba(168, 155, 255, .22);
  color: #DCD7FF;
  font-family: "Muller", sans-serif;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .04em;
}

.rev__meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}

.rev__name {
  font-family: "Muller", sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #F4F1FF;
}

.rev__info {
  font-family: "Muller", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #A7A0B8;
}

.rev__stars {
  display: inline-flex;
  gap: 5px;
  color: #A89BFF;
  font-size: 14px;
  letter-spacing: 0;
}

.rev__text {
  font-family: "Muller", sans-serif;
  font-size: 14px;
  line-height: 1.65;
  color: #CEC7EA;
  flex: 1;
}

.rev__footer {
  display: flex;
  align-items: center;
  margin-top: auto;
  padding-top: 8px;
}

.rev__egirl-pill {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(168, 155, 255, .12);
  width: 100%;
}

.rev__egirl-ava {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  flex-shrink: 0;
  object-fit: cover;
  display: block;
  border: 1px solid rgba(168, 155, 255, .2);
  box-shadow: 0 8px 14px rgba(0, 0, 0, .18);
}

.rev__egirl-ava--ph {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(109, 93, 246, .12);
  font-size: 14px;
  color: #CFC8FF;
}

.rev__egirl-label {
  font-family: "Muller", sans-serif;
  font-size: 12px;
  color: #A7A0B8;
  line-height: 1.3;
}

.rev__egirl-name {
  font-weight: 700;
  color: #F4F1FF;
}

.rev-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1),
    transform .7s cubic-bezier(.23, 1, .32, 1);
}

.rev-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1280px) {
  .rev__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 960px) {
  .rev {
    padding: 88px 0 92px;
  }

  .rev__intro {
    margin-bottom: 40px;
  }

  .rev__subtitle {
    font-size: 16px;
  }

  .rev__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .rev {
    padding: 72px 0 78px;
  }

  .rev__intro {
    margin-bottom: 30px;
  }

  .rev__title {
    margin-top: 18px;
    font-size: 30px;
  }

  .rev__subtitle {
    font-size: 14px;
    line-height: 1.55;
  }

  .rev__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .rev__card {
    min-height: 0;
    padding: 24px 20px 18px;
    border-radius: 20px;
  }

  .rev__ava {
    width: 40px;
    height: 40px;
  }

  .rev__name {
    font-size: 14px;
  }

  .rev__text {
    font-size: 13px;
  }
}


/* ═══════════════════════════════════════════════
   FAQ — Graphite Glass Accordion
   ═══════════════════════════════════════════════ */

.faq2 {
  position: relative;
  overflow: hidden;
  padding: 108px 0 112px;
  background:
    radial-gradient(circle at 50% 18%, rgba(109, 93, 246, .1), transparent 28%),
    radial-gradient(circle at 50% 100%, rgba(168, 155, 255, .08), transparent 30%),
    linear-gradient(180deg, #07070A 0%, #09090E 52%, #07070A 100%);
}

.faq2__glow {
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  filter: blur(118px);
  opacity: .22;
}

.faq2__glow--1 {
  width: 360px;
  height: 360px;
  top: -110px;
  left: -120px;
  background: radial-gradient(circle, rgba(109, 93, 246, .55), transparent 72%);
}

.faq2__glow--2 {
  width: 320px;
  height: 320px;
  bottom: -110px;
  right: -90px;
  background: radial-gradient(circle, rgba(168, 155, 255, .34), transparent 72%);
}

.faq2 .container {
  position: relative;
  z-index: 1;
}

.faq2__shell {
  border-radius: 32px;
  border: 1px solid rgba(168, 155, 255, .14);
  background: rgba(255, 255, 255, .04);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .04),
    0 30px 60px rgba(0, 0, 0, .2);
  padding: 34px;
}

.faq2__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
  gap: 30px;
  align-items: stretch;
  margin-bottom: 26px;
}

.faq2__content {
  min-width: 0;
}

.faq2__intro {
  margin-bottom: 26px;
}

.faq2__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid rgba(168, 155, 255, .14);
  background: rgba(255, 255, 255, .04);
  color: #c9c1ea;
  font-family: "Muller", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
}

.faq2__title {
  font-family: "Muller", sans-serif;
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 900;
  color: #F4F1FF;
  margin: 22px 0 14px;
  line-height: 1.08;
  letter-spacing: -.03em;
  text-align: left;
}

.faq2__subtitle {
  text-align: left;
  font-family: "Muller", sans-serif;
  color: #A7A0B8;
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  line-height: 1.62;
}

.faq2__accordion {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.faq2__item {
  border-radius: 16px;
  background: rgba(255, 255, 255, .035);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(168, 155, 255, .1);
  overflow: hidden;
  transition: border-color .35s ease, box-shadow .35s ease, background .35s ease;
}

.faq2__item.is-open {
  border-color: rgba(168, 155, 255, .24);
  box-shadow: 0 18px 38px rgba(0, 0, 0, .16);
  background: rgba(255, 255, 255, .05);
}

.faq2__trigger {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 22px;
  background: none;
  border: none;
  color: #F4F1FF;
  cursor: pointer;
  text-align: left;
  font-family: "Muller", sans-serif;
  font-size: 16px;
  line-height: 1.4;
}

.faq2__trigger:hover {
  background: rgba(255, 255, 255, .02);
}

.faq2__icon {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 12px;
  background: rgba(109, 93, 246, .1);
  border: 1px solid rgba(168, 155, 255, .16);
  color: #DCD7FF;
  font-size: 18px;
  line-height: 1;
}

.faq2__question {
  flex: 1;
  font-weight: 700;
}

.faq2__chevron {
  flex-shrink: 0;
  color: #A89BFF;
  transition: transform .35s cubic-bezier(.4, 0, .2, 1), color .35s ease;
}

.faq2__item.is-open .faq2__chevron {
  transform: rotate(180deg);
  color: #DCD7FF;
}

.faq2__answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s cubic-bezier(.4, 0, .2, 1);
}

.faq2__answer-inner {
  padding: 0 22px 20px 22px;
  font-family: "Muller", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: #A7A0B8;
}

.faq2__illustration {
  display: flex;
  align-items: stretch;
}

.faq2__illust-card {
  position: relative;
  width: 100%;
  min-height: 100%;
  border-radius: 28px;
  background:
    radial-gradient(circle at 50% 28%, rgba(168, 155, 255, .14), transparent 28%),
    linear-gradient(180deg, rgba(18, 18, 24, .92) 0%, rgba(12, 12, 18, .98) 100%);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(168, 155, 255, .14);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 430px;
  padding: 26px 24px 0;
}

.faq2__illust-glow {
  position: absolute;
  top: 26%;
  left: 50%;
  width: 260px;
  height: 260px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(109, 93, 246, .24) 0%, rgba(168, 155, 255, .14) 45%, transparent 78%);
  pointer-events: none;
  filter: blur(30px);
}

.faq2__illust-symbol {
  position: absolute;
  top: 34px;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Muller", sans-serif;
  font-size: 120px;
  font-weight: 900;
  color: rgba(168, 155, 255, .24);
  text-shadow: 0 20px 50px rgba(109, 93, 246, .18);
  line-height: .9;
}

.faq2__illust-catmark {
  position: absolute;
  top: 56px;
  right: 46px;
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(168, 155, 255, .18);
  color: #CFC8FF;
  box-shadow: 0 16px 28px rgba(0, 0, 0, .18);
}

.faq2__illust-catmark svg {
  width: 24px;
  height: 24px;
}

.faq2__cat {
  max-width: 320px;
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  z-index: 2;
  filter: drop-shadow(0 -8px 32px rgba(109, 93, 246, .16));
  margin-top: auto;
}

.faq2__cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 24px;
  border-radius: 24px;
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(168, 155, 255, .1);
}

.faq2__cta-title {
  font-family: "Muller", sans-serif;
  font-size: 28px;
  font-weight: 800;
  color: #F4F1FF;
  margin-bottom: 8px;
}

.faq2__cta-text {
  font-family: "Muller", sans-serif;
  font-size: 16px;
  color: #A7A0B8;
  margin: 0;
}

.faq2__cta-buttons {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.faq2__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: "Muller", sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 16px;
  padding: 16px 26px;
  cursor: pointer;
  transition: transform .25s ease, box-shadow .35s ease, background .3s ease, border-color .3s ease;
}

.faq2__btn:hover {
  transform: translateY(-2px);
}

.faq2__btn--primary {
  background: linear-gradient(135deg, #4B3FD6, #6D5DF6);
  border: 1px solid rgba(168, 155, 255, .35);
  color: #F4F1FF;
  box-shadow: 0 16px 28px rgba(75, 63, 214, .22);
}

.faq2__btn--primary:hover {
  color: #F4F1FF;
  border-color: rgba(168, 155, 255, .48);
  box-shadow: 0 20px 34px rgba(75, 63, 214, .28);
}

.faq2__btn--secondary {
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(168, 155, 255, .14);
  color: #F4F1FF;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.faq2__btn--secondary:hover {
  border-color: rgba(168, 155, 255, .3);
  background: rgba(255, 255, 255, .06);
  color: #F4F1FF;
}

@media (max-width: 960px) {
  .faq2 {
    padding: 88px 0 92px;
  }

  .faq2__layout {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .faq2__illustration {
    order: 2;
  }

  .faq2__illust-card {
    min-height: 320px;
    max-width: 420px;
    margin: 0 auto;
  }

  .faq2__illust-symbol {
    font-size: 96px;
  }

  .faq2__cat {
    max-width: 250px;
  }

  .faq2__cta {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 640px) {
  .faq2 {
    padding: 72px 0 78px;
  }

  .faq2__shell {
    padding: 20px;
    border-radius: 24px;
  }

  .faq2__title {
    margin-top: 18px;
    font-size: 30px;
  }

  .faq2__subtitle {
    font-size: 14px;
    line-height: 1.55;
  }

  .faq2__illustration {
    display: none;
  }

  .faq2__trigger {
    padding: 14px 16px;
    font-size: 14px;
  }

  .faq2__icon {
    width: 34px;
    height: 34px;
    font-size: 16px;
    border-radius: 10px;
  }

  .faq2__answer-inner {
    padding: 0 16px 16px 16px;
    font-size: 13px;
  }

  .faq2__cta {
    padding: 20px;
    border-radius: 18px;
  }

  .faq2__cta-title {
    font-size: 24px;
  }

  .faq2__cta-text {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .faq2__btn {
    font-size: 14px;
    padding: 12px 20px;
    border-radius: 12px;
    width: 100%;
    justify-content: center;
  }

  .faq2__layout {
    margin-bottom: 20px;
  }
}

/* Homepage refresh: header + hero */
:root {
  --eg-bg-900: #090611;
  --eg-bg-850: #0d0718;
  --eg-bg-800: #120a22;
  --eg-surface: rgba(23, 16, 36, 0.9);
  --eg-surface-soft: rgba(255, 255, 255, 0.04);
  --eg-border: rgba(255, 255, 255, 0.08);
  --eg-border-strong: rgba(192, 132, 252, 0.28);
  --eg-text-main: #f8f7ff;
  --eg-text-muted: #b8afcf;
  --eg-purple: #8b5cf6;
  --eg-purple-bright: #a855f7;
  --eg-pink: #ec4899;
  --eg-green: #22c55e;
  --eg-shadow: 0 24px 80px rgba(5, 4, 12, 0.42);
}

section.main {
  position: relative;
  overflow: hidden;
}

section.main::before,
section.main::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  filter: blur(120px);
  opacity: 0.75;
}

section.main::before {
  width: 420px;
  height: 420px;
  top: 72px;
  left: -120px;
  background: radial-gradient(circle, rgba(139, 92, 246, 0.34), transparent 72%);
}

section.main::after {
  width: 540px;
  height: 540px;
  top: 180px;
  right: -180px;
  background: radial-gradient(circle, rgba(236, 72, 153, 0.18), transparent 72%);
}

.eg-header {
  background: rgba(10, 7, 24, 0.64);
  border-bottom: 1px solid rgba(192, 132, 252, 0.12);
  box-shadow: 0 18px 48px rgba(6, 4, 14, 0.26);
}

.eg-header::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(168, 85, 247, 0.06), transparent 24%, transparent 76%, rgba(192, 132, 252, 0.05)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent);
  pointer-events: none;
}

.eg-header__inner {
  max-width: 1320px;
  height: 78px;
  gap: 20px;
}

.eg-header__logo {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.eg-header__logo::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, #c084fc 0%, #8b5cf6 100%);
  box-shadow: 0 0 20px rgba(168, 85, 247, 0.9);
}

.eg-header__nav {
  padding: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}

.eg-header__link {
  padding: 10px 16px;
  border-radius: 999px;
  color: rgba(248, 247, 255, 0.76);
  font-weight: 600;
  letter-spacing: 0.01em;
}

.eg-header__link:hover {
  color: #fff;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.14), rgba(168, 85, 247, 0.08));
}

.eg-header__link::after {
  bottom: 5px;
  width: 24px;
  background: linear-gradient(90deg, #8b5cf6, #f0abfc);
}

.eg-header__actions {
  gap: 10px;
}

.eg-header__cta {
  padding: 11px 18px;
  border-radius: 999px;
  background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);
  box-shadow: 0 12px 30px rgba(124, 58, 237, 0.34);
}

.eg-header__cta:hover {
  box-shadow: 0 16px 36px rgba(124, 58, 237, 0.46);
}

.eg-header__icon-btn,
.eg-header__actions .cart-link {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.eg-header__icon-btn:hover,
.eg-header__actions .cart-link:hover {
  background: rgba(255, 255, 255, 0.12);
}

.promo--marketplace {
  position: relative;
  z-index: 1;
  align-items: center;
  gap: 56px;
  min-height: 100vh;
}

.promo--marketplace .promo__wrapper {
  max-width: 580px;
  padding-top: 148px;
}

.promo--marketplace .promo__header {
  max-width: 12ch;
  font-size: clamp(46px, 5.6vw, 78px);
  line-height: 0.95;
  letter-spacing: -0.045em;
  text-transform: none;
  background: linear-gradient(180deg, #ffffff 0%, #efe7ff 46%, #d6befd 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.promo--marketplace .promo__subheader {
  max-width: 34rem;
  margin-top: 22px;
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.6;
  color: var(--eg-text-muted);
}

.promo--marketplace .promo__badge {
  margin-bottom: 22px;
  padding: 10px 18px;
  border-color: rgba(168, 85, 247, 0.34);
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.22), rgba(29, 18, 52, 0.68));
  color: #ece6ff;
}

.promo--marketplace .promo__cta-group {
  margin-top: 34px;
}

.promo--marketplace .promo__button.promo__button--primary {
  min-width: 240px;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);
}

.promo--marketplace .promo__button.promo__button--ghost {
  min-width: 220px;
  justify-content: center;
  color: #f5efff;
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.promo__social-proof--trust {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0;
  margin-top: 26px;
  background: transparent;
  border: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.promo__social-proof--trust .promo__proof-item {
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.05);
  color: #f2eaff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.promo--marketplace .promo__girl {
  width: min(50%, 620px);
  padding-top: 140px;
}

.hero-showcase {
  position: relative;
}

.hero-showcase__glow {
  position: absolute;
  border-radius: 999px;
  filter: blur(90px);
  pointer-events: none;
}

.hero-showcase__glow--primary {
  width: 260px;
  height: 260px;
  top: -10px;
  left: -30px;
  background: radial-gradient(circle, rgba(139, 92, 246, 0.42), transparent 72%);
}

.hero-showcase__glow--secondary {
  width: 240px;
  height: 240px;
  right: -10px;
  bottom: 20px;
  background: radial-gradient(circle, rgba(236, 72, 153, 0.18), transparent 70%);
}

.hero-showcase__panel {
  position: relative;
  padding: 28px;
  border-radius: 32px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at top left, rgba(168, 85, 247, 0.18), transparent 36%),
    linear-gradient(180deg, rgba(17, 12, 31, 0.94) 0%, rgba(10, 7, 24, 0.92) 100%);
  box-shadow: var(--eg-shadow);
  overflow: hidden;
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
}

.hero-showcase__panel::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 34%),
    linear-gradient(180deg, transparent 58%, rgba(168, 85, 247, 0.06));
  pointer-events: none;
}

.hero-showcase__intro {
  position: relative;
  z-index: 1;
  margin-bottom: 22px;
}

.hero-showcase__eyebrow {
  display: inline-flex;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(34, 197, 94, 0.2);
  background: rgba(34, 197, 94, 0.08);
  color: #98f3b1;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.hero-showcase__title {
  margin: 14px 0 10px;
  font-size: 28px;
  line-height: 1.08;
  color: var(--eg-text-main);
}

.hero-showcase__text {
  margin: 0;
  max-width: 32rem;
  color: var(--eg-text-muted);
  line-height: 1.6;
}

.hero-showcase__cards {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 18px;
}

.hero-profile-card {
  display: grid;
  grid-template-columns: 124px minmax(0, 1fr);
  gap: 18px;
  padding: 16px;
  border-radius: 28px;
  border: 1px solid var(--eg-border);
  background: rgba(255, 255, 255, 0.045);
  box-shadow: 0 18px 38px rgba(4, 3, 10, 0.22);
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.hero-profile-card:hover {
  transform: translateY(-4px);
  border-color: var(--eg-border-strong);
  box-shadow: 0 24px 48px rgba(5, 4, 12, 0.34);
}

.hero-profile-card--2 {
  transform: translateX(28px);
}

.hero-profile-card--3 {
  transform: translateX(12px);
}

.hero-profile-card--2:hover {
  transform: translateX(28px) translateY(-4px);
}

.hero-profile-card--3:hover {
  transform: translateX(12px) translateY(-4px);
}

.hero-profile-card__media {
  position: relative;
  min-height: 138px;
  border-radius: 22px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(20, 15, 33, 0.32), rgba(20, 15, 33, 0.84));
}

.hero-profile-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.hero-profile-card__status {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(7, 8, 16, 0.72);
  color: #dcffe7;
  font-size: 12px;
  font-weight: 700;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.hero-profile-card__status.is-offline {
  color: #f3e8ff;
}

.hero-profile-card__status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--eg-green);
  box-shadow: 0 0 16px rgba(34, 197, 94, 0.72);
  flex-shrink: 0;
}

.hero-profile-card__status.is-offline .hero-profile-card__status-dot {
  background: #f59e0b;
  box-shadow: 0 0 14px rgba(245, 158, 11, 0.54);
}

.hero-profile-card__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.hero-profile-card__top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.hero-profile-card__name {
  margin: 0;
  font-size: 22px;
  color: var(--eg-text-main);
}

.hero-profile-card__vibe {
  margin: 6px 0 0;
  color: var(--eg-text-muted);
  font-size: 14px;
  line-height: 1.4;
}

.hero-profile-card__price {
  align-self: flex-start;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(139, 92, 246, 0.14);
  color: #f4ebff;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.hero-profile-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.hero-profile-card__meta span,
.hero-profile-card__tags span {
  display: inline-flex;
  align-items: center;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: #ede5ff;
  font-size: 12px;
  font-weight: 600;
}

.hero-profile-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.hero-profile-card__actions {
  display: flex;
  gap: 10px;
  margin-top: auto;
}

.hero-profile-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 14px;
  border-radius: 16px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
  transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.hero-profile-card__btn:hover {
  transform: translateY(-2px);
}

.hero-profile-card__btn--primary {
  flex: 1;
  background: linear-gradient(135deg, #8b5cf6 0%, #a855f7 56%, #ec4899 100%);
  color: #fff;
  box-shadow: 0 12px 24px rgba(139, 92, 246, 0.24);
}

.hero-profile-card__btn--ghost {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: #f2ebff;
}

.hero-showcase__empty {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid var(--eg-border);
  background: rgba(255, 255, 255, 0.04);
  color: var(--eg-text-main);
}

.hero-showcase__empty span {
  color: var(--eg-text-muted);
  line-height: 1.6;
}

@media (max-width: 1200px) {
  .promo--marketplace {
    gap: 34px;
  }

  .promo--marketplace .promo__wrapper {
    max-width: 520px;
  }

  .promo--marketplace .promo__girl {
    width: min(48%, 560px);
  }

  .hero-profile-card {
    grid-template-columns: 108px minmax(0, 1fr);
  }
}

@media (max-width: 1040px) {
  .promo--marketplace {
    flex-direction: column;
    align-items: stretch;
    min-height: auto;
    gap: 28px;
  }

  .promo--marketplace .promo__wrapper,
  .promo--marketplace .promo__girl {
    max-width: 100%;
    width: 100%;
  }

  .promo--marketplace .promo__wrapper {
    padding-top: 124px;
  }

  .promo--marketplace .promo__girl {
    padding-top: 0;
  }

  .hero-profile-card--2,
  .hero-profile-card--3,
  .hero-profile-card--2:hover,
  .hero-profile-card--3:hover {
    transform: none;
  }
}

@media (max-width: 960px) {
  .eg-header {
    background: rgba(10, 7, 24, 0.82);
  }

  .eg-header__inner {
    height: 68px;
  }

  .eg-header__mobile {
    background:
      radial-gradient(circle at top, rgba(139, 92, 246, 0.14), transparent 35%),
      linear-gradient(180deg, #0b0614 0%, #11091f 100%);
  }

  .eg-header__mobile-link {
    border: 1px solid rgba(255, 255, 255, 0.04);
    background: rgba(255, 255, 255, 0.03);
  }
}

@media (max-width: 768px) {
  .promo--marketplace .promo__wrapper {
    padding-top: 108px;
  }

  .promo--marketplace .promo__header {
    max-width: none;
    font-size: clamp(38px, 10vw, 54px);
  }

  .promo--marketplace .promo__subheader {
    max-width: none;
    font-size: 17px;
    line-height: 1.7;
  }

  .promo--marketplace .promo__button.promo__button--primary,
  .promo--marketplace .promo__button.promo__button--ghost {
    min-width: 0;
  }

  .promo__social-proof--trust {
    gap: 10px;
  }

  .promo__social-proof--trust .promo__proof-item {
    width: 100%;
    justify-content: center;
  }

  .hero-showcase__panel {
    padding: 20px;
    border-radius: 26px;
  }

  .hero-showcase__title {
    font-size: 24px;
  }

  .hero-profile-card {
    grid-template-columns: 1fr;
    padding: 14px;
  }

  .hero-profile-card__media {
    min-height: 210px;
  }

  .hero-profile-card__top {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-profile-card__price {
    align-self: flex-start;
  }

  .hero-profile-card__actions {
    flex-direction: column;
  }

  .hero-profile-card__btn {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .eg-header__inner {
    height: 60px;
  }

  .eg-header__logo {
    font-size: 18px;
    letter-spacing: 0.12em;
  }

  .promo--marketplace .promo__wrapper {
    padding-top: 94px;
  }

  .promo--marketplace .promo__badge {
    width: 100%;
    justify-content: center;
    font-size: 11px;
  }

  .promo--marketplace .promo__header {
    font-size: 36px;
  }

  .promo--marketplace .promo__subheader {
    font-size: 16px;
  }

  .hero-showcase__panel {
    padding: 16px;
  }

  .hero-showcase__title {
    font-size: 22px;
  }

  .hero-profile-card__name {
    font-size: 20px;
  }

  .hero-profile-card__media {
    min-height: 184px;
  }
}

/* Compact storefront hero override */
.promo--marketplace {
  align-items: flex-start;
  gap: 36px;
  min-height: auto;
  padding: 0 0 48px;
}

.promo--marketplace .promo__wrapper {
  max-width: 500px;
  padding-top: 132px;
}

.promo--marketplace .promo__header {
  max-width: 8.8ch;
  font-size: clamp(44px, 5vw, 68px);
  line-height: 0.94;
}

.promo--marketplace .promo__subheader {
  max-width: 29rem;
  margin-top: 18px;
  font-size: clamp(16px, 1.35vw, 19px);
  line-height: 1.5;
}

.promo--marketplace .promo__cta-group {
  margin-top: 26px;
  gap: 12px;
}

.promo--marketplace .promo__button.promo__button--primary,
.promo--marketplace .promo__button.promo__button--ghost {
  min-width: 0;
  padding: 16px 24px;
  border-radius: 14px;
  font-size: 14px;
}

.promo__social-proof--trust {
  gap: 10px;
  margin-top: 18px;
}

.promo__social-proof--trust .promo__proof-item {
  padding: 9px 12px;
  font-size: 12px;
}

.hero-mascot-card {
  position: relative;
  display: flex;
  align-items: flex-end;
  margin-top: 22px;
  min-height: 166px;
  padding: 18px 176px 18px 20px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at top left, rgba(58, 130, 246, 0.14), transparent 36%),
    linear-gradient(135deg, rgba(14, 11, 25, 0.92) 0%, rgba(19, 13, 35, 0.94) 100%);
  box-shadow: 0 18px 44px rgba(6, 4, 14, 0.24);
  overflow: hidden;
}

.hero-mascot-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 32%);
  pointer-events: none;
}

.hero-mascot-card__copy {
  position: relative;
  z-index: 1;
}

.hero-mascot-card__eyebrow {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(56, 189, 248, 0.08);
  border: 1px solid rgba(56, 189, 248, 0.2);
  color: #9cddff;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.hero-mascot-card__title {
  margin: 12px 0 8px;
  max-width: 18rem;
  font-size: 24px;
  line-height: 1.08;
  color: var(--eg-text-main);
}

.hero-mascot-card__text {
  margin: 0;
  max-width: 18rem;
  color: var(--eg-text-muted);
  font-size: 14px;
  line-height: 1.55;
}

.hero-mascot-card__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.hero-mascot-card__chips span {
  display: inline-flex;
  align-items: center;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.05);
  color: #efe7ff;
  font-size: 12px;
  font-weight: 700;
}

.hero-mascot-card__image {
  position: absolute;
  right: -6px;
  bottom: -16px;
  width: 176px;
  height: auto;
  filter: drop-shadow(0 0 36px rgba(139, 92, 246, 0.22));
}

.promo--marketplace .promo__girl {
  position: relative;
  width: min(52%, 660px);
  padding-top: 126px;
}

.hero-storefront {
  position: relative;
}

.hero-storefront__glow {
  position: absolute;
  border-radius: 999px;
  filter: blur(84px);
  pointer-events: none;
}

.hero-storefront__glow--primary {
  width: 220px;
  height: 220px;
  top: 0;
  left: 24px;
  background: radial-gradient(circle, rgba(139, 92, 246, 0.28), transparent 70%);
}

.hero-storefront__glow--secondary {
  width: 200px;
  height: 200px;
  right: 0;
  bottom: 10%;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.2), transparent 70%);
}

.hero-storefront__panel {
  position: relative;
  padding: 18px;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(14, 10, 26, 0.97) 0%, rgba(11, 8, 22, 0.95) 100%);
  box-shadow: 0 26px 72px rgba(6, 4, 14, 0.34);
  overflow: hidden;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}

.hero-storefront__panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 28%),
    radial-gradient(circle at top right, rgba(168, 85, 247, 0.12), transparent 24%);
  pointer-events: none;
}

.hero-storefront__topbar,
.hero-storefront__cards,
.hero-storefront__footer,
.hero-storefront__mascot {
  position: relative;
  z-index: 1;
}

.hero-storefront__topbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding-right: 144px;
  margin-bottom: 16px;
}

.hero-storefront__label {
  display: inline-flex;
  margin-bottom: 8px;
  color: #8fd2ff;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.hero-storefront__title {
  margin: 0;
  font-size: 28px;
  line-height: 1.02;
  color: var(--eg-text-main);
}

.hero-storefront__tabs {
  display: inline-flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.hero-storefront__tabs span {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #cec5e8;
  font-size: 12px;
  font-weight: 700;
}

.hero-storefront__tabs span.is-active {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.24), rgba(59, 130, 246, 0.12));
  color: #fff;
}

.hero-storefront__mascot {
  position: absolute;
  top: 16px;
  right: 12px;
  width: 128px;
  pointer-events: none;
}

.hero-storefront__bubble {
  margin: 0 0 8px auto;
  max-width: 124px;
  padding: 10px 12px;
  border-radius: 18px 18px 6px 18px;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.92), rgba(236, 72, 153, 0.88));
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
  text-align: left;
  box-shadow: 0 12px 28px rgba(139, 92, 246, 0.28);
}

.hero-storefront__mascot-image {
  display: block;
  width: 118px;
  margin-left: auto;
  filter: drop-shadow(0 0 30px rgba(139, 92, 246, 0.24));
}

.hero-storefront__cards {
  display: grid;
  gap: 12px;
}

.hero-shelf-card {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 14px;
  padding: 12px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.04);
  transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.hero-shelf-card:hover {
  transform: translateY(-2px);
  border-color: rgba(192, 132, 252, 0.24);
  box-shadow: 0 18px 34px rgba(8, 6, 16, 0.22);
}

.hero-shelf-card__media {
  display: block;
  min-height: 104px;
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.04);
}

.hero-shelf-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-shelf-card__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.hero-shelf-card__top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.hero-shelf-card__name {
  margin: 0;
  font-size: 18px;
  line-height: 1.05;
  color: var(--eg-text-main);
}

.hero-shelf-card__vibe {
  margin: 4px 0 0;
  color: var(--eg-text-muted);
  font-size: 13px;
  line-height: 1.4;
}

.hero-shelf-card__price {
  align-self: flex-start;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(139, 92, 246, 0.14);
  color: #f2eaff;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.hero-shelf-card__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.hero-shelf-card__chips span {
  display: inline-flex;
  align-items: center;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: #e9e2fb;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.15;
}

.hero-shelf-card__status {
  color: #d9fbe3;
}

.hero-shelf-card__status.is-offline {
  color: #f6ecff;
}

.hero-shelf-card__status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 12px rgba(34, 197, 94, 0.68);
  margin-right: 6px;
}

.hero-shelf-card__status.is-offline .hero-shelf-card__status-dot {
  background: #f59e0b;
  box-shadow: 0 0 10px rgba(245, 158, 11, 0.54);
}

.hero-shelf-card__actions {
  display: flex;
  gap: 8px;
}

.hero-shelf-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 10px 14px;
  border-radius: 14px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
  transition: transform 0.22s ease, background 0.22s ease, border-color 0.22s ease;
}

.hero-shelf-card__btn:hover {
  transform: translateY(-2px);
}

.hero-shelf-card__btn--primary {
  flex: 1;
  background: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);
  color: #fff;
}

.hero-shelf-card__btn--ghost {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: #f2ebff;
}

.hero-storefront__footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.hero-storefront__footer span {
  display: inline-flex;
  align-items: center;
  color: #a89fc2;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

@media (max-width: 1200px) {
  .promo--marketplace .promo__wrapper {
    max-width: 460px;
  }

  .promo--marketplace .promo__girl {
    width: min(54%, 620px);
  }

  .hero-storefront__topbar {
    padding-right: 0;
  }

  .hero-storefront__mascot {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 10px;
    margin: 0 0 12px;
  }

  .hero-storefront__bubble {
    margin: 0;
  }
}

@media (max-width: 1040px) {
  .promo--marketplace {
    gap: 22px;
  }

  .promo--marketplace .promo__wrapper {
    max-width: 100%;
    padding-top: 114px;
  }

  .promo--marketplace .promo__girl {
    width: 100%;
    padding-top: 0;
  }

  .hero-mascot-card {
    margin-top: 18px;
  }
}

@media (max-width: 768px) {
  .promo--marketplace .promo__header {
    max-width: 9.5ch;
    font-size: clamp(36px, 10vw, 48px);
  }

  .promo--marketplace .promo__subheader {
    font-size: 15px;
  }

  .hero-mascot-card {
    min-height: 0;
    padding: 18px 18px 150px;
  }

  .hero-mascot-card__title {
    max-width: none;
    font-size: 22px;
  }

  .hero-mascot-card__text {
    max-width: none;
  }

  .hero-mascot-card__image {
    width: 148px;
    right: 8px;
    bottom: -10px;
  }

  .hero-storefront__panel {
    padding: 16px;
    border-radius: 24px;
  }

  .hero-storefront__topbar {
    flex-direction: column;
    gap: 12px;
  }

  .hero-storefront__title {
    font-size: 24px;
  }

  .hero-storefront__tabs {
    justify-content: flex-start;
  }

  .hero-storefront__mascot {
    justify-content: space-between;
  }

  .hero-storefront__mascot-image {
    width: 94px;
  }

  .hero-shelf-card {
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 12px;
  }

  .hero-shelf-card__top {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .hero-shelf-card__actions {
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  .promo--marketplace .promo__wrapper {
    padding-top: 90px;
  }

  .promo--marketplace .promo__header {
    max-width: 9ch;
    font-size: 34px;
  }

  .promo--marketplace .promo__cta-group {
    gap: 10px;
  }

  .promo__social-proof--trust .promo__proof-item {
    width: auto;
    font-size: 11px;
  }

  .hero-mascot-card {
    padding: 16px 16px 130px;
    border-radius: 20px;
  }

  .hero-mascot-card__title {
    font-size: 20px;
  }

  .hero-mascot-card__chips span {
    font-size: 11px;
  }

  .hero-mascot-card__image {
    width: 128px;
  }

  .hero-storefront__bubble {
    max-width: 110px;
    font-size: 10px;
  }

  .hero-storefront__mascot-image {
    width: 82px;
  }

  .hero-shelf-card {
    grid-template-columns: 1fr;
  }

  .hero-shelf-card__media {
    min-height: 164px;
  }
}

/* Reference-style homepage hero */
.eg-header {
  position: sticky;
  top: 0;
  z-index: 40;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: rgba(10, 10, 16, 0.72);
  border-bottom: 1px solid rgba(168, 155, 255, 0.08);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
}

.eg-header__inner {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  height: 78px;
  padding: 0 clamp(20px, 4vw, 64px);
  box-sizing: border-box;
}

.eg-header__logo {
  gap: 12px;
  letter-spacing: 0;
  font-size: 18px;
}

.eg-header__logo::before {
  display: none;
}

.eg-header__logo-mark {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #a89bff;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(180, 165, 255, 0.14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 0 20px rgba(109, 93, 246, 0.18);
}

.eg-header__logo-mark svg {
  width: 22px;
  height: 22px;
}

.eg-header__logo-text {
  font-weight: 900;
  letter-spacing: 0.02em;
  color: #f4f1ff;
}

.eg-header__nav {
  gap: 18px;
  padding: 0;
  border: 0;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.eg-header__link {
  padding: 10px 0;
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
  color: rgba(244, 241, 255, 0.82);
}

.eg-header__link:hover {
  color: #f4f1ff;
  background: transparent;
}

.eg-header__link::after {
  bottom: 2px;
  height: 2px;
  background: linear-gradient(90deg, #6d5df6, #a89bff);
}

.eg-header__cta {
  min-height: 48px;
  padding: 0 22px;
  border-radius: 16px;
  border: 1px solid rgba(168, 155, 255, 0.35);
  background: linear-gradient(135deg, #4b3fd6, #6d5df6);
  color: #f4f1ff;
  box-shadow: 0 12px 28px rgba(75, 63, 214, 0.24);
}

.eg-header__icon-btn,
.eg-header__actions .cart-link {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.eg-header__icon-btn:hover,
.eg-header__actions .cart-link:hover {
  border-color: rgba(168, 155, 255, 0.24);
  background: rgba(255, 255, 255, 0.05);
}

.hero-reference {
  position: relative;
  padding: 6px 0 0;
}

.hero-reference__frame {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.5fr) minmax(0, 0.5fr);
  height: min(650px, calc(100vh - 150px));
  min-height: 540px;
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.035);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 30px 70px rgba(0, 0, 0, 0.24);
}

.hero-reference__frame::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 18%, rgba(109, 93, 246, 0.08), transparent 28%),
    radial-gradient(circle at 84% 24%, rgba(168, 155, 255, 0.08), transparent 20%);
  pointer-events: none;
}

.hero-reference__content,
.hero-reference__media {
  position: relative;
  z-index: 1;
}

.hero-reference__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 34px 38px 38px 42px;
}

.hero-reference__badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  padding: 12px 18px;
  border-radius: 999px;
  border: 1px solid rgba(180, 165, 255, 0.14);
  background: rgba(255, 255, 255, 0.045);
  color: #f4f1ff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.hero-reference__badge-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #6d5df6;
  box-shadow: 0 0 16px rgba(109, 93, 246, 0.48);
}

.hero-reference__title {
  max-width: 10ch;
  margin: 22px 0 0;
  font-size: clamp(44px, 4.4vw, 62px);
  line-height: 1.02;
  font-weight: 800;
  letter-spacing: -0.04em;
  color: #f4f1ff;
  text-transform: uppercase;
}

.hero-reference__title span {
  display: block;
}

.hero-reference__title em {
  color: #a89bff;
  font-style: normal;
}

.hero-reference__text {
  max-width: 14.2em;
  margin: 18px 0 0;
  color: #a7a0b8;
  font-size: clamp(16px, 1.45vw, 20px);
  line-height: 1.5;
}

.hero-reference__actions {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 28px;
  flex-wrap: wrap;
}

.hero-reference__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 58px;
  padding: 0 28px;
  border-radius: 16px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}

.hero-reference__btn:hover {
  transform: translateY(-2px);
}

.hero-reference__btn--primary {
  color: #fff;
  background: linear-gradient(135deg, #4b3fd6, #6d5df6);
  border: 1px solid rgba(168, 155, 255, 0.35);
  box-shadow: 0 14px 30px rgba(75, 63, 214, 0.2);
}

.hero-reference__btn--ghost {
  color: #f4f1ff;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.02);
}

.hero-reference__btn--ghost:hover {
  border-color: rgba(168, 155, 255, 0.42);
}

.hero-reference__features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  max-width: 100%;
  margin-top: 22px;
}

  .hero-reference__feature {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
  min-height: 76px;
  padding: 14px 16px;
  border-radius: 20px;
  border: 1px solid rgba(180, 165, 255, 0.14);
  background: rgba(255, 255, 255, 0.045);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
    color: #f4f1ff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    overflow: hidden;
  }

.hero-reference__feature span:last-child {
  display: block;
  max-width: 100%;
  word-break: break-word;
}

.hero-reference__feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(180, 165, 255, 0.12);
  background: rgba(109, 93, 246, 0.08);
  color: #a89bff;
  flex-shrink: 0;
}

.hero-reference__media {
  position: relative;
  min-height: 100%;
  background: #0d0d12;
}

.hero-reference__media-image,
.hero-reference__media-fade {
  position: absolute;
  inset: 0;
}

.hero-reference__media-image {
  background-image:
    linear-gradient(180deg, rgba(7, 7, 10, 0.02), rgba(7, 7, 10, 0.34)),
    url('/wp-content/themes/twentytwentyfour/assets/img/anime/girl-main-page.png');
  background-position: 63% center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: scale(1.01);
}

.hero-reference__media-fade {
  background:
    linear-gradient(90deg, #0d0d12 0%, rgba(13, 13, 18, 0.92) 16%, rgba(13, 13, 18, 0.56) 36%, rgba(13, 13, 18, 0.12) 60%),
    linear-gradient(180deg, rgba(7, 7, 10, 0.1), rgba(7, 7, 10, 0.36));
}

.hero-reference__scroll {
  position: absolute;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
  width: 62px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #a89bff;
  border-radius: 999px;
  border: 1px solid rgba(180, 165, 255, 0.14);
  background: rgba(13, 13, 18, 0.9);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.24);
}

@media (max-width: 1340px) {
  .hero-reference__frame {
    grid-template-columns: minmax(0, 0.52fr) minmax(0, 0.48fr);
  }

  .hero-reference__title {
    font-size: clamp(40px, 4.2vw, 56px);
  }
}

@media (max-width: 1180px) {
  .hero-reference__frame {
    grid-template-columns: minmax(0, 0.56fr) minmax(0, 0.44fr);
    height: min(610px, calc(100vh - 146px));
  }

  .hero-reference__content {
    padding: 34px 28px 36px 34px;
  }

  .hero-reference__features {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 22px;
  }
}

@media (max-width: 1024px) {
  .eg-header__nav {
    display: none;
  }

  .hero-reference {
    padding-top: 22px;
  }

  .hero-reference__frame {
    grid-template-columns: 1fr;
    height: auto;
    min-height: 0;
  }

  .hero-reference__content {
    padding: 44px 32px 28px;
  }

  .hero-reference__title {
    max-width: 10ch;
    font-size: clamp(46px, 7vw, 60px);
  }

  .hero-reference__text {
    max-width: 100%;
    font-size: 20px;
  }

  .hero-reference__media {
    min-height: 420px;
  }

  .hero-reference__media-image {
    background-position: 54% top;
  }

  .hero-reference__media-fade {
    background:
      linear-gradient(180deg, rgba(13, 13, 18, 0.16) 0%, rgba(13, 13, 18, 0.6) 100%),
      linear-gradient(0deg, rgba(13, 13, 18, 0.08), rgba(13, 13, 18, 0.08));
  }
}

@media (max-width: 768px) {
  .eg-header__inner {
    height: 64px;
    width: 100%;
    padding: 0;
  }

  .eg-header__cta {
    display: none;
  }

  .hero-reference {
    padding-top: 16px;
  }

  .hero-reference__title {
    max-width: 9ch;
    margin-top: 24px;
    font-size: 38px;
  }

  .hero-reference__text {
    max-width: 100%;
    font-size: 17px;
    line-height: 1.55;
  }

  .hero-reference__actions {
    gap: 12px;
    margin-top: 28px;
  }

  .hero-reference__btn {
    width: 100%;
    min-height: 58px;
    font-size: 16px;
  }

  .hero-reference__features {
    grid-template-columns: 1fr;
    max-width: none;
    margin-top: 28px;
    gap: 12px;
  }

  .hero-reference__feature {
    min-height: 76px;
    padding: 16px 18px;
  }

  .hero-reference__feature-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
  }

  .hero-reference__content {
    padding: 38px 22px 28px;
  }

  .hero-reference__media {
    min-height: 300px;
  }

  .hero-reference__media-image {
    background-position: 54% top;
  }

  .hero-reference__scroll {
    display: none;
  }
}

@media (max-width: 560px) {
  .hero-reference__badge {
    font-size: 12px;
    padding: 10px 14px;
  }

  .hero-reference__title {
    font-size: 34px;
  }

  .hero-reference__text {
    font-size: 16px;
  }

  .hero-reference__media {
    min-height: 250px;
  }
}

/* ── Header CTA overrides ─────────────────────────────────────────────── */
.eg-header__link::after {
  background: linear-gradient(90deg, #6d5df6, #a89bff);
}

.eg-header__cta {
  min-height: 44px;
  padding: 0 18px;
  border-radius: 14px;
  border: 1px solid rgba(168, 155, 255, 0.35);
  background: linear-gradient(135deg, #4b3fd6, #6d5df6);
  color: #f4f1ff;
  box-shadow: 0 16px 30px rgba(75, 63, 214, 0.18);
}

.eg-header__cta:hover {
  color: #f4f1ff;
  transform: translateY(-2px);
  box-shadow: 0 20px 36px rgba(75, 63, 214, 0.24);
}

.eg-header__mobile-link--cta {
  background: linear-gradient(135deg, rgba(75, 63, 214, 0.24), rgba(109, 93, 246, 0.18));
  border: 1px solid rgba(168, 155, 255, 0.18);
  color: #dfd8ff;
}

.eg-header__mobile-link--cta:hover {
  background: linear-gradient(135deg, rgba(75, 63, 214, 0.34), rgba(109, 93, 246, 0.24));
  color: #f4f1ff;
}

/* ── Homepage UI polish overrides ─────────────────────────────────────── */
.main>.container,
.bento-why .container,
.hiw .container,
.eg-discord-promo .container,
.faq2 .container,
.site-footer .container {
  max-width: 1440px;
  margin: 0 auto;
  padding-left: clamp(20px, 4vw, 64px);
  padding-right: clamp(20px, 4vw, 64px);
  position: relative;
  z-index: 1;
}

@keyframes softPulse {
  0%,
  100% {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.06),
      0 12px 32px rgba(109, 93, 246, 0.12);
  }
  50% {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.08),
      0 18px 44px rgba(109, 93, 246, 0.24);
  }
}

.icon-glass {
  width: 72px;
  height: 72px;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(109, 93, 246, 0.1);
  border: 1px solid rgba(168, 155, 255, 0.18);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 12px 32px rgba(109, 93, 246, 0.12);
  overflow: visible;
  flex: 0 0 auto;
}

.icon-glass img {
  width: 46px;
  height: 46px;
  object-fit: contain;
  display: block;
  opacity: 1;
  filter: none;
}

.icon-glass--lg,
.icon-glass-lg {
  width: 76px;
  height: 76px;
  border-radius: 22px;
}

.icon-glass--lg img,
.icon-glass-lg img {
  width: 48px;
  height: 48px;
}

.icon-glass--sm,
.icon-glass-sm {
  width: 44px;
  height: 44px;
  border-radius: 12px;
}

.icon-glass--sm img,
.icon-glass-sm img {
  width: 26px;
  height: 26px;
}

.icon-glass--social {
  width: 40px;
  height: 40px;
  border-radius: 12px;
}

.icon-glass--social img {
  width: 24px;
  height: 24px;
}

.hero-reference__title,
.bento-why__title,
.bento-card__title,
.hiw__title,
.hiw__card-title,
.faq2__title,
.faq2__question {
  text-wrap: balance;
  word-break: normal;
}

.hero-reference,
.bento-why,
.hiw,
.eg-discord-promo,
.faq2,
.site-footer {
  position: relative;
}

.hero-reference,
.bento-why,
.hiw,
.eg-discord-promo,
.faq2 {
  padding-top: clamp(72px, 8vw, 120px);
  padding-bottom: clamp(72px, 8vw, 120px);
}

.hero-reference {
  padding-top: clamp(16px, 2vw, 28px);
  overflow: hidden;
}

.hero-reference::before,
.hero-reference::after,
.bento-why::before,
.hiw::before,
.eg-discord-promo::before,
.eg-discord-promo::after,
.faq2::before,
.site-footer::before {
  content: "";
  position: absolute;
  border-radius: 999px;
  filter: blur(80px);
  pointer-events: none;
  z-index: 0;
}

.hero-reference::before {
  right: -120px;
  top: 120px;
  width: 320px;
  height: 320px;
  background: rgba(109, 93, 246, 0.22);
}

.hero-reference::after {
  left: -90px;
  bottom: 36px;
  width: 240px;
  height: 240px;
  background: rgba(59, 130, 246, 0.1);
}

.bento-why::before {
  left: -100px;
  top: 120px;
  width: 260px;
  height: 260px;
  background: rgba(168, 155, 255, 0.14);
}

.hiw::before {
  right: -90px;
  top: 90px;
  width: 300px;
  height: 300px;
  background: rgba(109, 93, 246, 0.16);
}

.eg-discord-promo::before {
  right: 4%;
  top: 24%;
  width: 280px;
  height: 280px;
  background: rgba(109, 93, 246, 0.16);
}

.eg-discord-promo::after {
  left: 10%;
  bottom: 8%;
  width: 220px;
  height: 220px;
  background: rgba(59, 130, 246, 0.08);
}

.faq2::before {
  right: -80px;
  top: 160px;
  width: 280px;
  height: 280px;
  background: rgba(168, 155, 255, 0.14);
}

.site-footer::before {
  left: 50%;
  bottom: -140px;
  width: 300px;
  height: 220px;
  transform: translateX(-50%);
  background: rgba(109, 93, 246, 0.1);
}

.hero-reference__frame {
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: clamp(32px, 5vw, 72px);
  height: auto;
  min-height: clamp(680px, 78vh, 860px);
  padding: clamp(32px, 5vw, 72px);
  padding-bottom: clamp(48px, 6vw, 88px);
  overflow: hidden;
  box-sizing: border-box;
}

.hero-reference__content {
  justify-content: center;
  min-width: 0;
  padding: 0;
}

.hero-reference__text {
  max-width: 34rem;
  color: #b8b1c8;
  line-height: 1.62;
}

.hero-reference__title {
  max-width: 720px;
  margin: 20px 0 0;
  font-size: clamp(48px, 5vw, 76px);
  line-height: 0.95;
  letter-spacing: -0.04em;
  text-transform: none;
}

.hero-reference__title span {
  margin-top: 6px;
}

.hero-reference__actions {
  gap: 14px;
}

.hero-reference__features {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 620px;
  gap: 14px;
  margin-top: 28px;
}

.hero-reference__feature {
  min-height: 0;
  padding: 16px 18px;
  align-items: flex-start;
  gap: 12px;
  overflow: visible;
  border-radius: 18px;
  border: 1px solid rgba(168, 155, 255, 0.18);
  background: rgba(255, 255, 255, 0.055);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.18);
}

.hero-reference__feature span:last-child {
  color: #f4f1ff;
  font-size: 14px;
  line-height: 1.28;
  word-break: normal;
  text-wrap: pretty;
}

.hero-reference__feature-icon {
  overflow: visible;
}

.hero-reference__feature-icon.icon-glass--lg,
.hero-reference__feature-icon.icon-glass-lg {
  width: 48px;
  height: 48px;
  border-radius: 14px;
}

.hero-reference__feature-icon {
  background: rgba(109, 93, 246, 0.1);
  border: 1px solid rgba(168, 155, 255, 0.18);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 12px 32px rgba(109, 93, 246, 0.12);
}

.hero-reference__feature-icon img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  opacity: 1;
  filter: none;
}

.hero-reference__media {
  overflow: hidden;
  border-radius: 0 28px 28px 0;
  min-height: 100%;
}

.hero-reference__media-image {
  background-position: 60% center;
}

.bento-why {
  overflow: hidden;
}

.bento-grid {
  gap: 24px;
}

.bento-card {
  overflow: visible;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(168, 155, 255, 0.18);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.28);
}

.bento-card__inner {
  min-height: 360px;
  padding: 32px;
  gap: 18px;
  justify-content: space-between;
  box-sizing: border-box;
}

.bento-card__visual {
  margin-bottom: 0;
}

.bento-card__icon {
  width: 72px;
  height: 72px;
  border-radius: 20px;
  background: rgba(109, 93, 246, 0.1);
  border: 1px solid rgba(168, 155, 255, 0.18);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 12px 32px rgba(109, 93, 246, 0.12);
}

.bento-card__icon::after {
  display: none;
}

.bento-card__icon img {
  width: 48px;
  height: 48px;
  object-fit: contain;
  opacity: 1;
  filter: none;
}

.bento-card__title {
  line-height: 1.2;
}

.bento-card__desc {
  color: #b8b1c8;
  line-height: 1.65;
}

.bento-card__footer,
.bento-tags {
  padding-top: 24px;
}

.bento-card__footer--stack {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 12px 18px;
  border-radius: 16px;
  border: 1px solid rgba(168, 155, 255, 0.16);
  background: rgba(109, 93, 246, 0.1);
  width: fit-content;
  margin-top: auto;
}

.bento-247 {
  color: #a89bff;
  font-size: 34px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.bento-247__label {
  color: #b8b1c8;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.hiw {
  overflow: hidden;
}

.hiw__grid {
  position: relative;
  gap: 24px;
  isolation: isolate;
}

.hiw__grid::before {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  top: 130px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(168, 155, 255, 0.3), transparent);
  z-index: 0;
}

.hiw__grid::after {
  content: "";
  position: absolute;
  inset: 122px 0 auto;
  height: 16px;
  background:
    radial-gradient(circle at 31% 50%, rgba(168, 155, 255, 0.88) 0 4px, transparent 5px),
    radial-gradient(circle at 50% 50%, rgba(168, 155, 255, 0.88) 0 4px, transparent 5px),
    radial-gradient(circle at 69% 50%, rgba(168, 155, 255, 0.88) 0 4px, transparent 5px);
  z-index: 0;
  pointer-events: none;
}

.hiw__card {
  position: relative;
  z-index: 1;
  overflow: visible;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(168, 155, 255, 0.18);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.28);
  transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
}

.hiw__card:hover {
  transform: translateY(-4px);
  border-color: rgba(168, 155, 255, 0.32);
  box-shadow: 0 24px 72px rgba(0, 0, 0, 0.32);
}

.hiw__card:hover .hiw__icon {
  animation: softPulse 1.8s ease-in-out infinite;
}

.hiw__card-inner {
  min-height: 360px;
  padding: 32px;
  gap: 22px;
  box-sizing: border-box;
}

.hiw__icon {
  width: 72px;
  height: 72px;
  border-radius: 20px;
  margin-bottom: 0;
  background: rgba(109, 93, 246, 0.1);
  border: 1px solid rgba(168, 155, 255, 0.18);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 12px 32px rgba(109, 93, 246, 0.12);
}

.hiw__icon::after {
  display: none;
}

.hiw__icon img {
  width: 48px;
  height: 48px;
  object-fit: contain;
  opacity: 1;
  filter: none;
}

.hiw__card-title {
  max-width: 240px;
  line-height: 1.2;
}

.hiw__card-desc {
  color: #b8b1c8;
  line-height: 1.65;
}

.hiw__step-num {
  align-self: flex-start;
  padding: 8px 12px;
  border-radius: 12px;
  background: rgba(168, 155, 255, 0.08);
  border: 1px solid rgba(168, 155, 255, 0.18);
  color: #a89bff;
}

.faq2 {
  overflow: hidden;
}

.faq2__layout {
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
  gap: 32px;
}

.faq2__item {
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(168, 155, 255, 0.16);
}

.faq2__trigger {
  min-height: 88px;
  padding: 18px 22px;
}

.faq2__icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(109, 93, 246, 0.1);
  border: 1px solid rgba(168, 155, 255, 0.18);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 12px 32px rgba(109, 93, 246, 0.12);
  color: #a89bff;
  font-size: 0;
  overflow: visible;
}

.faq2__icon svg {
  display: none;
}

.faq2__icon img {
  width: 26px;
  height: 26px;
  object-fit: contain;
  opacity: 1;
  filter: none;
}

.faq2__answer-inner {
  color: #b8b1c8;
}

.faq2__illustration {
  display: flex;
  align-items: stretch;
  min-height: 520px;
}

.faq2__illust-card {
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 34px 24px;
  background:
    radial-gradient(circle at center, rgba(109, 93, 246, 0.18), transparent 55%),
    rgba(255, 255, 255, 0.025);
}

.faq2__illust-glow {
  width: 360px;
  height: 360px;
  top: 50%;
}

.faq2__illust-symbol {
  top: 10px;
  font-size: 160px;
}

.faq2__cat {
  width: min(78%, 460px);
  max-width: 460px;
  margin: 40px auto 0;
  object-fit: contain;
  filter: drop-shadow(0 24px 80px rgba(109, 93, 246, 0.28));
}

.faq2__cta {
  align-items: center;
  gap: 24px;
  padding: 28px;
  border: 1px solid rgba(168, 155, 255, 0.16);
  background: rgba(255, 255, 255, 0.05);
}

.faq2__cta-copy {
  min-width: 0;
}

.faq2__cta-buttons {
  gap: 14px;
}

.site-footer {
  padding-top: 34px;
  padding-bottom: 44px;
}

.footer-top {
  gap: 32px;
}

.footer-columns {
  gap: clamp(32px, 5vw, 80px);
  padding: 40px 0 32px;
}

.footer-col ul li {
  margin-bottom: 12px;
}

.footer-col ul li a {
  color: #a7a0b8;
  line-height: 1.8;
}

.footer-support-card {
  padding: 30px 32px;
  border: 1px solid rgba(168, 155, 255, 0.16);
  background:
    radial-gradient(circle at top right, rgba(109, 93, 246, 0.12), transparent 42%),
    rgba(255, 255, 255, 0.05);
}

.footer-support-card__text {
  color: #b8b1c8;
}

.footer-support-card__btn {
  gap: 10px;
  box-shadow: 0 12px 24px rgba(75, 63, 214, 0.18);
}

.footer-support-card__btn img,
.footer-support-card__btn svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

.footer-support-card__icon img {
  width: 24px;
  height: 24px;
}

.footer-bottom-content {
  gap: 20px 28px;
}

.footer-payments {
  gap: 12px;
}

.eg-discord-promo {
  overflow: hidden;
}

.eg-discord-promo__card {
  max-width: 1280px;
  margin: 0 auto;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
  grid-template-areas:
    "copy aside"
    "button aside";
  gap: 48px;
  align-items: center;
  padding: clamp(32px, 5vw, 64px);
  border-radius: 32px;
  background:
    radial-gradient(circle at 85% 35%, rgba(109, 93, 246, 0.22), transparent 36%),
    radial-gradient(circle at 14% 82%, rgba(59, 130, 246, 0.08), transparent 28%),
    rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(168, 155, 255, 0.16);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.32);
}

.eg-discord-promo__card::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 24%, transparent 72%, rgba(255, 255, 255, 0.02)),
    radial-gradient(circle at top right, rgba(168, 155, 255, 0.08), transparent 34%);
}

.eg-discord-promo__copy {
  grid-area: copy;
  max-width: 700px;
}

.eg-discord-promo__eyebrow {
  margin-bottom: 16px;
  padding: 9px 14px;
  background: rgba(109, 93, 246, 0.1);
  border: 1px solid rgba(168, 155, 255, 0.18);
  color: #d9d2f4;
}

.eg-discord-promo__title {
  margin-bottom: 14px;
  color: #f4f1ff;
  font-size: clamp(30px, 4vw, 44px);
  font-weight: 700;
  line-height: 1.02;
}

.eg-discord-promo__text {
  color: #b8b1c8;
  font-size: 16px;
  line-height: 1.7;
}

.eg-discord-promo__perk {
  min-height: 38px;
  padding: 9px 14px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(168, 155, 255, 0.14);
  color: #f4f1ff;
}

.eg-discord-promo__perk::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #a89bff;
  box-shadow: 0 0 12px rgba(168, 155, 255, 0.28);
}

.eg-discord-promo__aside {
  grid-area: aside;
  align-items: stretch;
  gap: 16px;
}

.eg-discord-promo__icon-wrap {
  width: 132px;
  height: 132px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(168, 155, 255, 0.16);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 20px 46px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.eg-discord-promo__icon {
  width: 64px;
  height: 64px;
  object-fit: contain;
  display: block;
}

.eg-discord-promo__mini-card {
  gap: 6px;
  min-width: 0;
  padding: 18px 20px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(168, 155, 255, 0.16);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  text-align: left;
}

.eg-discord-promo__mini-card strong {
  color: #f4f1ff;
}

.eg-discord-promo__mini-card span {
  color: #a7a0b8;
}

.eg-discord-promo__btn {
  grid-area: button;
  min-width: 0;
  margin-top: 0;
  padding: 16px 26px;
  border-radius: 18px;
  border: 1px solid rgba(168, 155, 255, 0.35);
  background: linear-gradient(135deg, #4b3fd6, #6d5df6);
  box-shadow: 0 16px 32px rgba(75, 63, 214, 0.22);
  color: #f4f1ff;
  letter-spacing: 0;
  text-transform: none;
}

.eg-discord-promo__btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 38px rgba(75, 63, 214, 0.28);
}

@media (max-width: 1180px) {
  .hero-reference__frame {
    min-height: clamp(700px, 82vh, 880px);
  }

  .hero-reference__features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 520px;
  }

  .hero-reference__feature:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 1024px) {
  .hero-reference__frame {
    grid-template-columns: 1fr;
    min-height: 0;
    gap: 0;
    overflow: hidden;
    padding: 0;
  }

  .hero-reference__content {
    padding: 44px 32px 36px;
  }

  .hero-reference__media {
    border-radius: 0 0 28px 28px;
    min-height: 360px;
  }

  .hero-reference__title {
    font-size: clamp(40px, 5.6vw, 58px);
    max-width: 13ch;
  }

  .hero-reference__features {
    max-width: none;
  }
}

@media (max-width: 960px) {
  .bento-grid,
  .hiw__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .faq2__layout {
    grid-template-columns: 1fr;
  }

  .faq2__cta {
    align-items: stretch;
  }

  .hiw__grid::before,
  .hiw__grid::after {
    display: none;
  }

  .eg-discord-promo__card {
    grid-template-columns: 1fr;
    grid-template-areas:
      "copy"
      "aside"
      "button";
    gap: 28px;
  }

  .eg-discord-promo__aside {
    max-width: 360px;
  }
}

@media (max-width: 768px) {
  .hero-reference__features,
  .bento-grid,
  .hiw__grid,
  .faq2__cta-buttons,
  .footer-columns {
    grid-template-columns: 1fr;
  }

  .hero-reference__frame {
    min-height: 0;
  }

  .hero-reference__content {
    padding: 36px 22px 34px;
  }

  .hero-reference__actions {
    flex-direction: column;
  }

  .hero-reference__title {
    max-width: 13ch;
    font-size: clamp(32px, 8.4vw, 42px);
  }

  .hero-reference__feature {
    min-height: 0;
    padding: 14px 16px;
  }

  .hero-reference__feature-icon.icon-glass--lg,
  .hero-reference__feature-icon.icon-glass-lg {
    width: 48px;
    height: 48px;
  }

  .hero-reference__feature span:last-child {
    font-size: 14px;
  }

  .faq2__trigger {
    min-height: 78px;
  }

  .faq2__illustration {
    display: flex;
  }

  .faq2__illust-card {
    min-height: 340px;
    max-width: 100%;
  }

  .faq2__cat {
    width: min(78%, 320px);
    margin-top: 52px;
  }

  .faq2__cta-buttons {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .eg-discord-promo::before,
  .eg-discord-promo::after,
  .hero-reference::before,
  .hero-reference::after,
  .bento-why::before,
  .hiw::before,
  .faq2::before,
  .site-footer::before {
    opacity: 0.1;
  }
}

@media (max-width: 640px) {
  .bento-card__inner,
  .hiw__card-inner {
    min-height: 0;
    padding: 28px 22px;
  }

  .bento-card__icon,
  .hiw__icon {
    width: 76px;
    height: 76px;
    border-radius: 22px;
  }

  .bento-card__icon img,
  .hiw__icon img {
    width: 48px;
    height: 48px;
  }

  .faq2__icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
  }

  .faq2__icon img {
    width: 26px;
    height: 26px;
  }

  .faq2__shell {
    overflow: visible;
  }

  .faq2__illustration {
    order: 2;
  }

  .faq2__illust-card {
    min-height: 300px;
    padding: 24px 16px;
  }

  .faq2__illust-symbol {
    top: 18px;
    font-size: 108px;
  }

  .faq2__cta {
    padding: 20px;
  }

  .footer-top {
    gap: 24px;
  }

  .footer-columns {
    gap: 28px;
  }

  .footer-social a {
    width: 40px;
    height: 40px;
  }

  .footer-social a img {
    width: 24px;
    height: 24px;
  }
}

/* ── Home why section premium refinement ─────────────────────────────── */
.bento-why.why-section {
  overflow: hidden;
}

.bento-why.why-section::before {
  inset: auto 0 10% 0;
  width: auto;
  height: 420px;
  border-radius: 0;
  filter: none;
  background:
    radial-gradient(circle at 18% 50%, rgba(59, 130, 246, 0.08), transparent 42%),
    radial-gradient(circle at 82% 50%, rgba(139, 92, 246, 0.12), transparent 44%);
  opacity: 1;
}

.bento-why.why-section .container {
  position: relative;
  z-index: 1;
}

.bento-why.why-section .bento-why__intro {
  max-width: 760px;
  margin: 0 auto clamp(40px, 4vw, 56px);
}

.bento-why.why-section .bento-why__eyebrow {
  min-height: 38px;
  padding: 0 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  border-color: rgba(168, 155, 255, 0.16);
  color: #D8D0FF;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.bento-why.why-section .bento-why__title {
  margin: 22px 0 16px;
  color: #F5F3FF;
  font-size: clamp(38px, 4vw, 58px);
  line-height: 1.04;
  letter-spacing: -0.04em;
}

.bento-why.why-section .bento-why__subtitle {
  max-width: 640px;
  color: rgba(236, 232, 255, 0.72);
  font-size: 18px;
  line-height: 1.62;
}

.bento-why.why-section .why-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(20px, 2vw, 28px);
  width: min(100%, 1312px);
  margin: 0 auto;
  align-items: stretch;
}

.bento-why.why-section .why-card {
  min-width: 0;
  min-height: 360px;
  border-radius: 28px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 0%, rgba(139, 92, 246, 0.12), transparent 46%),
    linear-gradient(180deg, rgba(27, 26, 40, 0.82), rgba(14, 14, 22, 0.92));
  border: 1px solid rgba(180, 150, 255, 0.13);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 28px 70px rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.bento-why.why-section .why-card:hover {
  transform: translateY(-3px);
  border-color: rgba(180, 150, 255, 0.26);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 32px 90px rgba(0, 0, 0, 0.38),
    0 0 42px rgba(109, 93, 246, 0.10);
}

.bento-why.why-section .why-card .bento-card__inner {
  min-height: 360px;
  padding: 34px 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0;
  box-sizing: border-box;
}

.bento-why.why-section .why-card .bento-card__visual {
  width: 100%;
  margin: 0 0 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bento-why.why-section .why-card-icon-wrap {
  position: relative;
  z-index: 0;
  width: 76px;
  height: 76px;
  margin: 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  background: rgba(96, 72, 180, 0.10);
  border: 1px solid rgba(180, 150, 255, 0.12);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 18px 40px rgba(0, 0, 0, 0.26);
}

.bento-why.why-section .why-card-icon-wrap::before {
  content: "";
  position: absolute;
  inset: -22px;
  border-radius: 50%;
  background: radial-gradient(circle,
      rgba(139, 92, 246, 0.34) 0%,
      rgba(139, 92, 246, 0.14) 34%,
      transparent 68%);
  filter: blur(10px);
  z-index: 0;
  pointer-events: none;
}

.bento-why.why-section .why-card-icon-wrap::after {
  display: none;
}

.bento-why.why-section .why-card-icon-wrap img {
  position: relative;
  z-index: 1;
  width: 34px;
  height: 34px;
  object-fit: contain;
  display: block;
  filter:
    drop-shadow(0 0 10px rgba(139, 92, 246, 0.55))
    drop-shadow(0 0 22px rgba(109, 93, 246, 0.22));
}

.bento-why.why-section .why-card:hover .why-card-icon-wrap {
  border-color: rgba(180, 150, 255, 0.2);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 22px 48px rgba(0, 0, 0, 0.3);
}

.bento-why.why-section .why-card-title {
  margin: 0 0 18px;
  color: #F5F3FF;
  font-size: clamp(20px, 1.35vw, 24px);
  font-weight: 800;
  line-height: 1.12;
}

.bento-why.why-section .why-card-text {
  margin: 0;
  color: rgba(236, 232, 255, 0.72);
  font-size: 15.5px;
  line-height: 1.58;
}

.bento-why.why-section .why-card .bento-card__footer,
.bento-why.why-section .why-card .bento-tags {
  width: 100%;
  margin-top: auto;
  padding-top: 24px;
}

.bento-why.why-section .game-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.045);
}

.bento-why.why-section .game-chip--valorant {
  background: rgba(255, 70, 85, 0.14);
  border-color: rgba(255, 70, 85, 0.24);
  color: #FF9AA3;
}

.bento-why.why-section .game-chip--cs2 {
  background: rgba(255, 178, 66, 0.13);
  border-color: rgba(255, 178, 66, 0.23);
  color: #FFD18A;
}

.bento-why.why-section .game-chip--dota {
  background: rgba(229, 72, 77, 0.13);
  border-color: rgba(229, 72, 77, 0.24);
  color: #FF9C9F;
}

.bento-why.why-section .game-chip--fortnite {
  background: rgba(139, 92, 246, 0.14);
  border-color: rgba(139, 92, 246, 0.26);
  color: #C4B5FD;
}

.bento-why.why-section .game-chip--apex {
  background: rgba(239, 68, 68, 0.13);
  border-color: rgba(239, 68, 68, 0.24);
  color: #FCA5A5;
}

.bento-why.why-section .game-chip--genshin {
  background: rgba(96, 165, 250, 0.12);
  border-color: rgba(96, 165, 250, 0.22);
  color: #BFDBFE;
}

.bento-why.why-section .trust-badge {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(139, 92, 246, 0.12);
  border: 1px solid rgba(180, 150, 255, 0.16);
  color: #C4B5FD;
  font-size: 13px;
  font-weight: 700;
}

.bento-why.why-section .bento-status-pill__icon--trust {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 16px;
}

.bento-why.why-section .bento-status-pill__icon--trust img {
  width: 14px;
  height: 14px;
  object-fit: contain;
  filter:
    drop-shadow(0 0 8px rgba(139, 92, 246, 0.45))
    drop-shadow(0 0 16px rgba(109, 93, 246, 0.22));
}

.bento-why.why-section .availability-badge {
  margin-top: auto;
  width: fit-content;
  min-width: 132px;
  padding: 14px 18px;
  border-radius: 18px;
  background: rgba(139, 92, 246, 0.13);
  border: 1px solid rgba(180, 150, 255, 0.18);
  color: #C4B5FD;
  font-weight: 900;
  font-size: 32px;
  line-height: 0.95;
  text-align: center;
  box-shadow: 0 0 26px rgba(139, 92, 246, 0.16);
}

.bento-why.why-section .availability-badge span {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.bento-why.why-section .online-badge {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(34, 197, 94, 0.08);
  border: 1px solid rgba(34, 197, 94, 0.14);
  color: #D9FBE4;
  font-size: 13px;
  font-weight: 700;
}

.bento-why.why-section .online-badge .bento-status-pill__dot {
  width: 7px;
  height: 7px;
  margin-right: 0;
  border-radius: 50%;
  background: #22C55E;
  box-shadow: 0 0 12px rgba(34, 197, 94, 0.8);
}

.bento-why.why-section .bento-why__cta {
  margin: clamp(34px, 4vw, 54px) auto 0;
}

.bento-why.why-section .why-section-cta {
  margin: 0 auto;
  width: min(100%, 360px);
  min-height: 62px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background: linear-gradient(135deg, #5B4BFF, #8B5CF6);
  color: #FFF;
  font-weight: 850;
  text-decoration: none;
  box-shadow:
    0 0 26px rgba(139, 92, 246, 0.34),
    0 18px 40px rgba(91, 75, 255, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.13);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.bento-why.why-section .why-section-cta:hover {
  transform: translateY(-1px);
  box-shadow:
    0 0 34px rgba(139, 92, 246, 0.46),
    0 22px 52px rgba(91, 75, 255, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

@media (max-width: 1100px) {
  .bento-why.why-section .why-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .bento-why.why-section .why-grid {
    grid-template-columns: 1fr;
  }

  .bento-why.why-section .why-card {
    min-height: auto;
  }

  .bento-why.why-section .why-card .bento-card__inner {
    min-height: 0;
    padding: 28px 22px;
  }

  .bento-why.why-section .why-card .bento-card__visual {
    margin-bottom: 24px;
  }

  .bento-why.why-section .why-card-icon-wrap {
    width: 72px;
    height: 72px;
  }

  .bento-why.why-section .why-card-icon-wrap img {
    width: 32px;
    height: 32px;
  }

  .bento-why.why-section .why-section-cta {
    width: 100%;
  }
}

/* ── Homepage trust dashboard + process timeline ───────────────────────── */
.bento-why.why-section.home-trust {
  overflow: hidden;
}

.bento-why.why-section.home-trust .container,
.hiw.home-process .container {
  position: relative;
  z-index: 1;
}

.home-trust .why-section-inner,
.home-process .process-timeline {
  width: min(100%, 1180px);
  max-width: 1180px;
  margin-inline: auto;
}

.home-trust .section-heading,
.home-process .section-heading {
  text-align: center;
}

.home-trust .section-heading {
  margin-bottom: clamp(42px, 5vw, 70px);
}

.home-process .process-heading {
  margin-bottom: clamp(54px, 6vw, 84px);
}

.home-trust .section-kicker,
.home-process .section-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(180, 150, 255, 0.14);
  color: #c4b5fd;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 18px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.home-trust .section-title,
.home-process .section-title {
  margin: 0;
  color: #f6f2ff;
  font-weight: 900;
  font-size: clamp(34px, 4.4vw, 58px);
  line-height: 0.98;
  letter-spacing: -0.045em;
}

.home-trust .section-title .accent,
.home-process .section-title .accent {
  color: #a78bfa;
}

.home-trust .section-subtitle,
.home-process .section-subtitle {
  max-width: 620px;
  margin: 22px auto 0;
  color: rgba(236, 232, 255, 0.72);
  font-size: clamp(15px, 1.2vw, 18px);
  line-height: 1.55;
}

.home-trust .trust-dashboard {
  display: grid;
  grid-template-columns: minmax(0, 1.22fr) minmax(320px, 0.78fr);
  gap: clamp(22px, 2.4vw, 34px);
  align-items: stretch;
}

.home-trust .trust-main-card {
  position: relative;
  min-height: 420px;
  padding: clamp(34px, 3.4vw, 52px);
  border-radius: 32px;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(180, 150, 255, 0.18);
  background: rgba(13, 13, 20, 0.94);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 30px 80px rgba(0, 0, 0, 0.34),
    0 0 60px rgba(109, 93, 246, 0.08);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.home-trust .trust-main-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), transparent 34%, rgba(109, 93, 246, 0.08));
  pointer-events: none;
  z-index: 0;
}

.home-trust .trust-main-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  opacity: 0.72;
}

.home-trust .trust-main-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg,
      rgba(8, 8, 14, 0.42) 0%,
      rgba(8, 8, 14, 0.56) 42%,
      rgba(8, 8, 14, 0.88) 100%),
    linear-gradient(90deg,
      rgba(9, 9, 15, 0.82) 0%,
      rgba(9, 9, 15, 0.55) 36%,
      rgba(9, 9, 15, 0.18) 74%),
    radial-gradient(circle at 52% 50%, rgba(139, 92, 246, 0.18), transparent 46%);
  pointer-events: none;
}

.home-trust .trust-main-gamepad {
  position: absolute;
  z-index: 2;
  width: clamp(220px, 24vw, 360px);
  height: auto;
  left: 50%;
  top: 56%;
  transform: translate(-50%, -32%);
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  filter:
    drop-shadow(0 0 22px rgba(139, 92, 246, 0.45))
    drop-shadow(0 0 54px rgba(109, 93, 246, 0.25));
}

.home-trust .trust-main-content {
  position: relative;
  z-index: 3;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 26px;
}

.home-trust .trust-main-copy {
  max-width: 560px;
}

.home-trust .trust-main-title {
  font-size: clamp(30px, 3.2vw, 46px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 900;
  color: #f6f2ff;
  margin: 0 0 18px;
}

.home-trust .trust-main-text {
  max-width: 560px;
  color: rgba(236, 232, 255, 0.82);
  line-height: 1.55;
  font-size: 17px;
  margin: 0;
}

.home-trust .trust-game-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}

.home-trust .game-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 800;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(255, 255, 255, 0.045);
  color: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.home-trust .game-chip--valorant {
  background: rgba(255, 70, 85, 0.15);
  border-color: rgba(255, 70, 85, 0.30);
  color: #ff9aa3;
}

.home-trust .game-chip--cs2 {
  background: rgba(255, 178, 66, 0.15);
  border-color: rgba(255, 178, 66, 0.28);
  color: #ffd18a;
}

.home-trust .game-chip--dota {
  background: rgba(229, 72, 77, 0.15);
  border-color: rgba(229, 72, 77, 0.28);
  color: #ff9c9f;
}

.home-trust .game-chip--fortnite {
  background: rgba(139, 92, 246, 0.18);
  border-color: rgba(139, 92, 246, 0.32);
  color: #c4b5fd;
}

.home-trust .game-chip--apex {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.28);
  color: #fca5a5;
}

.home-trust .game-chip--genshin {
  background: rgba(96, 165, 250, 0.14);
  border-color: rgba(96, 165, 250, 0.26);
  color: #bfdbfe;
}

.home-trust .trust-side-stack {
  display: grid;
  gap: 18px;
}

.home-trust .trust-side-card {
  min-height: 128px;
  padding: 24px 28px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 0% 50%, rgba(139, 92, 246, 0.12), transparent 42%),
    rgba(27, 26, 40, 0.78);
  border: 1px solid rgba(180, 150, 255, 0.13);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  display: grid;
  grid-template-columns: 64px 1fr;
  align-items: center;
  gap: 22px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 20px 50px rgba(0, 0, 0, 0.24);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.home-trust .trust-side-card:hover {
  transform: translateY(-2px);
  border-color: rgba(180, 150, 255, 0.22);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 24px 58px rgba(0, 0, 0, 0.28),
    0 0 32px rgba(109, 93, 246, 0.08);
}

.home-trust .trust-side-icon {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.10);
  border: 1px solid rgba(180, 150, 255, 0.12);
  box-shadow: 0 0 26px rgba(139, 92, 246, 0.18);
  flex: 0 0 58px;
}

.home-trust .trust-side-icon img,
.home-process .process-step-icon img {
  width: 30px;
  height: 30px;
  object-fit: contain;
  color: #a78bfa;
  filter: drop-shadow(0 0 14px rgba(139, 92, 246, 0.55));
}

.home-trust .trust-side-copy {
  min-width: 0;
}

.home-trust .trust-side-title-row {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.home-trust .trust-side-title {
  margin: 0 0 8px;
  color: #f6f2ff;
  font-weight: 900;
  font-size: clamp(20px, 1.7vw, 26px);
  line-height: 1.08;
}

.home-trust .trust-side-title-row .trust-side-title {
  margin-bottom: 0;
}

.home-trust .trust-side-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 14px rgba(34, 197, 94, 0.88);
  flex: 0 0 8px;
}

.home-trust .trust-side-text {
  margin: 0;
  color: rgba(236, 232, 255, 0.72);
  font-size: 15px;
  line-height: 1.45;
}

.home-trust .bento-why__cta {
  margin-top: clamp(34px, 4vw, 54px);
}

.home-trust .trust-cta {
  margin: 0 auto;
  width: min(100%, 360px);
  min-height: 64px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background: linear-gradient(135deg, #5b4bff, #8b5cf6);
  color: #fff;
  font-weight: 850;
  text-decoration: none;
  box-shadow:
    0 0 26px rgba(139, 92, 246, 0.34),
    0 18px 40px rgba(91, 75, 255, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.13);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.home-trust .trust-cta:hover {
  transform: translateY(-1px);
  box-shadow:
    0 0 34px rgba(139, 92, 246, 0.46),
    0 22px 52px rgba(91, 75, 255, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.hiw.home-process.process-section {
  margin-top: var(--home-section-gap-small);
  padding-top: 0;
  padding-bottom: var(--home-section-gap-small);
}

.home-process .process-timeline {
  position: relative;
  padding: clamp(46px, 5vw, 72px) clamp(28px, 4vw, 56px);
  border-radius: 34px;
  background:
    radial-gradient(circle at 50% 0%, rgba(139, 92, 246, 0.12), transparent 42%),
    linear-gradient(180deg, rgba(20, 19, 31, 0.72), rgba(10, 10, 16, 0.92));
  border: 1px solid rgba(180, 150, 255, 0.12);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 30px 80px rgba(0, 0, 0, 0.30);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.home-process .process-steps {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
}

.home-process .process-steps::before {
  content: "";
  position: absolute;
  top: 34px;
  left: 8%;
  right: 8%;
  height: 2px;
  background: linear-gradient(90deg,
      transparent,
      rgba(139, 92, 246, 0.58),
      rgba(139, 92, 246, 0.58),
      transparent);
  box-shadow: 0 0 18px rgba(139, 92, 246, 0.35);
  z-index: 0;
}

.home-process .process-step {
  position: relative;
  z-index: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.home-process .process-step-number {
  width: 68px;
  height: 68px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 28px;
  background: radial-gradient(circle, rgba(139, 92, 246, 0.34), rgba(70, 45, 150, 0.24));
  border: 1px solid rgba(180, 150, 255, 0.24);
  color: #f4f0ff;
  font-weight: 900;
  font-size: 18px;
  box-shadow:
    0 0 28px rgba(139, 92, 246, 0.30),
    inset 0 1px 0 rgba(255, 255, 255, 0.10);
}

.home-process .process-step-icon {
  width: 64px;
  height: 64px;
  margin-bottom: 24px;
  border-radius: 18px;
  background: rgba(139, 92, 246, 0.08);
  border: 1px solid rgba(180, 150, 255, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 0 24px rgba(139, 92, 246, 0.12);
}

.home-process .process-step-title {
  margin: 0 0 14px;
  color: #f6f2ff;
  font-weight: 900;
  font-size: 19px;
  line-height: 1.12;
}

.home-process .process-step-text {
  margin: 0 auto;
  max-width: 230px;
  color: rgba(236, 232, 255, 0.72);
  line-height: 1.55;
  font-size: 15px;
}

.home-process .process-cta-wrap {
  margin-top: clamp(42px, 5vw, 64px);
}

.home-process .process-cta {
  margin: 0 auto;
  width: min(100%, 420px);
  min-height: 64px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background: linear-gradient(135deg, #5b4bff, #8b5cf6);
  color: #fff;
  font-weight: 850;
  text-decoration: none;
  box-shadow:
    0 0 26px rgba(139, 92, 246, 0.34),
    0 18px 40px rgba(91, 75, 255, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.13);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.home-process .process-cta:hover {
  transform: translateY(-1px);
  box-shadow:
    0 0 34px rgba(139, 92, 246, 0.46),
    0 22px 52px rgba(91, 75, 255, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

@media (max-width: 1024px) {
  .home-trust .trust-dashboard {
    grid-template-columns: 1fr;
  }

  .home-trust .trust-side-stack {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .home-trust .trust-side-card {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .home-trust .trust-side-icon {
    margin-inline: auto;
  }
}

@media (max-width: 900px) {
  .home-process .process-steps {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .home-process .process-steps::before {
    display: none;
  }

  .home-process .process-step {
    padding: 28px 22px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(180, 150, 255, 0.08);
  }

  .home-process .process-step-number {
    margin-bottom: 20px;
  }
}

@media (max-width: 720px) {
  .home-trust .trust-side-stack {
    grid-template-columns: 1fr;
  }

  .home-trust .trust-main-card {
    min-height: auto;
    padding: 30px 24px;
  }

  .home-trust .trust-main-copy {
    max-width: 100%;
    text-align: center;
  }

  .home-trust .trust-main-text {
    font-size: 16px;
  }

  .home-trust .trust-main-gamepad {
    width: clamp(190px, 58vw, 280px);
    top: 54%;
    transform: translate(-50%, -34%);
  }

  .home-trust .trust-game-chips {
    justify-content: center;
    gap: 10px;
    margin-top: 26px;
  }

  .home-trust .game-chip {
    width: auto;
    min-height: 36px;
    padding: 0 14px;
    font-size: 13px;
  }

  .home-trust .trust-cta,
  .home-process .process-cta {
    width: 100%;
  }
}

/* ── Home FAQ premium refinement ──────────────────────────────────────── */
.faq-benefits,
.faq-trust-grid,
.faq-visual-benefits,
.faq-mini-cards,
.faq-feature-grid,
.faq-right-cards {
  display: none !important;
}

.faq2 .faq-layout {
  grid-template-columns: minmax(0, 1.04fr) minmax(360px, 0.96fr);
  gap: clamp(28px, 3vw, 38px);
  align-items: stretch;
}

.faq2 .faq-item {
  border-radius: 18px;
  background: rgba(28, 27, 38, 0.78);
  border: 1px solid rgba(180, 150, 255, 0.10);
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.faq2 .faq-item.is-open,
.faq2 .faq-item[open] {
  border-color: rgba(139, 92, 246, 0.42);
  background:
    radial-gradient(circle at 0% 0%, rgba(139, 92, 246, 0.10), transparent 42%),
    rgba(31, 30, 43, 0.86);
  box-shadow:
    0 0 28px rgba(139, 92, 246, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.faq2 .faq2__trigger {
  min-height: 84px;
}

.faq2 .faq2__trigger:hover {
  background: rgba(255, 255, 255, 0.015);
}

.faq2 .faq2__question {
  font-size: 16px;
  font-weight: 800;
}

.faq2 .faq2__answer-inner {
  color: rgba(236, 232, 255, 0.72);
}

.faq2 .faq2__illustration {
  display: flex;
  align-items: stretch;
  min-height: 0;
}

.faq2 .faq-visual-panel {
  position: relative;
  isolation: isolate;
  min-height: clamp(560px, 54vw, 760px);
  border-radius: 32px;
  background:
    radial-gradient(circle at 50% 48%, rgba(139, 92, 246, 0.18), transparent 38%),
    radial-gradient(circle at 80% 0%, rgba(139, 92, 246, 0.10), transparent 42%),
    rgba(26, 25, 36, 0.72);
  border: 1px solid rgba(180, 150, 255, 0.14);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 30px 80px rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 36px;
}

.faq2 .faq2__illust-glow {
  top: 50%;
  left: 50%;
  width: min(74%, 420px);
  height: min(74%, 420px);
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(139, 92, 246, 0.28) 0%, rgba(109, 93, 246, 0.12) 38%, transparent 72%);
  filter: blur(24px);
  z-index: 0;
}

.faq2 .faq2__illust-symbol {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -54%);
  font-size: clamp(180px, 20vw, 290px);
  color: rgba(201, 183, 255, 0.22);
  text-shadow:
    0 0 28px rgba(139, 92, 246, 0.18),
    0 22px 60px rgba(109, 93, 246, 0.16);
  z-index: 1;
}

.faq2 .faq-visual-logo {
  position: absolute;
  top: 34px;
  right: 34px;
  width: 54px;
  height: 54px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(180, 150, 255, 0.12);
  box-shadow: none;
  opacity: 0.7;
  z-index: 3;
}

.faq2 .faq-visual-logo .faq2__illust-catmark-logo {
  width: 28px;
  height: 28px;
  object-fit: contain;
  opacity: 0.78;
}

.faq2 .faq-support-bar {
  margin-top: 28px;
  min-height: 108px;
  padding: 24px 28px;
  border-radius: 24px;
  background: rgba(28, 27, 38, 0.78);
  border: 1px solid rgba(180, 150, 255, 0.12);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.faq2 .faq-support-actions {
  display: flex;
  align-items: center;
  gap: 14px;
}

.faq2 .faq-support-actions .faq2__btn {
  min-height: 58px;
}

@media (max-width: 900px) {
  .faq2 .faq-layout {
    grid-template-columns: 1fr;
  }

  .faq2 .faq2__illustration {
    order: 2;
  }

  .faq2 .faq-visual-panel {
    min-height: 360px;
    padding: 26px 22px;
  }

  .faq2 .faq-support-bar {
    flex-direction: column;
    align-items: flex-start;
  }

  .faq2 .faq-support-actions {
    width: 100%;
    flex-direction: column;
  }

  .faq2 .faq-support-actions a,
  .faq2 .faq-support-actions button {
    width: 100%;
  }
}

/* ── Girl profile polish overrides ─────────────────────────────────────── */
.girl__body .eg-reviews__write-btn {
  background: linear-gradient(135deg, #4B3FD6, #6D5DF6) !important;
  border: 1px solid rgba(168, 155, 255, .35) !important;
  box-shadow: 0 14px 28px rgba(75, 63, 214, .22) !important;
  color: #F4F1FF !important;
}

.girl__body .eg-reviews__write-btn::before {
  display: none !important;
  content: none !important;
}

.girl__body .eg-review-form__submit,
.girl__body .money__button {
  background: linear-gradient(135deg, #4B3FD6, #6D5DF6) !important;
  border: 1px solid rgba(168, 155, 255, .35) !important;
  box-shadow: 0 16px 32px rgba(75, 63, 214, .22) !important;
  color: #F4F1FF !important;
}

/* ── Final product profile safety overrides ───────────────────────────── */
html,
body.girl__body.single-product.product-profile {
  background: #07070A;
}

.girl__body.single-product.product-profile .ep-hero__inner {
  grid-template-columns: minmax(0, .9fr) minmax(360px, .65fr) !important;
  gap: 28px !important;
  overflow: visible !important;
}

.girl__body.single-product.product-profile .ep-gallery,
.girl__body.single-product.product-profile .ep-info,
.girl__body.single-product.product-profile .plans__box,
.girl__body.single-product.product-profile .plans__box *,
.girl__body.single-product.product-profile .plans__addon-card,
.girl__body.single-product.product-profile .plans__addon-card * {
  min-width: 0;
  word-break: normal !important;
  overflow-wrap: break-word;
  writing-mode: horizontal-tb !important;
}

.girl__body.single-product.product-profile .ep-profile-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
  gap: 24px;
}

.girl__body.single-product.product-profile .ep-details {
  align-items: start;
}

.girl__body.single-product.product-profile .ep-how__list {
  grid-template-columns: repeat(5, minmax(180px, 1fr)) !important;
}

.girl__body.single-product.product-profile .plans__boxes {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)) !important;
  gap: 24px !important;
}

.girl__body.single-product.product-profile .plans__list--checkbox {
  max-height: 420px;
  overflow-y: auto;
}

.girl__body.single-product.product-profile .plans__list--checkbox .plans__list-item {
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 12px !important;
  min-width: 0;
}

.girl__body.single-product.product-profile .plans__list--checkbox .plans__list-item label.plans__addon-card,
.girl__body.single-product.product-profile .plans__list--checkbox .plans__list-item label {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: start !important;
  gap: 10px !important;
  width: 100%;
}

.girl__body.single-product.product-profile .plans__addon-title {
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

.girl__body.single-product.product-profile .plans__addon-price {
  white-space: nowrap !important;
}

.girl__body.single-product.product-profile .plans__accordion {
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1fr) !important;
  gap: 12px !important;
  margin: 0 !important;
}

.girl__body.single-product.product-profile .plans__list--yes,
.girl__body.single-product.product-profile .plans__list--no {
  padding-left: 0 !important;
}

.girl__body.single-product.product-profile .plans__list--yes .plans__list-item::before,
.girl__body.single-product.product-profile .plans__list--no .plans__list-item::before {
  content: none !important;
  display: none !important;
}

.girl__body.single-product.product-profile .plans__list--yes .plans__list-item,
.girl__body.single-product.product-profile .plans__list--no .plans__list-item {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  column-gap: 10px !important;
  align-items: start !important;
  justify-content: start !important;
  width: 100%;
  min-width: 0;
  position: relative;
}

.girl__body.single-product.product-profile .plans__list--no .plans__list-item {
  text-decoration: none !important;
}

.girl__body.single-product.product-profile .service-item__icon {
  width: 22px;
  height: 22px;
  min-width: 22px;
  flex: 0 0 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
}

.girl__body.single-product.product-profile .service-item--available .service-item__icon {
  background-image: url("../img/icons/service_check_cross_v2/service_available.png");
}

.girl__body.single-product.product-profile .service-item--unavailable .service-item__icon {
  background-image: url("../img/icons/service_check_cross_v2/service_unavailable.png");
}

.girl__body.single-product.product-profile .service-item__content {
  min-width: 0;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
}

.girl__body.single-product.product-profile .service-item__text {
  min-width: 0;
  line-height: 1.45;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: auto;
}

.girl__body.single-product.product-profile .service-item--available .service-item__text {
  color: #F4F1FF;
}

.girl__body.single-product.product-profile .service-item--unavailable .service-item__text {
  color: rgba(167, 160, 184, .65);
  text-decoration: line-through;
  text-decoration-color: rgba(167, 160, 184, .45);
  text-decoration-thickness: 1px;
}

.girl__body.single-product.product-profile .service-item .tooltip-icon {
  margin-top: 1px;
  flex-shrink: 0;
}

.girl__body.single-product.product-profile .product-guarantee {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  transform: none !important;
}

.girl__body.single-product.product-profile .money__photo {
  display: none !important;
}

@media (max-width: 1200px) {
  .girl__body.single-product.product-profile .ep-profile-overview {
    grid-template-columns: 1fr;
  }

  .girl__body.single-product.product-profile .ep-how__list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1024px) {
  .girl__body.single-product.product-profile .ep-hero__inner {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 768px) {
  .girl__body.single-product.product-profile .ep-details,
  .girl__body.single-product.product-profile .ep-value__list {
    grid-template-columns: 1fr !important;
  }

  .girl__body.single-product.product-profile .plans__list--checkbox {
    max-height: 360px;
  }
}

@media (max-width: 640px) {
  .girl__body.single-product.product-profile .ep-how__list {
    grid-template-columns: 1fr !important;
  }

  .girl__body.single-product.product-profile .plans__accordion {
    grid-template-columns: 1fr !important;
  }
}

/* ── Product profile repair pass ───────────────────────────────────────── */
.girl__body.single-product.product-profile .product-page-container,
.girl__body.single-product.product-profile .ep-profile-section > .container,
.girl__body.single-product.product-profile .eg-discord-promo > .container,
.girl__body.single-product.product-profile .profile-subnav {
  width: min(100% - 40px, 1280px);
  max-width: none !important;
  margin-inline: auto;
}

.girl__body.single-product.product-profile .profile-subnav {
  position: sticky !important;
  top: var(--header-height, 72px) !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  z-index: 30 !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 8px;
  margin: 18px auto 28px !important;
  padding: 8px !important;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}

.girl__body.single-product.product-profile .profile-subnav::-webkit-scrollbar {
  display: none;
}

.girl__body.single-product.product-profile .profile-subnav .ep-section-nav__link {
  flex: 0 0 auto;
  min-height: 38px;
}

.girl__body.single-product.product-profile .ep-hero {
  width: min(100% - 40px, 1280px);
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.girl__body.single-product.product-profile .ep-hero__inner {
  grid-template-columns: minmax(0, 1fr) minmax(380px, 0.72fr) !important;
  gap: 32px !important;
  align-items: start !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.girl__body.single-product.product-profile .profile-gallery-card,
.girl__body.single-product.product-profile .profile-info-card {
  height: 100%;
  position: relative;
  z-index: 1;
}

.girl__body.single-product.product-profile .profile-gallery-card {
  min-height: auto;
  padding: 22px !important;
  border-radius: 28px !important;
  overflow: hidden;
}

.girl__body.single-product.product-profile .profile-main-image,
.girl__body.single-product.product-profile .ep-gallery__main > img {
  width: 100% !important;
  aspect-ratio: 4 / 4.35;
  max-height: 520px;
  object-fit: cover !important;
  object-position: center;
}

.girl__body.single-product.product-profile .ep-gallery__main {
  border-radius: 24px !important;
  max-height: 520px;
}

.girl__body.single-product.product-profile .ep-gallery__main::after {
  background: linear-gradient(180deg, rgba(9, 9, 14, 0.01) 40%, rgba(9, 9, 14, 0.44) 100%) !important;
}

.girl__body.single-product.product-profile .profile-info-card {
  align-self: start;
  min-height: auto !important;
  padding: 32px !important;
  border-radius: 28px !important;
}

.girl__body.single-product.product-profile .ep-profile-overview {
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 0.8fr) !important;
  gap: 24px !important;
  align-items: start;
  margin-top: 32px;
}

.girl__body.single-product.product-profile .ep-profile-overview__main,
.girl__body.single-product.product-profile .ep-profile-overview__side {
  gap: 24px !important;
}

.girl__body.single-product.product-profile .profile-section-card,
.girl__body.single-product.product-profile .ep-how,
.girl__body.single-product.product-profile .money__card {
  padding: 26px !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  border: 1px solid rgba(168, 155, 255, 0.14) !important;
  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.28);
}

.girl__body.single-product.product-profile .ep-about,
.girl__body.single-product.product-profile .ep-detail-card,
.girl__body.single-product.product-profile .ep-value {
  overflow: visible;
}

.girl__body.single-product.product-profile .ep-details {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: start !important;
}

.girl__body.single-product.product-profile .ep-game-icons {
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)) !important;
  gap: 14px !important;
}

.girl__body.single-product.product-profile .ep-game-card {
  aspect-ratio: 1;
  min-height: 0;
  justify-content: center;
  padding: 16px !important;
  border-radius: 18px !important;
  overflow: hidden;
}

.girl__body.single-product.product-profile .ep-game-card img {
  width: auto !important;
  height: auto !important;
  max-width: 64%;
  max-height: 64%;
  object-fit: contain !important;
}

.girl__body.single-product.product-profile .ep-game-card span {
  color: #DCD8EA !important;
  font-size: 0.88rem !important;
  line-height: 1.35;
}

.girl__body.single-product.product-profile .ep-game-card--text-only {
  aspect-ratio: auto;
  min-height: 76px;
}

.girl__body.single-product.product-profile .ep-game-card--text-only span {
  font-weight: 600;
}

.girl__body.single-product.product-profile .ep-game-card.is-fallback::before {
  display: none !important;
  content: none !important;
}

.girl__body.single-product.product-profile .ep-empty-state {
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px dashed rgba(168, 155, 255, 0.2);
  color: #A7A0B8;
  line-height: 1.45;
}

.girl__body.single-product.product-profile .ep-films-list {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px !important;
}

.girl__body.single-product.product-profile .ep-films-list li {
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(168, 155, 255, 0.12) !important;
  color: #DCD8EA !important;
}

.girl__body.single-product.product-profile .ep-value__list {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.girl__body.single-product.product-profile .ep-value__list li {
  min-height: 110px;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px !important;
  align-items: start !important;
  padding: 18px !important;
}

.girl__body.single-product.product-profile .ep-value__text {
  line-height: 1.35 !important;
}

.girl__body.single-product.product-profile .ep-how {
  margin-top: 36px !important;
  padding: 28px !important;
  border-radius: 28px !important;
}

.girl__body.single-product.product-profile .ep-how__list {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.girl__body.single-product.product-profile .ep-how__item {
  min-height: 180px;
  padding: 20px !important;
}

.girl__body.single-product.product-profile .ep-profile-section,
.girl__body.single-product.product-profile .eg-discord-promo,
.girl__body.single-product.product-profile .ep-how,
.girl__body.single-product.product-profile .eg-reviews,
.girl__body.single-product.product-profile .plans,
.girl__body.single-product.product-profile .money,
.girl__body.single-product.product-profile .eg-related-girls {
  position: relative;
  transform: none !important;
}

.girl__body.single-product.product-profile .eg-reviews {
  max-width: 860px;
  margin: 0 auto;
  padding: 0;
}

.girl__body.single-product.product-profile .eg-reviews::before,
.girl__body.single-product.product-profile .eg-reviews::after,
.girl__body.single-product.product-profile .eg-reviews__summary::before {
  display: none;
}

.girl__body.single-product.product-profile .eg-reviews__summary {
  display: grid;
  grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
  gap: 24px;
  margin-bottom: 18px;
  padding: 24px;
  border-radius: 28px;
  border: 1px solid rgba(168, 155, 255, 0.14);
  background: rgba(255, 255, 255, 0.045);
  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.28);
}

.girl__body.single-product.product-profile .eg-reviews__summary-main {
  padding: 20px;
  border-right: 1px solid rgba(168, 155, 255, 0.14);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.03);
}

.girl__body.single-product.product-profile .eg-reviews__avg {
  color: #F4F1FF;
  font-size: clamp(40px, 4vw, 56px);
  text-shadow: none;
}

.girl__body.single-product.product-profile .eg-reviews__avg-count {
  color: #A7A0B8;
  font-size: 13px;
}

.girl__body.single-product.product-profile .eg-reviews__bars {
  gap: 12px;
}

.girl__body.single-product.product-profile .eg-reviews__bar-row {
  grid-template-columns: 72px minmax(0, 1fr) 36px;
  gap: 12px;
}

.girl__body.single-product.product-profile .eg-reviews__bar-label,
.girl__body.single-product.product-profile .eg-reviews__bar-value {
  color: #A7A0B8;
  font-size: 12px;
  font-weight: 500;
}

.girl__body.single-product.product-profile .eg-reviews__bar-track {
  height: 6px;
  background: rgba(255, 255, 255, 0.08);
}

.girl__body.single-product.product-profile .eg-reviews__bar-fill {
  background: linear-gradient(90deg, #6D5DF6, #A89BFF);
  box-shadow: none;
}

.girl__body.single-product.product-profile .eg-reviews__head {
  margin-bottom: 16px;
}

.girl__body.single-product.product-profile .eg-reviews__head-count {
  color: #B8B1C8;
  font-size: 12px;
}

.girl__body.single-product.product-profile .eg-reviews__head-sort {
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid rgba(168, 155, 255, 0.14);
  background: rgba(255, 255, 255, 0.035);
  color: #B8B1C8;
}

.girl__body.single-product.product-profile .eg-reviews__list {
  gap: 16px;
}

.girl__body.single-product.product-profile .eg-review-card {
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
  padding: 18px;
  border-radius: 20px;
  border: 1px solid rgba(168, 155, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
}

.girl__body.single-product.product-profile .eg-reviews__empty {
  margin: 0;
  padding: 28px;
  border-radius: 24px;
  border: 1px solid rgba(168, 155, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
  text-align: center;
  color: #DCD8EA;
}

.girl__body.single-product.product-profile .plans-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px;
}

.girl__body.single-product.product-profile .plans-header .plans__header,
.girl__body.single-product.product-profile .plans-header .plans__subhead {
  text-align: center !important;
  margin-inline: auto;
}

.girl__body.single-product.product-profile .plans-header .plans__subhead {
  color: #A7A0B8;
  max-width: 720px;
}

@media (max-width: 1200px) {
  .girl__body.single-product.product-profile .ep-how__list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  .girl__body.single-product.product-profile .ep-hero,
  .girl__body.single-product.product-profile .product-page-container,
  .girl__body.single-product.product-profile .ep-profile-section > .container,
  .girl__body.single-product.product-profile .eg-discord-promo > .container,
  .girl__body.single-product.product-profile .profile-subnav {
    width: min(100% - 32px, 1280px);
  }

  .girl__body.single-product.product-profile .ep-hero__inner,
  .girl__body.single-product.product-profile .ep-profile-overview {
    grid-template-columns: 1fr !important;
  }

  .girl__body.single-product.product-profile .ep-hero__inner {
    display: flex !important;
    flex-direction: column !important;
  }

  .girl__body.single-product.product-profile .profile-gallery-card,
  .girl__body.single-product.product-profile .profile-info-card,
  .girl__body.single-product.product-profile .ep-gallery,
  .girl__body.single-product.product-profile .ep-info {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .girl__body.single-product.product-profile .profile-gallery-card {
    min-height: auto;
  }
}

@media (max-width: 768px) {
  .girl__body.single-product.product-profile .ep-details,
  .girl__body.single-product.product-profile .ep-value__list,
  .girl__body.single-product.product-profile .eg-reviews__summary {
    grid-template-columns: 1fr !important;
  }

  .girl__body.single-product.product-profile .eg-reviews__summary-main {
    border-right: 0;
    border-bottom: 1px solid rgba(168, 155, 255, 0.14);
  }
}

@media (max-width: 640px) {
  .girl__body.single-product.product-profile .ep-hero,
  .girl__body.single-product.product-profile .product-page-container,
  .girl__body.single-product.product-profile .ep-profile-section > .container,
  .girl__body.single-product.product-profile .eg-discord-promo > .container,
  .girl__body.single-product.product-profile .profile-subnav {
    width: min(100% - 24px, 1280px);
  }

  .girl__body.single-product.product-profile .profile-info-card,
  .girl__body.single-product.product-profile .profile-gallery-card,
  .girl__body.single-product.product-profile .profile-section-card,
  .girl__body.single-product.product-profile .ep-how,
  .girl__body.single-product.product-profile .money__card {
    padding: 22px !important;
  }

  .girl__body.single-product.product-profile .ep-how__list {
    grid-template-columns: 1fr !important;
  }

  .girl__body.single-product.product-profile .eg-reviews__head {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .girl__body.single-product.product-profile .eg-reviews__head-actions {
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

/* ── Product profile polish follow-up ──────────────────────────────────── */
.girl__body.single-product.product-profile {
  background: #07070A !important;
}

.girl__body.single-product.product-profile .single-product.product-profile {
  position: relative;
  isolation: isolate;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 15% 18%, rgba(109, 93, 246, 0.16), transparent 34%),
    radial-gradient(circle at 82% 22%, rgba(168, 155, 255, 0.12), transparent 32%),
    radial-gradient(circle at 55% 70%, rgba(109, 93, 246, 0.10), transparent 38%),
    #07070A;
}

.girl__body.single-product.product-profile .single-product.product-profile::before,
.girl__body.single-product.product-profile .single-product.product-profile::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  filter: blur(100px);
  pointer-events: none;
  z-index: 0;
}

.girl__body.single-product.product-profile .single-product.product-profile::before {
  top: 140px;
  left: -140px;
  width: 380px;
  height: 380px;
  background: rgba(109, 93, 246, 0.14);
}

.girl__body.single-product.product-profile .single-product.product-profile::after {
  right: -120px;
  top: 540px;
  width: 340px;
  height: 340px;
  background: rgba(168, 155, 255, 0.11);
}

.girl__body.single-product.product-profile .single-product.product-profile > * {
  position: relative;
  z-index: 1;
}

.girl__body.single-product.product-profile .ep-hero__inner::before,
.girl__body.single-product.product-profile .ep-hero__inner::after,
.girl__body.single-product.product-profile .ep-gallery::before,
.girl__body.single-product.product-profile .ep-gallery::after,
.girl__body.single-product.product-profile .ep-info::before,
.girl__body.single-product.product-profile .ep-info::after {
  display: none !important;
  content: none !important;
}

.girl__body.single-product.product-profile .ep-hero__inner {
  grid-template-columns: minmax(0, 0.92fr) minmax(360px, 0.68fr) !important;
  gap: 32px !important;
  overflow: visible !important;
}

.girl__body.single-product.product-profile .profile-gallery-card {
  align-self: start;
  max-height: 680px;
  min-height: auto;
  padding-bottom: 20px !important;
}

.girl__body.single-product.product-profile .profile-main-image,
.girl__body.single-product.product-profile .ep-gallery__main > img {
  aspect-ratio: 4 / 4.8;
  max-height: 600px;
}

.girl__body.single-product.product-profile .ep-gallery__main {
  max-height: 600px;
}

.girl__body.single-product.product-profile .ep-gallery__main::after {
  background: linear-gradient(180deg, rgba(9, 9, 14, 0.01) 52%, rgba(9, 9, 14, 0.28) 100%) !important;
}

.girl__body.single-product.product-profile .profile-info-card {
  align-self: start;
}

.girl__body.single-product.product-profile .service-item__icon {
  background-size: 18px 18px !important;
  filter: none !important;
}

.girl__body.single-product.product-profile .girl.eg-parallax-bg,
.girl__body.single-product.product-profile .eg-parallax-bg {
  background: transparent !important;
  background-image: none !important;
}

.girl__body.single-product.product-profile .ep-profile-section--reviews {
  margin-top: clamp(56px, 7vw, 96px);
  padding-top: 0 !important;
}

.girl__body.single-product.product-profile .eg-reviews {
  position: relative;
  z-index: 1;
  margin-top: 0;
  transform: none !important;
}

.girl__body.single-product.product-profile .eg-reviews__summary {
  padding: 28px !important;
  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.24);
}

.girl__body.single-product.product-profile .eg-reviews__head {
  margin-top: 18px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(168, 155, 255, 0.10);
  justify-content: space-between;
  gap: 16px;
}

.girl__body.single-product.product-profile .eg-reviews__head-count {
  padding-left: 2px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.girl__body.single-product.product-profile .eg-reviews__head-actions {
  gap: 12px;
}

.girl__body.single-product.product-profile .eg-reviews__empty {
  margin-top: 18px !important;
  padding: 24px !important;
  border-radius: 20px !important;
  border-color: rgba(168, 155, 255, 0.10) !important;
  text-align: center !important;
  color: #A7A0B8 !important;
}

.girl__body.single-product.product-profile .eg-reviews__empty,
.girl__body.single-product.product-profile .eg-reviews__empty p,
.girl__body.single-product.product-profile .eg-reviews__empty span {
  text-align: center !important;
  margin-inline: auto;
}

.girl__body.single-product.product-profile .plans__box.medium-highlight {
  position: relative;
}

.girl__body.single-product.product-profile .plans__box-bestseller {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center;
  align-self: flex-start !important;
  max-width: 180px;
  white-space: nowrap;
  margin: 2px 0 0;
  z-index: 1;
}

.girl__body.single-product.product-profile .plans__box-bestseller::after {
  display: none !important;
  content: none !important;
}

.girl__body.single-product.product-profile .plans__box-title {
  margin: 0;
}

.girl__body.single-product.product-profile .plans__buttons {
  justify-items: stretch;
}

.girl__body.single-product.product-profile .plans__button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.girl__body.single-product.product-profile .plans__button span,
.girl__body.single-product.product-profile .plans__button strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.girl__body.single-product.product-profile .money {
  margin-top: clamp(48px, 6vw, 88px);
}

.girl__body.single-product.product-profile .money__card {
  width: min(100%, 780px);
  margin: 56px auto 0;
  padding: 36px 32px 44px !important;
  overflow: visible !important;
  min-height: auto !important;
  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.24);
}

.girl__body.single-product.product-profile .money__card * {
  max-width: 100%;
}

.girl__body.single-product.product-profile .money__button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: normal;
  line-height: 1.15;
}

.girl__body.single-product.product-profile .money__button .btn-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  line-height: 1.15;
}

.girl__body.single-product.product-profile .money__button[data-manager-booking="1"] {
  min-height: 56px;
  max-width: 360px;
  width: min(100%, 360px);
  margin: 0 auto;
  padding: 0 28px;
}

.girl__body.single-product.product-profile .product-guarantee {
  position: static !important;
  overflow: visible !important;
}

.girl__body.single-product.product-profile .ep-profile-section,
.girl__body.single-product.product-profile .eg-discord-promo,
.girl__body.single-product.product-profile .plans,
.girl__body.single-product.product-profile .money,
.girl__body.single-product.product-profile .eg-related-girls {
  margin-top: clamp(48px, 6vw, 88px);
}

@media (max-width: 1180px) {
  .girl__body.single-product.product-profile .plans__box-bestseller {
    max-width: none;
  }
}

@media (max-width: 1024px) {
  .girl__body.single-product.product-profile .single-product.product-profile::before {
    opacity: 0.1;
  }

  .girl__body.single-product.product-profile .single-product.product-profile::after {
    opacity: 0.08;
  }
}

@media (max-width: 640px) {
  .girl__body.single-product.product-profile .ep-hero__inner {
    gap: 24px !important;
  }

  .girl__body.single-product.product-profile .profile-gallery-card {
    max-height: none;
    padding-bottom: 18px !important;
  }

  .girl__body.single-product.product-profile .eg-reviews__head-actions {
    justify-content: flex-start;
  }

  .girl__body.single-product.product-profile .money__card {
    margin-top: 40px;
    padding: 30px 22px 38px !important;
  }
}

/* ── Product profile targeted repair follow-up ─────────────────────────── */
.girl__body.single-product.product-profile .profile-subnav {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin: 24px auto 28px !important;
  padding: 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  z-index: 10 !important;
}

.girl__body.single-product.product-profile .profile-subnav .ep-section-nav__link {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-width: max-content;
  min-height: 38px !important;
  gap: 8px !important;
  padding: 10px 14px !important;
}

.girl__body.single-product.product-profile .profile-subnav .ep-section-nav__dot {
  flex: 0 0 auto;
}

.girl__body.single-product.product-profile .profile-subnav .ep-section-nav__label {
  position: static !important;
  right: auto !important;
  left: auto !important;
  max-width: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important;
  white-space: nowrap !important;
}

.girl__body.single-product.product-profile .ep-hero {
  position: relative;
  z-index: 1;
  margin: 0 auto !important;
}

.girl__body.single-product.product-profile .profile-subnav + .profile-hero {
  margin-top: 0 !important;
}

.girl__body.single-product.product-profile .ep-hero__inner {
  grid-template-columns: minmax(0, 0.92fr) minmax(360px, 0.72fr) !important;
  gap: 32px !important;
  align-items: start !important;
}

.girl__body.single-product.product-profile .profile-gallery-card {
  max-height: none !important;
  min-height: auto !important;
  padding: 22px !important;
  padding-bottom: 22px !important;
  overflow: hidden !important;
}

.girl__body.single-product.product-profile .profile-main-image,
.girl__body.single-product.product-profile .ep-gallery__main > img {
  aspect-ratio: 4 / 4.35 !important;
  max-height: 520px !important;
  object-fit: cover !important;
}

.girl__body.single-product.product-profile .ep-gallery__main {
  max-height: 520px !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}

.girl__body.single-product.product-profile .ep-gallery__thumbs,
.girl__body.single-product.product-profile .ep-reactions {
  margin-top: 14px !important;
}

.girl__body.single-product.product-profile .profile-section-card,
.girl__body.single-product.product-profile .eg-reviews__summary,
.girl__body.single-product.product-profile .ep-how,
.girl__body.single-product.product-profile .plans__box,
.girl__body.single-product.product-profile .money__card {
  padding: clamp(24px, 3vw, 36px) !important;
}

.girl__body.single-product.product-profile .eg-reviews__bars {
  padding: 16px 18px !important;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(168, 155, 255, 0.1);
}

.girl__body.single-product.product-profile .eg-reviews__head {
  padding: 16px 18px !important;
}

.girl__body.single-product.product-profile .eg-reviews__empty {
  padding: 22px 24px !important;
}

.girl__body.single-product.product-profile .service-item--available .service-item__icon,
.girl__body.single-product.product-profile .plan-feature--available .plan-feature__icon {
  background-image: url("../img/icons/service_check_cross_v2/service_available.png") !important;
}

.girl__body.single-product.product-profile .service-item--unavailable .service-item__icon,
.girl__body.single-product.product-profile .plan-feature--unavailable .plan-feature__icon {
  background-image: url("../img/icons/service_check_cross_v2/service_unavailable.png") !important;
}

.girl__body.single-product.product-profile .plan-feature {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  column-gap: 10px !important;
  align-items: start !important;
  width: 100%;
  min-width: 0;
}

.girl__body.single-product.product-profile .plan-feature__icon {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 2px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;
}

.girl__body.single-product.product-profile .plan-feature__text {
  min-width: 0;
  line-height: 1.45;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

.girl__body.single-product.product-profile .plan-feature--available .plan-feature__text {
  color: #F4F1FF;
}

.girl__body.single-product.product-profile .plan-feature--unavailable .plan-feature__text {
  color: rgba(167, 160, 184, 0.62);
  text-decoration: line-through;
  text-decoration-color: rgba(167, 160, 184, 0.45);
  text-decoration-thickness: 1px;
}

.girl__body.single-product.product-profile .booking-summary,
.girl__body.single-product.product-profile .money,
.girl__body.single-product.product-profile .money .container,
.girl__body.single-product.product-profile .money__card {
  overflow: visible !important;
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
}

.girl__body.single-product.product-profile .booking-summary {
  width: min(100%, 780px);
  margin: clamp(56px, 7vw, 96px) auto 0 !important;
  padding-bottom: 44px !important;
}

.girl__body.single-product.product-profile .ep-profile-section--summary + .eg-discord-promo--single {
  margin-top: clamp(72px, 8vw, 120px) !important;
}

.girl__body.single-product.product-profile .manager-button,
.girl__body.single-product.product-profile .booking-summary .manager-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  min-height: 56px !important;
  width: min(100%, 360px) !important;
  max-width: 360px !important;
  padding: 0 28px !important;
  white-space: normal !important;
  line-height: 1.15 !important;
}

.girl__body.single-product.product-profile .manager-button .btn-text,
.girl__body.single-product.product-profile .booking-summary .manager-button .btn-text {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100%;
  text-align: center !important;
  line-height: 1.15 !important;
}

.girl__body.single-product.product-profile .plan-select-button {
  width: 100% !important;
  min-height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
}

.girl__body.single-product.product-profile .plan-select-button span,
.girl__body.single-product.product-profile .plan-select-button strong {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

@media (max-width: 980px) {
  .girl__body.single-product.product-profile .ep-hero__inner {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  .girl__body.single-product.product-profile .profile-subnav {
    width: min(100% - 24px, 1280px);
    margin: 18px auto 22px !important;
  }

  .girl__body.single-product.product-profile .profile-gallery-card,
  .girl__body.single-product.product-profile .profile-info-card,
  .girl__body.single-product.product-profile .profile-section-card,
  .girl__body.single-product.product-profile .eg-reviews__summary,
  .girl__body.single-product.product-profile .ep-how,
  .girl__body.single-product.product-profile .plans__box,
  .girl__body.single-product.product-profile .money__card {
    padding: 22px !important;
  }

  .girl__body.single-product.product-profile .ep-gallery__main,
  .girl__body.single-product.product-profile .profile-main-image,
  .girl__body.single-product.product-profile .ep-gallery__main > img {
    max-height: 560px !important;
  }
}

/* ── Product profile top-grid alignment ────────────────────────────────── */
.girl__body.single-product.product-profile .profile-top-grid {
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
  grid-template-areas:
    "gallery info"
    "details benefits";
  gap: 28px 32px;
  align-items: stretch;
}

.girl__body.single-product.product-profile .profile-top-grid > .ep-hero__inner,
.girl__body.single-product.product-profile .profile-top-grid > .ep-profile-overview {
  display: contents !important;
}

.girl__body.single-product.product-profile .profile-top-grid > .ep-profile-overview {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.girl__body.single-product.product-profile .profile-gallery-card {
  grid-area: gallery;
}

.girl__body.single-product.product-profile .profile-info-card {
  grid-area: info;
}

.girl__body.single-product.product-profile .profile-details-card {
  grid-area: details;
}

.girl__body.single-product.product-profile .profile-benefits-card {
  grid-area: benefits;
}

.girl__body.single-product.product-profile .profile-gallery-card,
.girl__body.single-product.product-profile .profile-info-card,
.girl__body.single-product.product-profile .profile-details-card,
.girl__body.single-product.product-profile .profile-benefits-card {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
}

.girl__body.single-product.product-profile .profile-details-card,
.girl__body.single-product.product-profile .profile-benefits-card {
  display: grid;
  gap: 24px;
  align-content: start;
}

.girl__body.single-product.product-profile .profile-details-card .profile-section-card,
.girl__body.single-product.product-profile .profile-benefits-card .profile-section-card,
.girl__body.single-product.product-profile .profile-benefits-card .ep-cta,
.girl__body.single-product.product-profile .profile-details-card .ep-details {
  width: 100%;
  min-width: 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.girl__body.single-product.product-profile .profile-gallery-card,
.girl__body.single-product.product-profile .profile-info-card {
  align-self: stretch;
}

.girl__body.single-product.product-profile .profile-gallery-card {
  padding: 22px !important;
  overflow: hidden !important;
}

.girl__body.single-product.product-profile .profile-main-image,
.girl__body.single-product.product-profile .ep-gallery__main > img {
  aspect-ratio: 4 / 4.25 !important;
  max-height: 500px !important;
}

.girl__body.single-product.product-profile .ep-gallery__main {
  max-height: 500px !important;
}

.girl__body.single-product.product-profile .profile-info-card {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.girl__body.single-product.product-profile .profile-details-card .ep-details {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.girl__body.single-product.product-profile .profile-benefits-card .ep-value__list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

@media (max-width: 980px) {
  .girl__body.single-product.product-profile .profile-top-grid {
    width: min(100% - 24px, 1280px);
    grid-template-columns: 1fr;
    grid-template-areas:
      "gallery"
      "info"
      "details"
      "benefits";
    gap: 24px;
  }

  .girl__body.single-product.product-profile .profile-details-card,
  .girl__body.single-product.product-profile .profile-benefits-card {
    gap: 24px;
  }
}

/* ── Product profile gallery card polish ──────────────────────────────── */
.girl__body.single-product.product-profile .profile-gallery-card {
  width: 100% !important;
  min-height: auto !important;
  height: auto !important;
  max-height: none !important;
  padding: 18px !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  align-self: stretch;
}

.girl__body.single-product.product-profile .profile-main-media,
.girl__body.single-product.product-profile .ep-gallery__main {
  position: relative;
  width: 100%;
  min-height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background: rgba(0, 0, 0, 0.24) !important;
}

.girl__body.single-product.product-profile .profile-main-image,
.girl__body.single-product.product-profile .profile-main-media > img,
.girl__body.single-product.product-profile .ep-gallery__main > img {
  width: 100% !important;
  height: clamp(620px, 52vw, 780px) !important;
  max-height: none !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: 22px !important;
  margin: 0 !important;
}

.girl__body.single-product.product-profile .profile-status-badge,
.girl__body.single-product.product-profile .ep-gallery__badge {
  top: 16px !important;
  left: 16px !important;
  z-index: 2 !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: rgba(10, 10, 16, 0.58) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.girl__body.single-product.product-profile .profile-new-badge,
.girl__body.single-product.product-profile .ep-gallery__achievements {
  left: 16px !important;
  bottom: 16px !important;
  z-index: 2 !important;
  max-width: calc(100% - 32px) !important;
}

.girl__body.single-product.product-profile .profile-gallery-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  min-width: 0;
}

.girl__body.single-product.product-profile .profile-thumbnails,
.girl__body.single-product.product-profile .ep-gallery__thumbs {
  display: flex !important;
  gap: 10px !important;
  min-width: 0;
  flex: 1 1 auto;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none;
  margin-top: 0 !important;
  padding-bottom: 2px;
}

.girl__body.single-product.product-profile .profile-thumbnails::-webkit-scrollbar,
.girl__body.single-product.product-profile .ep-gallery__thumbs::-webkit-scrollbar {
  display: none;
}

.girl__body.single-product.product-profile .profile-thumbnail,
.girl__body.single-product.product-profile .ep-gallery__thumb {
  flex: 0 0 auto !important;
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(168, 155, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  cursor: pointer;
  opacity: 1 !important;
  transform: none !important;
}

.girl__body.single-product.product-profile .profile-thumbnail img,
.girl__body.single-product.product-profile .ep-gallery__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.girl__body.single-product.product-profile .profile-thumbnail.is-active,
.girl__body.single-product.product-profile .profile-thumbnail:hover,
.girl__body.single-product.product-profile .ep-gallery__thumb.is-active,
.girl__body.single-product.product-profile .ep-gallery__thumb:hover {
  border-color: rgba(168, 155, 255, 0.6) !important;
  box-shadow: 0 0 18px rgba(109, 93, 246, 0.28) !important;
}

.girl__body.single-product.product-profile .profile-reactions,
.girl__body.single-product.product-profile .ep-reactions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto;
  margin-top: 0 !important;
}

.girl__body.single-product.product-profile .profile-reaction,
.girl__body.single-product.product-profile .ep-reaction-btn {
  min-width: 54px !important;
  height: 36px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  border: 1px solid rgba(168, 155, 255, 0.12) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}

.girl__body.single-product.product-profile .profile-info-card {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 16px !important;
}

.girl__body.single-product.product-profile .profile-details-card,
.girl__body.single-product.product-profile .profile-benefits-card {
  width: 100% !important;
  min-width: 0 !important;
  align-self: stretch !important;
}

@media (max-width: 640px) {
  .girl__body.single-product.product-profile .profile-main-image,
  .girl__body.single-product.product-profile .profile-main-media > img,
  .girl__body.single-product.product-profile .ep-gallery__main > img {
    height: clamp(560px, 125vw, 760px) !important;
  }

  .girl__body.single-product.product-profile .profile-gallery-bottom {
    flex-direction: column;
    align-items: stretch;
  }

  .girl__body.single-product.product-profile .profile-reactions,
  .girl__body.single-product.product-profile .ep-reactions {
    justify-content: flex-start !important;
  }

  .girl__body.single-product.product-profile .profile-thumbnail,
  .girl__body.single-product.product-profile .ep-gallery__thumb {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
  }
}

/* ── Product profile dossier layout ───────────────────────────────────── */
.girl__body.single-product.product-profile .profile-hero-grid {
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.82fr);
  grid-template-areas: "gallery info";
  gap: 32px;
  align-items: stretch;
}

.girl__body.single-product.product-profile .profile-hero-grid > .ep-hero__inner {
  display: contents !important;
}

.girl__body.single-product.product-profile .profile-dossier-card {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 100% !important;
  padding: 32px !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  border: 1px solid rgba(168, 155, 255, 0.14) !important;
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 22px !important;
}

.girl__body.single-product.product-profile .profile-dossier-main {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.girl__body.single-product.product-profile .profile-dossier-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.girl__body.single-product.product-profile .profile-meta-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 0;
}

.girl__body.single-product.product-profile .profile-meta-row .status-pill,
.girl__body.single-product.product-profile .profile-meta-row .viewers-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  width: auto;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  white-space: nowrap;
}

.girl__body.single-product.product-profile .profile-meta-row .viewers-pill .ep-status__viewers-text {
  white-space: nowrap;
}

.girl__body.single-product.product-profile .profile-about-block {
  margin-top: 0;
  padding: 18px 20px;
}

.girl__body.single-product.product-profile .profile-about-block h3 {
  margin: 0 0 8px;
}

.girl__body.single-product.product-profile .profile-about-block p,
.girl__body.single-product.product-profile .profile-about-text {
  margin: 0;
  color: #A7A0B8;
  line-height: 1.55;
}

.girl__body.single-product.product-profile .profile-about-text {
  -webkit-line-clamp: 3;
}

.girl__body.single-product.product-profile .about-mini {
  padding: 18px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(168, 155, 255, 0.10);
}

.girl__body.single-product.product-profile .about-mini h3,
.girl__body.single-product.product-profile .preference-block h3,
.girl__body.single-product.product-profile .section-header h2 {
  margin: 0 0 8px;
  color: #F4F1FF;
}

.girl__body.single-product.product-profile .about-mini-text {
  color: #A7A0B8;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.girl__body.single-product.product-profile .about-mini-text.is-expanded {
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
}

.girl__body.single-product.product-profile .about-mini .read-more {
  margin-top: 8px;
  color: #A89BFF;
}

.girl__body.single-product.product-profile .profile-preferences,
.girl__body.single-product.product-profile .profile-preferences-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.girl__body.single-product.product-profile .preference-block,
.girl__body.single-product.product-profile .preference-card {
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(168, 155, 255, 0.10);
  min-width: 0;
}

.girl__body.single-product.product-profile .preference-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.girl__body.single-product.product-profile .preference-chip {
  padding: 9px 13px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(168, 155, 255, 0.12);
  color: #DCD8EA;
  font-size: 14px;
  line-height: 1.2;
}

.girl__body.single-product.product-profile .preference-chip--empty {
  color: #A7A0B8;
}

.girl__body.single-product.product-profile .quick-start-card {
  margin-top: auto;
  margin-bottom: 0;
}

.girl__body.single-product.product-profile .profile-benefits-wide {
  width: min(100% - 40px, 1280px);
  margin: 32px auto 0;
  padding: 28px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(168, 155, 255, 0.14);
  box-sizing: border-box;
}

.girl__body.single-product.product-profile .profile-benefits-wide .section-header {
  margin-bottom: 18px;
}

.girl__body.single-product.product-profile .benefits-wide-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.girl__body.single-product.product-profile .benefit-card {
  min-height: 118px;
  padding: 20px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(168, 155, 255, 0.10);
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.girl__body.single-product.product-profile .profile-benefits-cta {
  margin-top: 18px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.girl__body.single-product.product-profile .profile-benefits-cta .ep-cta__btn {
  width: min(100%, 520px);
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.girl__body.single-product.product-profile .profile-benefits-wide > .ep-cta__hint {
  margin-top: 12px;
}

@media (max-width: 1100px) {
  .girl__body.single-product.product-profile .benefits-wide-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .girl__body.single-product.product-profile .profile-hero-grid {
    width: min(100% - 24px, 1280px);
    grid-template-columns: 1fr;
    grid-template-areas:
      "gallery"
      "info";
  }

  .girl__body.single-product.product-profile .profile-dossier-card {
    padding: 24px !important;
    height: auto !important;
    min-height: auto !important;
  }

  .girl__body.single-product.product-profile .profile-benefits-wide {
    width: min(100% - 24px, 1280px);
  }
}

@media (max-width: 640px) {
  .girl__body.single-product.product-profile .quick-start-card {
    margin-top: 24px;
  }

  .girl__body.single-product.product-profile .profile-preferences,
  .girl__body.single-product.product-profile .profile-preferences-grid {
    grid-template-columns: 1fr;
  }

.girl__body.single-product.product-profile .benefits-wide-grid {
    grid-template-columns: 1fr;
  }
}

/* ── Brand logo refresh ───────────────────────────────────────────────── */
.site-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  flex: 0 0 auto;
}

.site-logo__mark {
  position: relative;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: transparent;
  border: 0;
  box-shadow: none;
  overflow: visible;
}

.site-logo__mark::before {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(139, 92, 246, 0.36), transparent 62%);
  filter: blur(8px);
  opacity: 0.75;
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.site-logo__img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 0 8px rgba(139, 92, 246, 0.45)) drop-shadow(0 0 18px rgba(109, 93, 246, 0.18));
}

.site-logo:hover .site-logo__mark::before {
  opacity: 1;
  transform: scale(1.08);
}

.site-logo:hover .site-logo__img {
  filter: drop-shadow(0 0 10px rgba(168, 155, 255, 0.58)) drop-shadow(0 0 22px rgba(109, 93, 246, 0.28));
}

.site-logo__text {
  color: #F4F1FF;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.eg-header__logo {
  gap: 10px;
}

.eg-header__logo-mark.site-logo__mark {
  width: 34px;
  height: 34px;
  flex-basis: 34px;
}

.eg-header__logo-img.site-logo__img {
  width: 100%;
  height: 100%;
}

.footer-logo .site-logo__mark {
  width: 42px;
  height: 42px;
  flex-basis: 42px;
}

.footer-logo .site-logo__mark::before {
  inset: -10px;
  opacity: 0.55;
}

.footer-logo .site-logo__img {
  width: 100%;
  height: 100%;
}

.faq2__illust-catmark {
  overflow: hidden;
}

.faq2__illust-catmark-logo {
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: block;
  opacity: 0.88;
  filter: drop-shadow(0 0 8px rgba(109, 93, 246, 0.18));
}

@media (max-width: 768px) {
  .site-logo__mark,
  .eg-header__logo-mark.site-logo__mark {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
  }

  .site-logo__text,
  .eg-header__logo-text {
    font-size: 14px;
  }
}

/* ── Homepage premium hero refresh ────────────────────────────────────── */
html,
body {
  margin: 0;
  padding: 0;
  background: #08080f;
}

body.home-page {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(circle at 12% 18%, rgba(60, 86, 150, 0.12), transparent 34%),
    radial-gradient(circle at 88% 28%, rgba(139, 92, 246, 0.14), transparent 36%),
    radial-gradient(circle at 50% 62%, rgba(74, 52, 160, 0.10), transparent 42%),
    linear-gradient(180deg, #08080f 0%, #0b0a13 42%, #08080f 100%);
  background-color: #08080f;
}

body.home-page::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 18% 36%, rgba(30, 64, 175, 0.09), transparent 30%),
    radial-gradient(circle at 82% 48%, rgba(139, 92, 246, 0.12), transparent 32%),
    radial-gradient(circle at 45% 78%, rgba(76, 29, 149, 0.10), transparent 36%);
}

body.home-page > main {
  position: relative;
  z-index: 1;
  background: transparent;
}

.home-page,
.home-page .main,
.home-page .main > .container {
  margin-top: 0;
  padding-top: 0;
}

.home-page .eg-header {
  top: 0;
  margin-top: 0;
}

.home-page .top-spacer,
.home-page .header-spacer,
.home-page .announcement-bar,
.home-page .pre-header,
.home-page #wpadminbar {
  display: none !important;
}

.home-page.admin-bar,
.home-page.logged-in {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* #wpadminbar is hidden on the homepage above, but WP core still forces
   `html { margin-top: 32px !important; }` whenever the toolbar would show.
   Cancel that here so the header stays flush with the viewport top instead
   of leaving an empty band where the (hidden) toolbar used to be. */
html:has(body.home-page.admin-bar) {
  margin-top: 0 !important;
}

.home-page .hero-reference,
.home-page .formats-recruit-section,
.home-page .bento-why,
.home-page .hiw,
.home-page .svc,
.home-page .rev,
.home-page .faq2,
.home-page .eg-discord-promo,
.home-page .site-footer {
  background: transparent;
}

.home-page .main {
  position: relative;
  overflow-x: clip;
  background: transparent;
}

.home-page .main::before,
.home-page .main::after,
.home-page section.main::before,
.home-page section.main::after,
.home-page .bento-why::before,
.home-page .bento-why.why-section::before,
.home-page .hiw::before,
.home-page .faq2::before,
.home-page .eg-discord-promo::before,
.home-page .eg-discord-promo::after {
  display: none;
}

.home-page .main > .container {
  position: relative;
  z-index: 1;
}

.home-page .bento-why__glow,
.home-page .hiw__glow,
.home-page .svc__glow,
.home-page .rev__glow,
.home-page .faq2__glow {
  opacity: 0.12;
}

.home-page .eg-header {
  background: rgba(7, 7, 10, 0.72);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(168, 155, 255, 0.08);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

.home-page .eg-header__inner {
  max-width: 1440px;
}

.home-page .eg-header__link,
.home-page .eg-header__mobile-link {
  position: relative;
}

.home-page .eg-header__link.is-current,
.home-page .eg-header__link:hover {
  color: #F4F1FF;
}

.home-page .eg-header__link.is-current::after,
.home-page .eg-header__link:hover::after {
  opacity: 1;
  transform: scaleX(1);
  background: linear-gradient(90deg, transparent, #8B5CF6, transparent);
  box-shadow: 0 0 18px rgba(139, 92, 246, 0.36);
}

.home-page .eg-header__mobile-link.is-current {
  color: #F4F1FF;
  background: rgba(109, 93, 246, 0.1);
  border-color: rgba(168, 155, 255, 0.18);
}

.home-page .eg-header__cta {
  background: linear-gradient(135deg, #4B3FD6, #6D5DF6);
  border: 1px solid rgba(168, 155, 255, 0.35);
  box-shadow: 0 14px 40px rgba(109, 93, 246, 0.28);
}

.home-page .hero-reference.home-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(520px, 1.15fr);
  gap: clamp(40px, 6vw, 96px);
  align-items: center;
  width: 100%;
  min-height: min(820px, max(620px, calc(100vh - 160px)));
  margin-top: 0;
  padding: clamp(24px, 3vw, 44px) 0 clamp(40px, 6vw, 72px);
  overflow: visible;
}

.home-page .hero-reference.home-hero::before,
.home-page .hero-reference.home-hero::after {
  display: none;
}

.home-page .home-hero__bg {
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  filter: blur(90px);
  z-index: 0;
}

.home-page .home-hero__bg--left {
  top: 10%;
  left: -5%;
  width: 280px;
  height: 280px;
  background: rgba(109, 93, 246, 0.22);
}

.home-page .home-hero__bg--right {
  top: 12%;
  right: -2%;
  width: 420px;
  height: 420px;
  background: rgba(168, 155, 255, 0.18);
}

.home-page .home-hero__bg--center {
  left: 42%;
  bottom: 12%;
  width: 240px;
  height: 240px;
  background: rgba(109, 93, 246, 0.12);
}

.home-page .home-hero__content,
.home-page .home-hero__visual {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.home-page .home-hero__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

.home-page .home-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(168, 155, 255, 0.14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  color: #F4F1FF;
  font-size: 14px;
  font-weight: 500;
}

.home-page .home-hero__badge-dot,
.home-page .online-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #8B5CF6;
}

.home-page .home-hero__title {
  margin: 24px 0 0;
  max-width: 12ch;
  font-family: "Muller", sans-serif;
  font-size: clamp(56px, 6vw, 104px);
  font-weight: 900;
  line-height: 0.91;
  letter-spacing: -0.058em;
  color: #F4F1FF;
  text-wrap: balance;
  text-shadow: 0 18px 42px rgba(0, 0, 0, 0.18);
}

.home-page .home-hero__title span {
  display: block;
}

.home-page .home-hero__accent {
  font-style: normal;
  background: linear-gradient(135deg, #F4F1FF 0%, #A89BFF 52%, #6D5DF6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.home-page .home-hero__text {
  max-width: 34rem;
  margin: 22px 0 0;
  color: #B8B1C8;
  font-size: clamp(17px, 1.55vw, 22px);
  line-height: 1.58;
  overflow-wrap: anywhere;
}

.home-page .home-hero__actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 28px;
}

.home-page .home-hero__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 58px;
  padding: 0 28px;
  border-radius: 18px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 800;
  color: #F4F1FF;
  box-sizing: border-box;
  transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease, background 0.24s ease;
}

.home-page .home-hero__btn:hover {
  transform: translateY(-2px);
}

.home-page .home-hero__btn--primary {
  background: linear-gradient(135deg, #4B3FD6, #6D5DF6);
  border: 1px solid rgba(168, 155, 255, 0.35);
  box-shadow: 0 14px 40px rgba(109, 93, 246, 0.28);
}

.home-page .home-hero__btn--primary:hover {
  box-shadow: 0 18px 46px rgba(109, 93, 246, 0.34);
}

.home-page .home-hero__btn--secondary {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(168, 155, 255, 0.14);
}

.home-page .home-hero__btn--secondary:hover {
  background: rgba(109, 93, 246, 0.08);
  border-color: rgba(168, 155, 255, 0.24);
}

.home-page .home-hero__btn-icon {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(168, 155, 255, 0.12);
  flex: 0 0 auto;
}

.home-page .home-hero__trust-grid {
  width: 100%;
  max-width: 690px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 28px;
}

.home-page .home-hero__trust-card {
  min-width: 0;
  min-height: 88px;
  padding: 16px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(168, 155, 255, 0.12);
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  box-sizing: border-box;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.18);
}

.home-page .home-hero__trust-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
}

.home-page .home-hero__trust-icon img {
  width: 24px;
  height: 24px;
}

.home-page .home-hero__trust-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.home-page .home-hero__trust-copy strong {
  color: #F4F1FF;
  font-size: 15px;
  line-height: 1.2;
}

.home-page .home-hero__trust-copy span {
  color: #A7A0B8;
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.home-page .home-hero__stats {
  width: 100%;
  max-width: 760px;
  margin-top: 28px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(168, 155, 255, 0.1);
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

.home-page .home-hero__stat {
  padding: 20px 22px;
  min-width: 0;
  box-sizing: border-box;
}

.home-page .home-hero__stat + .home-hero__stat {
  border-left: 1px solid rgba(255, 255, 255, 0.06);
}

.home-page .home-hero__stat strong {
  display: block;
  color: #CDBDFF;
  font-size: clamp(28px, 2vw, 38px);
  font-weight: 800;
  letter-spacing: -0.04em;
}

.home-page .home-hero__stat span {
  display: block;
  margin-top: 6px;
  color: #A7A0B8;
  font-size: 14px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.home-page .home-hero__visual {
  min-height: 640px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-self: center;
  padding-top: 0;
}

.home-page .home-hero__visual-glow {
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  z-index: 0;
}

.home-page .home-hero__visual-glow--primary {
  width: 680px;
  height: 680px;
  background: radial-gradient(circle, rgba(109, 93, 246, 0.3), transparent 62%);
  filter: blur(80px);
  top: 6%;
  right: -4%;
}

.home-page .home-hero__visual-glow--secondary {
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(168, 155, 255, 0.26), transparent 58%);
  filter: blur(50px);
  bottom: 10%;
  right: 12%;
}

.home-page .home-hero__character-shell {
  position: relative;
  isolation: isolate;
  z-index: 1;
  width: min(100%, 740px);
  height: clamp(560px, 54vw, 760px);
  margin-left: auto;
  align-self: center;
  border-radius: 34px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(7, 7, 10, 0.04), rgba(7, 7, 10, 0.22)),
    rgba(255, 255, 255, 0.02);
}

.home-page .home-hero__character-bg {
  position: absolute;
  inset: -10%;
  z-index: 1;
  width: 120%;
  height: 120%;
  object-fit: cover;
  object-position: 46% 50%;
  pointer-events: none;
  user-select: none;
}

.home-page .home-hero__character-halo {
  position: absolute;
  inset: auto 2% 12% auto;
  width: 78%;
  height: 78%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(128, 90, 255, 0.36), transparent 65%);
  filter: blur(60px);
  z-index: 1;
  pointer-events: none;
}

.home-page .home-hero__character {
  position: absolute;
  z-index: 2;
  width: min(108%, 820px);
  height: auto;
  right: -10%;
  bottom: -10%;
  object-fit: contain;
  object-position: center bottom;
  pointer-events: none;
  user-select: none;
  filter: drop-shadow(0 36px 80px rgba(0, 0, 0, 0.38)) drop-shadow(0 0 42px rgba(139, 92, 246, 0.22));
  transform-origin: 58% 78%;
  animation: heroGirlPulse 6s ease-in-out infinite;
}

.home-page .home-hero__floating-card,
.home-page .home-hero__online-widget {
  position: absolute;
  z-index: 4;
  pointer-events: none;
  background: rgba(16, 16, 24, 0.68);
  border: 1px solid rgba(168, 155, 255, 0.16);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.32);
}

.home-page .home-hero__floating-card {
  min-width: 220px;
  max-width: 260px;
  padding: 14px 16px;
  border-radius: 18px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  animation: floatSoft 6s ease-in-out infinite;
}

.home-page .home-hero__floating-card--1 {
  top: 12%;
  left: 4%;
}

.home-page .home-hero__floating-card--2 {
  top: 34%;
  left: 8%;
  animation-delay: 1.2s;
}

.home-page .home-hero__floating-card--3 {
  top: 56%;
  left: 5%;
  animation-delay: 2.4s;
}

.home-page .home-hero__floating-avatar {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(168, 155, 255, 0.14);
  flex: 0 0 auto;
}

.home-page .home-hero__floating-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.home-page .home-hero__floating-copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.home-page .home-hero__floating-top {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.home-page .home-hero__floating-top strong {
  color: #F4F1FF;
  font-size: 15px;
}

.home-page .home-hero__floating-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #B8B1C8;
  font-size: 12px;
}

.home-page .home-hero__floating-status.is-online {
  color: #D9FCE7;
}

.home-page .home-hero__floating-status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #A89BFF;
  box-shadow: 0 0 12px rgba(168, 155, 255, 0.45);
}

.home-page .home-hero__floating-status.is-online .home-hero__floating-status-dot {
  background: #22C55E;
  box-shadow: 0 0 12px rgba(34, 197, 94, 0.45);
}

.home-page .home-hero__floating-copy p {
  margin: 0;
  color: #F4F1FF;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}

.home-page .home-hero__floating-copy span:last-child {
  color: #A7A0B8;
  font-size: 12px;
}

.home-page .home-hero__online-widget {
  left: 4%;
  bottom: 8%;
  min-width: 250px;
  padding: 14px 16px;
  border-radius: 18px;
  display: grid;
  gap: 12px;
  animation: floatSoft 7s ease-in-out infinite;
  animation-delay: 1.6s;
}

.home-page .home-hero__online-head {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  color: #F4F1FF;
}

.home-page .home-hero__online-head strong {
  font-size: 18px;
}

.home-page .home-hero__online-head span:last-child {
  color: #CFC8DD;
  font-size: 14px;
}

.home-page .home-hero__online-avatars {
  display: flex;
  align-items: center;
}

.home-page .home-hero__online-avatars img,
.home-page .home-hero__online-avatars span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid rgba(16, 16, 24, 0.84);
  margin-left: -8px;
}

.home-page .home-hero__online-avatars img:first-child,
.home-page .home-hero__online-avatars span:first-child {
  margin-left: 0;
}

.home-page .home-hero__online-avatars img {
  object-fit: cover;
  display: block;
}

.home-page .home-hero__online-avatars span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.08);
  color: #F4F1FF;
  font-size: 12px;
  font-weight: 700;
}

.home-page {
  --home-section-gap: clamp(48px, 6vw, 84px);
  --home-section-gap-small: clamp(36px, 4vw, 64px);
}

.home-page .formats-recruit-section.formats-section {
  margin-top: var(--home-section-gap-small);
  padding-bottom: var(--home-section-gap-small);
}

.home-page .bento-why.why-section.home-trust,
.home-page .svc,
.home-page .rev,
.home-page .faq2,
.home-page .eg-discord-promo {
  padding-top: var(--home-section-gap-small);
  padding-bottom: var(--home-section-gap-small);
}

.home-page .hiw.home-process.process-section {
  margin-top: var(--home-section-gap-small);
  padding-top: 0;
  padding-bottom: var(--home-section-gap-small);
}

@media (max-width: 768px) {
  .home-page {
    --home-section-gap: clamp(44px, 9vw, 68px);
    --home-section-gap-small: clamp(32px, 7vw, 56px);
  }
}

.home-page .formats-recruit-section.formats-section {
  margin: var(--home-section-gap-small) auto 0;
  padding: 0 0 var(--home-section-gap-small);
  position: relative;
  background: transparent;
}

.home-page .formats-section-inner {
  width: min(100% - 48px, 1180px);
  max-width: 1180px;
  margin-inline: auto;
}

.home-page .formats-recruit-card {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
  gap: clamp(26px, 3vw, 44px);
  padding: clamp(28px, 3.4vw, 48px);
  border-radius: 34px;
  background:
    radial-gradient(circle at 82% 18%, rgba(139, 92, 246, 0.14), transparent 38%),
    radial-gradient(circle at 12% 80%, rgba(59, 130, 246, 0.08), transparent 42%),
    rgba(22, 21, 34, 0.76);
  border: 1px solid rgba(180, 150, 255, 0.14);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 34px 90px rgba(0, 0, 0, 0.36);
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.home-page .formats-recruit-card::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 28%);
  pointer-events: none;
}

.home-page .formats-panel,
.home-page .recruit-panel,
.home-page .recruit-content {
  min-width: 0;
}

.home-page .formats-panel {
  position: relative;
  z-index: 1;
}

.home-page .formats-panel__intro {
  max-width: 620px;
}

.home-page .formats-kicker {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(139, 92, 246, 0.10);
  border: 1px solid rgba(180, 150, 255, 0.16);
  color: #c4b5fd;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.home-page .formats-title {
  margin: 0;
  color: #f6f2ff;
  font-weight: 900;
  font-size: clamp(34px, 4.2vw, 58px);
  line-height: 1.02;
  letter-spacing: -0.045em;
  text-wrap: balance;
}

.home-page .formats-title span {
  color: #a78bfa;
  text-shadow: 0 0 30px rgba(139, 92, 246, 0.28);
}

.home-page .formats-subtitle {
  max-width: 620px;
  margin: 22px 0 0;
  color: rgba(236, 232, 255, 0.74);
  font-size: clamp(15.5px, 1.2vw, 18px);
  line-height: 1.58;
  overflow-wrap: break-word;
}

.home-page .formats-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 28px;
}

.home-page .format-card {
  min-width: 0;
  min-height: 132px;
  padding: 22px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 0% 0%, rgba(139, 92, 246, 0.10), transparent 42%),
    rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(180, 150, 255, 0.11);
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  box-sizing: border-box;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease,
    box-shadow 0.18s ease;
}

.home-page .format-card:hover {
  transform: translateY(-2px);
  border-color: rgba(180, 150, 255, 0.22);
  background:
    radial-gradient(circle at 0% 0%, rgba(139, 92, 246, 0.16), transparent 46%),
    rgba(255, 255, 255, 0.045);
  box-shadow: 0 0 34px rgba(139, 92, 246, 0.10);
}

.home-page .format-card__icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.12);
  border: 1px solid rgba(180, 150, 255, 0.13);
  box-shadow: 0 0 20px rgba(139, 92, 246, 0.14);
}

.home-page .format-card__icon::before {
  content: "";
  width: 26px;
  height: 26px;
  background-image: var(--format-icon);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  object-fit: contain;
  filter: drop-shadow(0 0 10px rgba(139, 92, 246, 0.45));
}

.home-page .format-card__copy {
  min-width: 0;
}

.home-page .format-card-title {
  margin: 0 0 8px;
  color: #f7f3ff;
  font-weight: 900;
  font-size: clamp(18px, 1.35vw, 21px);
  line-height: 1.12;
  letter-spacing: -0.02em;
}

.home-page .format-card-text {
  margin: 0;
  color: rgba(236, 232, 255, 0.72);
  font-size: 15px;
  line-height: 1.45;
}

.home-page .formats-stats,
.home-page .format-stats,
.home-page .formats-bottom-stats,
.home-page .formats-stat-row {
  display: none !important;
}

.home-page .recruit-panel {
  position: relative;
  min-height: 100%;
  border-radius: 30px;
  overflow: hidden;
  padding: clamp(30px, 3vw, 44px);
  background:
    radial-gradient(circle at 78% 50%, rgba(139, 92, 246, 0.22), transparent 42%),
    rgba(16, 15, 28, 0.82);
  border: 1px solid rgba(180, 150, 255, 0.15);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 30px 80px rgba(0, 0, 0, 0.32);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}

.home-page .recruit-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(10, 10, 18, 0.92) 0%, rgba(10, 10, 18, 0.72) 40%, rgba(10, 10, 18, 0.20) 72%, rgba(10, 10, 18, 0.06) 100%),
    radial-gradient(circle at 82% 50%, rgba(139, 92, 246, 0.18), transparent 46%);
  pointer-events: none;
}

.home-page .recruit-panel::after {
  content: "";
  position: absolute;
  right: -110px;
  bottom: -120px;
  width: 320px;
  height: 320px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(139, 92, 246, 0.28), transparent 68%);
  filter: blur(48px);
  pointer-events: none;
  z-index: 0;
}

.home-page .recruit-content {
  position: relative;
  z-index: 2;
  max-width: 420px;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.home-page .become-badge {
  width: fit-content;
  min-height: 38px;
  padding: 0 18px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #6d5df6, #a855f7);
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-shadow:
    0 0 24px rgba(139, 92, 246, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
  margin-bottom: 28px;
}

.home-page .become-title {
  margin: 0;
  max-width: 420px;
  color: #f6f2ff;
  font-weight: 900;
  font-size: clamp(32px, 3.8vw, 54px);
  line-height: 1.04;
  letter-spacing: -0.045em;
  text-wrap: balance;
}

.home-page .become-title span {
  color: #a78bfa;
  text-shadow: 0 0 30px rgba(139, 92, 246, 0.28);
}

.home-page .become-text {
  max-width: 420px;
  margin: 24px 0 0;
  color: rgba(236, 232, 255, 0.74);
  font-size: 16px;
  line-height: 1.55;
}

.home-page .recruit-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

.home-page .become-chip {
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(180, 150, 255, 0.12);
  color: rgba(246, 242, 255, 0.86);
  font-size: 13.5px;
  font-weight: 750;
  backdrop-filter: blur(10px);
}

.home-page .become-chip--violet {
  background: rgba(139, 92, 246, 0.14);
  border-color: rgba(180, 150, 255, 0.18);
}

.home-page .become-chip--blue {
  background: rgba(96, 165, 250, 0.12);
  border-color: rgba(96, 165, 250, 0.18);
}

.home-page .become-chip--emerald {
  background: rgba(52, 211, 153, 0.10);
  border-color: rgba(52, 211, 153, 0.18);
}

.home-page .recruit-emblem {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}

.home-page .recruit-emblem::before {
  content: "";
  position: absolute;
  inset: 8% -2% 6% 24%;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(109, 93, 246, 0.46), transparent 66%);
  filter: blur(36px);
  pointer-events: none;
}

.home-page .recruit-emblem img {
  position: absolute;
  z-index: 1;
  right: -110%;
  top: -10%;
  transform: translateY(-50%);
  width: auto;
  max-width: none;
  height: 135%;
  object-fit: cover;
  object-position: right center;
  display: block;
  opacity: 1;
  filter:
    drop-shadow(0 0 22px rgba(168, 155, 255, 0.44))
    drop-shadow(0 32px 68px rgba(0, 0, 0, 0.40));
  animation: emblemFloat 6s ease-in-out infinite;
}

.home-page .recruit-button {
  margin-top: 34px;
  width: min(100%, 320px);
  min-height: 62px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background: linear-gradient(135deg, #5b4bff, #8b5cf6);
  color: #fff;
  font-weight: 850;
  text-decoration: none;
  box-shadow:
    0 0 30px rgba(139, 92, 246, 0.36),
    0 18px 42px rgba(91, 75, 255, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.14);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
  white-space: nowrap;
}

.home-page .recruit-button:hover {
  transform: translateY(-1px);
  box-shadow:
    0 0 40px rgba(139, 92, 246, 0.48),
    0 22px 52px rgba(91, 75, 255, 0.30),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

@media (max-width: 980px) {
  .home-page .formats-recruit-card {
    grid-template-columns: 1fr;
  }

  .home-page .recruit-panel {
    min-height: 520px;
  }

  .home-page .recruit-emblem {
    inset: 0;
  }

  .home-page .recruit-emblem img {
    right: -98%;
    top: 50%;
    height: 124%;
  }
}

@media (max-width: 640px) {
  .home-page .formats-section-inner {
    width: min(100% - 24px, 1180px);
  }

  .home-page .formats-recruit-card {
    padding: 24px;
    gap: 22px;
    border-radius: 26px;
  }

  .home-page .formats-grid,
  .home-page .formats-stats {
    grid-template-columns: 1fr;
  }

  .home-page .format-card {
    padding: 20px;
  }

  .home-page .become-title {
    font-size: clamp(30px, 10vw, 42px);
  }

  .home-page .recruit-panel {
    min-height: auto;
    padding: 26px 24px 28px;
  }

  .home-page .recruit-content {
    max-width: 100%;
  }

  .home-page .recruit-emblem {
    position: relative;
    inset: auto;
    width: 100%;
    min-height: 260px;
    height: 260px;
    max-width: 100%;
    margin: 18px auto 0;
  }

  .home-page .recruit-emblem img {
    left: 0;
    right: auto;
    top: 0;
    transform: none;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: 52% 34%;
  }

  .home-page .recruit-button {
    width: 100%;
  }
}

@keyframes emblemFloat {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

@keyframes floatSoft {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

@keyframes heroGirlPulse {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(0, -4px, 0) scale(1.012);
  }
}

@keyframes pulseDot {
  0% {
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.45);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(34, 197, 94, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
  }
}

.home-page .online-dot {
  background: #22C55E;
  box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.45);
  animation: pulseDot 2s infinite;
}

@media (max-width: 1280px) {
  .home-page .hero-reference.home-hero {
    grid-template-columns: minmax(0, 0.92fr) minmax(440px, 1.08fr);
    gap: 40px;
  }

  .home-page .home-hero__title {
    font-size: clamp(52px, 5.4vw, 82px);
  }

  .home-page .home-discovery__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1100px) {
  .home-page .hero-reference.home-hero {
    grid-template-columns: minmax(0, 1fr) minmax(400px, 0.95fr);
  }

  .home-page .home-hero__trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 560px;
  }

  .home-page .home-hero__trust-card:last-child {
    grid-column: 1 / -1;
  }

  .home-page .home-hero__floating-card--1 {
    left: 0;
  }

  .home-page .home-hero__floating-card--2 {
    left: 3%;
  }

  .home-page .home-hero__floating-card--3 {
    left: 1%;
  }
}

@media (max-width: 1024px) {
  .home-page .hero-reference.home-hero {
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 28px;
    padding: clamp(24px, 4vw, 40px) 0 40px;
  }

  .home-page .home-hero__content {
    order: 1;
  }

  .home-page .home-hero__visual {
    order: 2;
    min-height: 560px;
    justify-content: center;
  }

  .home-page .home-hero__character-shell {
    height: clamp(520px, 78vw, 700px);
  }

  .home-page .home-hero__title {
    max-width: 13ch;
    font-size: clamp(46px, 7vw, 68px);
  }

  .home-page .home-hero__stats {
    max-width: none;
  }

  .home-page .home-hero__floating-card--1 {
    top: 10%;
    left: 4%;
  }

  .home-page .home-hero__floating-card--2 {
    top: 30%;
    left: 0;
  }

  .home-page .home-hero__floating-card--3 {
    top: auto;
    bottom: 18%;
    left: 4%;
  }

  .home-page .home-discovery__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .home-page .hero-reference.home-hero {
    padding: clamp(24px, 6vw, 32px) 0 36px;
  }

  .home-page .home-hero__title {
    max-width: 10ch;
    font-size: clamp(38px, 11vw, 54px);
  }

  .home-page .home-hero__text {
    max-width: none;
    font-size: 16px;
  }

  .home-page .home-hero__actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .home-page .home-hero__btn {
    width: 100%;
  }

  .home-page .home-hero__trust-grid {
    grid-template-columns: 1fr;
    max-width: none;
  }

  .home-page .home-hero__trust-card:last-child {
    grid-column: auto;
  }

  .home-page .home-hero__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-page .home-hero__stat:nth-child(3),
  .home-page .home-hero__stat:nth-child(4) {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
  }

  .home-page .home-hero__stat:nth-child(3) {
    border-left: 0;
  }

  .home-page .home-hero__visual {
    min-height: 440px;
  }

  .home-page .home-hero__character-shell {
    width: 100%;
    height: clamp(360px, 78vw, 520px);
  }

  .home-page .home-hero__floating-card {
    display: none;
  }

  .home-page .home-hero__online-widget {
    left: 14px;
    right: 14px;
    bottom: 18px;
    min-width: 0;
    width: auto;
  }

  .home-page .home-discovery__main,
  .home-page .home-recruit-card {
    padding: 24px;
  }

  .home-page .home-discovery__cards {
    grid-template-columns: 1fr;
  }

  .home-page .home-category-card {
    min-height: 0;
  }

  .home-page .home-recruit-card__btn {
    width: 100%;
  }
}

@media (max-width: 430px) {
  .home-page .home-hero__stats {
    grid-template-columns: 1fr;
  }

  .home-page .home-hero__stat + .home-hero__stat {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
  }
}

@media (max-width: 480px) {
  .home-page .eg-header__inner {
    padding: 0 14px;
  }

  .home-page .eg-header__actions {
    gap: 4px;
  }

  .home-page .eg-header__icon-btn,
  .home-page .eg-header__actions .cart-link,
  .home-page .eg-header__burger {
    width: 34px;
    height: 34px;
    min-width: 34px;
    flex: 0 0 34px;
  }

  .home-page .eg-header__logo {
    gap: 8px;
  }

  .home-page .eg-header__logo-text {
    font-size: 13px;
  }

  .home-page .home-hero__badge {
    font-size: 12px;
    padding: 10px 14px;
  }

  .home-page .home-hero__trust-card {
    grid-template-columns: 40px minmax(0, 1fr);
    padding: 14px;
  }

  .home-page .home-hero__stat {
    padding: 18px 16px;
  }

  .home-page .home-hero__stat strong {
    font-size: 26px;
  }

  .home-page .home-hero__visual {
    min-height: 390px;
  }

  .home-page .home-hero__character-bg {
    inset: -8%;
    width: 116%;
    height: 116%;
    object-position: center center;
  }

  .home-page .home-hero__character {
    width: min(100%, 430px);
    right: -10%;
    bottom: -10%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .home-hero__character,
  .home-page .home-hero__floating-card,
  .home-page .home-hero__online-widget,
  .home-page .online-dot,
  .home-page .recruit-emblem img,
  .home-page .home-hero__btn,
  .home-page .home-category-card,
  .home-page .home-recruit-card__btn {
    animation: none !important;
    transition: none !important;
  }
}

.home-page .eg-discord-promo--home {
  position: relative;
  overflow: visible;
}

.home-page .eg-discord-promo--home .discord-banner {
  position: relative;
  isolation: isolate;
  width: min(100% - 48px, 1180px);
  min-height: clamp(460px, 40vw, 560px);
  margin-inline: auto;
  padding:
    clamp(32px, 3.8vw, 52px)
    clamp(32px, 3.8vw, 52px)
    clamp(36px, 4vw, 52px);
  border-radius: 32px;
  overflow: hidden;
  box-sizing: border-box;
  background:
    radial-gradient(circle at 76% 22%, rgba(139, 92, 246, 0.22), transparent 36%),
    radial-gradient(circle at 16% 84%, rgba(59, 130, 246, 0.08), transparent 38%),
    linear-gradient(135deg, rgba(19, 18, 30, 0.9), rgba(12, 11, 20, 0.96));
  border: 1px solid rgba(180, 150, 255, 0.15);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 34px 90px rgba(0, 0, 0, 0.38),
    0 0 80px rgba(109, 93, 246, 0.08);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.home-page .eg-discord-promo--home .discord-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 78% 28%, rgba(139, 92, 246, 0.2), transparent 34%),
    radial-gradient(circle at 58% 48%, rgba(109, 93, 246, 0.1), transparent 42%);
}

.home-page .eg-discord-promo--home .discord-banner::after {
  content: "";
  position: absolute;
  right: 8%;
  top: 12%;
  width: min(38vw, 460px);
  height: min(18vw, 220px);
  border: 1px solid rgba(180, 150, 255, 0.16);
  border-radius: 999px;
  transform: rotate(-10deg);
  filter: blur(0.2px);
  opacity: 0.65;
  pointer-events: none;
  z-index: 1;
}

.home-page .eg-discord-promo--home .discord-content {
  position: relative;
  z-index: 4;
}

.home-page .eg-discord-promo--home .discord-content {
  max-width: 500px;
}

.home-page .eg-discord-promo--home .discord-kicker {
  width: fit-content;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: clamp(26px, 3vw, 38px);
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(180, 150, 255, 0.16);
  color: #f2edff;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-shadow: 0 0 28px rgba(139, 92, 246, 0.12);
}

.home-page .eg-discord-promo--home .discord-kicker-icon {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.home-page .eg-discord-promo--home .discord-kicker-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 0 10px rgba(139, 92, 246, 0.5));
}

.home-page .eg-discord-promo--home .discord-title {
  margin: 0;
  max-width: 560px;
  color: #f7f3ff;
  font-size: clamp(38px, 4.2vw, 58px);
  font-weight: 950;
  line-height: 0.98;
  letter-spacing: -0.05em;
  text-wrap: balance;
}

.home-page .eg-discord-promo--home .discord-title span {
  color: #8b5cf6;
  text-shadow: 0 0 34px rgba(139, 92, 246, 0.34);
}

.home-page .eg-discord-promo--home .discord-subtitle {
  max-width: 560px;
  margin: 24px 0 0;
  color: rgba(236, 232, 255, 0.76);
  font-size: clamp(15.5px, 1.15vw, 18px);
  line-height: 1.52;
}

.home-page .eg-discord-promo--home .discord-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}

.home-page .eg-discord-promo--home .discord-tags span {
  min-height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(180, 150, 255, 0.14);
  color: rgba(246, 242, 255, 0.88);
  font-size: 14px;
  font-weight: 800;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.home-page .eg-discord-promo--home .discord-cta-row {
  display: flex;
  align-items: center;
  gap: 26px;
  margin-top: 34px;
}

.home-page .eg-discord-promo--home .discord-cta {
  min-width: 290px;
  min-height: 62px;
  padding: 0 24px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background: linear-gradient(135deg, #5b4bff, #8b5cf6);
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  text-decoration: none;
  box-shadow:
    0 0 36px rgba(139, 92, 246, 0.36),
    0 18px 44px rgba(91, 75, 255, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.home-page .eg-discord-promo--home .discord-cta:hover {
  transform: translateY(-2px);
  box-shadow:
    0 0 46px rgba(139, 92, 246, 0.5),
    0 24px 54px rgba(91, 75, 255, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.home-page .eg-discord-promo--home .discord-cta-icon {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.home-page .eg-discord-promo--home .discord-cta-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.home-page .eg-discord-promo--home .discord-cta-arrow {
  font-size: 24px;
  line-height: 1;
}

.home-page .eg-discord-promo--home .discord-handnote {
  font-family: "Caveat", cursive !important;
  color: #b894ff;
  font-size: clamp(22px, 2vw, 32px);
  line-height: 1.05;
  font-weight: 700;
  transform: rotate(-6deg);
  opacity: 0.9;
  white-space: nowrap;
  text-shadow:
    0 0 18px rgba(139, 92, 246, 0.36),
    0 0 34px rgba(139, 92, 246, 0.18);
}

.home-page .eg-discord-promo--home .discord-visual {
  position: absolute;
  z-index: 2;
  right: clamp(32px, 5vw, 72px);
  top: clamp(40px, 6vw, 72px);
  width: min(46%, 560px);
  min-height: 380px;
  pointer-events: none;
}

.home-page .eg-discord-promo--home .discord-orbit-scene {
  position: absolute;
  z-index: 0;
  top: -24px;
  right: -12px;
  width: clamp(380px, 32vw, 540px);
  height: clamp(240px, 21vw, 340px);
  pointer-events: none;
  filter: drop-shadow(0 0 26px rgba(139, 92, 246, 0.18));
}

.home-page .eg-discord-promo--home .discord-orbit-scene::before {
  content: "";
  position: absolute;
  inset: 10% 6%;
  border-radius: 999px;
  background:
    radial-gradient(circle at 52% 46%, rgba(139, 92, 246, 0.24), transparent 34%),
    radial-gradient(circle at 68% 42%, rgba(168, 85, 247, 0.16), transparent 42%),
    radial-gradient(circle at 34% 62%, rgba(59, 130, 246, 0.11), transparent 38%);
  filter: blur(4px);
  opacity: 0.95;
}

.home-page .eg-discord-promo--home .discord-orbit {
  position: absolute;
  left: 7%;
  right: 7%;
  top: 32%;
  height: 38%;
  border-radius: 999px;
  border: 2px solid rgba(180, 150, 255, 0.22);
  box-shadow:
    0 0 18px rgba(139, 92, 246, 0.28),
    inset 0 0 18px rgba(139, 92, 246, 0.1);
  pointer-events: none;
}

.home-page .eg-discord-promo--home .discord-orbit-1 {
  transform: rotate(-10deg);
  border-color: rgba(180, 150, 255, 0.3);
}

.home-page .eg-discord-promo--home .discord-orbit-2 {
  top: 37%;
  left: 2%;
  right: 2%;
  height: 30%;
  transform: rotate(7deg);
  border-color: rgba(139, 92, 246, 0.18);
  opacity: 0.75;
}

.home-page .eg-discord-promo--home .discord-orbit-dot {
  position: absolute;
  border-radius: 999px;
  background: radial-gradient(circle at 35% 30%, #e9d5ff, #8b5cf6 48%, #2e1065 100%);
  box-shadow:
    0 0 16px rgba(139, 92, 246, 0.65),
    0 0 34px rgba(139, 92, 246, 0.25);
}

.home-page .eg-discord-promo--home .discord-orbit-dot-1 {
  left: 12%;
  top: 48%;
  width: 12px;
  height: 12px;
  opacity: 0.85;
}

.home-page .eg-discord-promo--home .discord-orbit-dot-2 {
  right: 18%;
  top: 20%;
  width: 10px;
  height: 10px;
  opacity: 0.75;
}

.home-page .eg-discord-promo--home .discord-orbit-dot-3 {
  left: 28%;
  bottom: 14%;
  width: 22px;
  height: 22px;
  opacity: 0.62;
}

.home-page .eg-discord-promo--home .discord-orbit-poly {
  position: absolute;
  right: 2%;
  top: 48%;
  width: 60px;
  height: 60px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.22), rgba(59, 130, 246, 0.06));
  clip-path: polygon(50% 0%, 95% 25%, 80% 82%, 28% 96%, 0% 50%);
  border: 1px solid rgba(180, 150, 255, 0.14);
  opacity: 0.4;
  filter:
    drop-shadow(0 0 16px rgba(139, 92, 246, 0.2))
    blur(0.1px);
}

.home-page .eg-discord-promo--home .discord-hero-icon {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 4%;
  width: clamp(300px, 26vw, 430px);
  height: auto;
  object-fit: contain;
  display: block;
  filter:
    drop-shadow(0 0 28px rgba(139, 92, 246, 0.42))
    drop-shadow(0 0 80px rgba(109, 93, 246, 0.18));
  user-select: none;
  pointer-events: none;
}

.home-page .eg-discord-promo--home .discord-server-card {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  top: clamp(235px, 22vw, 300px);
  min-height: 132px;
  padding: 20px 26px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 0% 0%, rgba(139, 92, 246, 0.14), transparent 42%),
    rgba(22, 21, 34, 0.78);
  border: 1px solid rgba(180, 150, 255, 0.16);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 28px 70px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  pointer-events: none;
}

.home-page .eg-discord-promo--home .discord-server-header {
  display: flex;
  align-items: center;
  gap: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(180, 150, 255, 0.12);
}

.home-page .eg-discord-promo--home .discord-server-logo {
  width: 58px;
  height: 58px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(180, 150, 255, 0.16);
  box-shadow: 0 0 28px rgba(139, 92, 246, 0.22);
  flex: 0 0 auto;
}

.home-page .eg-discord-promo--home .discord-server-logo img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  display: block;
}

.home-page .eg-discord-promo--home .discord-server-title {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  color: #f6f2ff;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: -0.025em;
}

.home-page .eg-discord-promo--home .online-dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 12px rgba(34, 197, 94, 0.55);
}

.home-page .eg-discord-promo--home .online-text {
  color: rgba(236, 232, 255, 0.66);
  font-size: 14px;
  font-weight: 600;
}

.home-page .eg-discord-promo--home .discord-server-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  padding-top: 16px;
}

.home-page .eg-discord-promo--home .discord-server-stats > div {
  display: grid;
  gap: 5px;
  color: rgba(236, 232, 255, 0.72);
}

.home-page .eg-discord-promo--home .discord-server-stats strong {
  color: #f6f2ff;
  font-size: 17px;
  font-weight: 900;
}

.home-page .eg-discord-promo--home .discord-server-stats span {
  font-size: 13.5px;
}

@media (max-width: 1100px) {
  .home-page .eg-discord-promo--home .discord-banner {
    min-height: auto;
    padding-bottom: clamp(32px, 3.8vw, 46px);
  }

  .home-page .eg-discord-promo--home .discord-visual {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    min-height: 500px;
    margin-top: 40px;
  }

  .home-page .eg-discord-promo--home .discord-orbit-scene {
    left: 50%;
    right: auto;
    top: -10px;
    width: min(100%, 560px);
    height: 360px;
    transform: translateX(-50%);
  }

  .home-page .eg-discord-promo--home .discord-hero-icon {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: clamp(300px, 62vw, 480px);
  }

  .home-page .eg-discord-promo--home .discord-server-card {
    top: 270px;
    left: 50%;
    right: auto;
    width: min(100%, 560px);
    transform: translateX(-50%);
  }
}

@media (max-width: 720px) {
  .home-page .eg-discord-promo--home .discord-banner {
    width: min(100% - 32px, 1180px);
    padding: 24px;
    border-radius: 24px;
  }

  .home-page .eg-discord-promo--home .discord-banner::after {
    width: 280px;
    height: 148px;
    right: -10%;
    top: 10%;
  }

  .home-page .eg-discord-promo--home .discord-title {
    font-size: clamp(34px, 11vw, 48px);
  }

  .home-page .eg-discord-promo--home .discord-subtitle {
    font-size: 15.5px;
  }

  .home-page .eg-discord-promo--home .discord-tags {
    gap: 8px;
  }

  .home-page .eg-discord-promo--home .discord-tags span {
    min-height: 36px;
    font-size: 13.5px;
  }

  .home-page .eg-discord-promo--home .discord-cta-row {
    display: grid;
    gap: 16px;
  }

  .home-page .eg-discord-promo--home .discord-cta {
    width: 100%;
    min-width: 0;
    min-height: 58px;
    font-size: 17px;
  }

  .home-page .eg-discord-promo--home .discord-handnote {
    display: none;
  }

  .home-page .eg-discord-promo--home .discord-visual {
    min-height: 440px;
  }

  .home-page .eg-discord-promo--home .discord-orbit-scene {
    width: 420px;
    height: 280px;
    top: -2px;
    opacity: 0.82;
  }

  .home-page .eg-discord-promo--home .discord-hero-icon {
    width: clamp(240px, 68vw, 360px);
  }

  .home-page .eg-discord-promo--home .discord-server-card {
    top: 220px;
    padding: 18px;
  }

  .home-page .eg-discord-promo--home .discord-server-header {
    align-items: flex-start;
    gap: 14px;
  }

  .home-page .eg-discord-promo--home .discord-server-title {
    font-size: 18px;
  }

  .home-page .eg-discord-promo--home .discord-server-stats {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 540px) {
  .home-page .eg-discord-promo--home .discord-kicker {
    min-height: 40px;
    padding: 0 16px;
    font-size: 12px;
  }

  .home-page .eg-discord-promo--home .discord-tags span {
    width: 100%;
    justify-content: center;
  }

  .home-page .eg-discord-promo--home .discord-visual {
    min-height: 480px;
  }

  .home-page .eg-discord-promo--home .discord-orbit-scene {
    width: 390px;
    height: 250px;
    opacity: 0.75;
  }

  .home-page .eg-discord-promo--home .discord-server-title {
    gap: 6px;
  }
}

/* ── Home FAQ premium trust section v2 ───────────────────────────────── */
.faq2.faq-section {
  position: relative;
  padding-block: clamp(72px, 9vw, 130px);
  overflow: hidden;
  background: transparent;
}

.faq2.faq-section .faq2__glow {
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  filter: blur(118px);
  opacity: 0.18;
}

.faq2.faq-section .faq2__glow--1 {
  width: 420px;
  height: 420px;
  top: 8%;
  left: -150px;
  background: rgba(59, 130, 246, 0.18);
}

.faq2.faq-section .faq2__glow--2 {
  width: 460px;
  height: 460px;
  right: -150px;
  bottom: 6%;
  background: rgba(139, 92, 246, 0.22);
}

.faq2.faq-section .faq-shell {
  position: relative;
  z-index: 1;
  width: min(100% - 48px, 1180px);
  margin-inline: auto;
  padding: clamp(28px, 4vw, 42px);
  border-radius: 34px;
  background:
    radial-gradient(circle at 82% 18%, rgba(139, 92, 246, 0.13), transparent 38%),
    radial-gradient(circle at 8% 78%, rgba(59, 130, 246, 0.06), transparent 34%),
    linear-gradient(135deg, rgba(18, 17, 28, 0.88), rgba(9, 9, 14, 0.96));
  border: 1px solid rgba(180, 150, 255, 0.13);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 34px 90px rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(360px, 0.96fr);
  gap: clamp(26px, 3vw, 42px);
  align-items: stretch;
}

.faq2.faq-section .faq-left {
  min-width: 0;
}

.faq2.faq-section .faq-heading {
  max-width: 480px;
  margin: 0 0 28px;
}

.faq2.faq-section .faq-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(139, 92, 246, 0.08);
  border: 1px solid rgba(180, 150, 255, 0.16);
  color: #c4b5fd;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.faq2.faq-section .faq-heading h2 {
  margin: 0;
  color: #f7f3ff;
  font-size: clamp(38px, 4.8vw, 64px);
  line-height: 0.98;
  letter-spacing: -0.055em;
  font-weight: 950;
  text-align: left;
}

.faq2.faq-section .faq-filter-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 22px;
}

.faq2.faq-section .faq-filter-pill {
  min-height: 36px;
  padding: 0 15px;
  border-radius: 999px;
  border: 1px solid rgba(180, 150, 255, 0.12);
  background: rgba(255, 255, 255, 0.035);
  color: rgba(246, 242, 255, 0.76);
  font-weight: 800;
  font-size: 13px;
  cursor: pointer;
  transition:
    background 0.16s ease,
    border-color 0.16s ease,
    color 0.16s ease,
    transform 0.16s ease,
    box-shadow 0.16s ease;
}

.faq2.faq-section .faq-filter-pill:hover {
  transform: translateY(-1px);
  border-color: rgba(139, 92, 246, 0.24);
  color: #f7f3ff;
}

.faq2.faq-section .faq-filter-pill.is-active {
  background: linear-gradient(135deg, #6d5df6, #8b5cf6);
  border-color: rgba(255, 255, 255, 0.14);
  color: #fff;
  box-shadow: 0 0 24px rgba(139, 92, 246, 0.24);
}

.faq2.faq-section .faq-accordion {
  display: grid;
  gap: 10px;
}

.faq2.faq-section .faq-item {
  border-radius: 18px;
  background: rgba(14, 13, 22, 0.74);
  border: 1px solid rgba(180, 150, 255, 0.10);
  overflow: hidden;
  transition:
    border-color 0.18s ease,
    background 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}

.faq2.faq-section .faq-item[hidden] {
  display: none !important;
}

.faq2.faq-section .faq-item:hover {
  transform: translateY(-1px);
  border-color: rgba(139, 92, 246, 0.22);
  background: rgba(19, 18, 30, 0.84);
}

.faq2.faq-section .faq-item.is-open {
  border-color: rgba(139, 92, 246, 0.34);
  background:
    radial-gradient(circle at 0% 0%, rgba(139, 92, 246, 0.10), transparent 42%),
    rgba(19, 18, 30, 0.88);
  box-shadow:
    0 0 34px rgba(139, 92, 246, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.faq2.faq-section .faq-question {
  width: 100%;
  min-height: 70px;
  padding: 0 18px;
  border: 0;
  background: transparent;
  color: #f7f3ff;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.faq2.faq-section .faq-question:hover {
  background: rgba(255, 255, 255, 0.018);
}

.faq2.faq-section .faq-question-icon {
  width: 40px;
  height: 40px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  background: rgba(139, 92, 246, 0.08);
  border: 1px solid rgba(180, 150, 255, 0.10);
  color: #a78bfa;
  filter: drop-shadow(0 0 12px rgba(139, 92, 246, 0.16));
  flex: 0 0 auto;
}

.faq2.faq-section .faq-question-icon img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.faq2.faq-section .faq-item.is-open .faq-question-icon {
  background: rgba(139, 92, 246, 0.16);
  border-color: rgba(180, 150, 255, 0.18);
  color: #c4b5fd;
}

.faq2.faq-section .faq-question-text {
  font-weight: 900;
  font-size: 15.5px;
  line-height: 1.25;
  letter-spacing: -0.015em;
}

.faq2.faq-section .faq-question-arrow {
  color: #a78bfa;
  font-size: 18px;
  line-height: 1;
  transition: transform 0.18s ease;
}

.faq2.faq-section .faq-item.is-open .faq-question-arrow {
  transform: rotate(180deg);
}

.faq2.faq-section .faq-answer {
  max-height: 0;
  overflow: hidden;
  color: rgba(236, 232, 255, 0.72);
  font-size: 14.5px;
  line-height: 1.65;
  transition: max-height 0.28s ease;
}

.faq2.faq-section .faq-answer-inner,
.faq2.faq-section .faq2__answer-inner {
  padding: 0 20px 20px 74px;
  color: rgba(236, 232, 255, 0.72);
  font-size: 14.5px;
  line-height: 1.65;
}

.faq2.faq-section .faq-visual-panel {
  position: relative;
  /* No max-height here on purpose: this panel is grid item #2 in .faq-shell's
     first row, sibling to .faq-left (head + tabs + accordion) — align-items:
     stretch on the shell already grows it to match that column's real height,
     which is exactly "top of FAQ to bottom of the last question." The CTA
     bar below is a separate `grid-column: 1/-1` item that auto-places into
     row 2, so it was never part of this row's height to begin with — capping
     max-height here previously just orphaned the panel short of the stretched
     row, leaving it floating near the top with dead space under it. */
  min-height: 600px;
  border-radius: 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 48%, rgba(139, 92, 246, 0.22), transparent 38%),
    radial-gradient(circle at 80% 8%, rgba(139, 92, 246, 0.10), transparent 34%),
    rgba(24, 23, 36, 0.68);
  border: 1px solid rgba(180, 150, 255, 0.13);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 24px 70px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  display: block;
  padding: 0;
}

.faq2.faq-section .faq-visual-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  z-index: 2;
  background:
    radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 45%, rgba(5, 4, 16, 0.55) 100%),
    linear-gradient(90deg, rgba(5, 4, 16, 0.55), transparent 18%, transparent 82%, rgba(5, 4, 16, 0.55)),
    linear-gradient(180deg, rgba(5, 4, 16, 0.4), transparent 16%, transparent 84%, rgba(5, 4, 16, 0.4));
}

.faq2.faq-section .faq-orb-glow {
  position: absolute;
  left: 50%;
  top: 48%;
  width: min(72%, 420px);
  height: min(72%, 420px);
  transform: translate(-50%, -50%);
  border-radius: 999px;
  background: radial-gradient(circle, rgba(139, 92, 246, 0.32) 0%, rgba(139, 92, 246, 0.16) 42%, transparent 74%);
  filter: blur(20px);
  pointer-events: none;
  z-index: 1;
}

.faq2.faq-section .faq-main-illustration {
  position: absolute;
  left: 50%;
  top: 48%;
  width: min(54%, 320px);
  max-width: 320px;
  height: auto;
  margin: 0;
  transform: translate(-50%, -50%);
  object-fit: contain;
  filter:
    drop-shadow(0 0 34px rgba(139, 92, 246, 0.34))
    drop-shadow(0 0 90px rgba(139, 92, 246, 0.12));
  z-index: 2;
}

.faq2.faq-section .faq-visual-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
  image-rendering: auto;
  z-index: 1;
}

/* Homepage FAQ ("Вопросы перед первой сессией") only — 3-layer illustration
   (background photo + question-mark PNG + transparent girl PNG) stacked inside
   the existing .faq-visual-panel glass frame. These class names are unique to
   this markup (not shared with templates/guide.php, which still uses the old
   single .faq-visual-photo), so no #faq scoping is needed here. */
.faq-visual-art {
  position: absolute;
  inset: 0;
}

.faq-visual-art__bg,
.faq-visual-art__question,
.faq-visual-art__girl {
  position: absolute;
  display: block;
  margin: 0;
  pointer-events: none;
  user-select: none;
}

.faq-visual-art__bg {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: inherit;
  z-index: 1;
}

.faq-visual-art__question {
  /* Raised above the girl (z-index 3) — she's large enough that her
     bounding box can reach into the question's top-left corner, and the
     question mark needs to stay on top rather than get tucked behind her. */
  z-index: 4;
  left: 22%;
  top: 22%;
  width: clamp(105px, 21%, 170px);
  /* height (not just width) caps the box so a short mobile card can never be
     overflowed — object-fit: contain then shrinks the art to whichever
     dimension is tighter instead of letting it spill past the card edge. */
  height: 40%;
  object-fit: contain;
  object-position: left top;
  opacity: 0.92;
  filter:
    drop-shadow(0 0 20px rgba(160, 95, 255, 0.56))
    drop-shadow(0 0 42px rgba(115, 78, 255, 0.30));
}

.faq-visual-art__girl {
  z-index: 3;
  right: -10%;
  bottom: -5%;
  width: clamp(300px, 118%, 680px);
  /* height is capped at 100% (not more) on purpose — this box is anchored
     via `bottom`, so a height *above* 100% makes it geometrically taller
     than the visible frame, pushing the top edge (and her head) past the
     card's own top edge where overflow:hidden then clips it. Keeping it at
     100% means width alone (via the clamp above) controls how large she
     reads, and the box can never poke out past the frame's top. */
  height: 100%;
  object-fit: contain;
  object-position: right bottom;
  filter:
    drop-shadow(0 30px 58px rgba(0, 0, 0, 0.48))
    drop-shadow(0 0 30px rgba(128, 86, 255, 0.22));
}

/* Ambient light pooled behind the girl/question layers — z-index 1 keeps it
   under both (their own z-index of 3/4 wins the stacking order regardless
   of source order), sitting just above the flat background photo. */
.faq-visual-art__glow {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  border-radius: 999px;
  filter: blur(34px);
  opacity: 0.32;
}

.faq-visual-art__glow--girl {
  right: 4%;
  bottom: 10%;
  width: 260px;
  height: 260px;
  background: rgba(115, 78, 255, 0.28);
}

.faq-visual-art__glow--question {
  left: 6%;
  top: 10%;
  width: 190px;
  height: 190px;
  background: rgba(160, 95, 255, 0.22);
}

/* Softens the dress hem's crop at the card's bottom edge — reads as her
   naturally dissolving into shadow rather than the art getting cut off.
   Sits above the girl (z-index 3) but is only a bottom slice, so it never
   touches the question mark up in the top-left. */
.faq-visual-art__bottom-fade {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 34%;
  z-index: 5;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      rgba(5, 4, 16, 0) 0%,
      rgba(5, 4, 16, 0.30) 38%,
      rgba(5, 4, 16, 0.78) 76%,
      rgba(5, 4, 16, 0.98) 100%
    );
}

.faq-visual-art__bottom-fade::before {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 70%;
  background: radial-gradient(circle at 55% 100%, rgba(104, 74, 210, 0.24), transparent 62%);
  filter: blur(10px);
}

/* Girl breathes and the question mark floats independently — the background
   photo stays completely still, so the layers read as separate depth planes
   instead of one flat illustration moving as a unit. Gated behind
   no-preference (matching .faq-main-illustration's pattern above) so
   reduced-motion users simply never receive the animation properties. */
@media (prefers-reduced-motion: no-preference) {
  .faq-visual-art__girl {
    transform-origin: right bottom;
    animation: faqGirlBreath 5.8s ease-in-out infinite;
  }

  .faq-visual-art__question {
    transform-origin: center;
    animation:
      faqQuestionFloat 6.6s ease-in-out infinite,
      faqQuestionGlow 3.8s ease-in-out infinite;
  }

  .faq-visual-art__glow--girl {
    animation: faqGlowPulse 6s ease-in-out infinite;
  }

  .faq-visual-art__glow--question {
    animation: faqGlowPulse 4.8s ease-in-out infinite reverse;
  }

  @keyframes faqGirlBreath {
    0%, 100% {
      transform: translate3d(0, 0, 0) scale(1);
    }

    50% {
      transform: translate3d(0, -3px, 0) scale(1.018);
    }
  }

  @keyframes faqQuestionFloat {
    0%, 100% {
      transform: translate3d(0, 0, 0) rotate(-2deg) scale(1);
    }

    35% {
      transform: translate3d(7px, -7px, 0) rotate(2deg) scale(1.03);
    }

    70% {
      transform: translate3d(-5px, 5px, 0) rotate(-1deg) scale(0.995);
    }
  }

  @keyframes faqQuestionGlow {
    0%, 100% {
      opacity: 0.86;
      filter:
        drop-shadow(0 0 16px rgba(160, 95, 255, 0.45))
        drop-shadow(0 0 30px rgba(115, 78, 255, 0.22));
    }

    50% {
      opacity: 1;
      filter:
        drop-shadow(0 0 24px rgba(190, 130, 255, 0.62))
        drop-shadow(0 0 46px rgba(130, 88, 255, 0.34));
    }
  }

  @keyframes faqGlowPulse {
    0%, 100% {
      opacity: 0.22;
      transform: scale(0.96);
    }

    50% {
      opacity: 0.40;
      transform: scale(1.06);
    }
  }
}

@media (max-width: 900px) {
  .faq-visual-art__question {
    left: 17%;
    top: 17%;
    width: clamp(94px, 20vw, 135px);
    height: 36%;
  }

  .faq-visual-art__girl {
    right: -9%;
    bottom: -4%;
    width: 106%;
    max-width: 600px;
    height: 100%;
  }

  .faq-visual-art__bottom-fade {
    height: 36%;
  }
}

@media (max-width: 560px) {
  .faq-visual-art__question {
    left: 12%;
    top: 12%;
    width: 92px;
    height: 32%;
  }

  .faq-visual-art__girl {
    right: -16%;
    bottom: -5%;
    width: 112%;
    max-width: none;
    height: 100%;
  }

  .faq-visual-art__bottom-fade {
    height: 37%;
  }
}

.faq2.faq-section .faq-mini-logo {
  position: absolute;
  top: 28px;
  right: 28px;
  width: 46px;
  height: 46px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(167, 139, 250, 0.14);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 18px rgba(139, 92, 246, 0.14);
  display: grid;
  place-items: center;
  opacity: 0.85;
  z-index: 3;
}

.faq2.faq-section .faq-mini-logo img,
.faq2.faq-section .faq-mini-logo svg {
  width: 22px;
  height: 22px;
  object-fit: contain;
  filter: drop-shadow(0 0 8px rgba(167, 139, 250, 0.35));
}

.faq2.faq-section .faq-bottom-cta {
  grid-column: 1 / -1;
  margin-top: 0;
  padding: 24px 26px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 78% 50%, rgba(139, 92, 246, 0.14), transparent 36%),
    rgba(18, 17, 28, 0.76);
  border: 1px solid rgba(180, 150, 255, 0.12);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
}

.faq2.faq-section .faq-bottom-copy h3 {
  margin: 0;
  color: #f7f3ff;
  font-size: clamp(22px, 2.4vw, 30px);
  line-height: 1.1;
  font-weight: 950;
  letter-spacing: -0.035em;
}

.faq2.faq-section .faq-bottom-copy p {
  margin: 8px 0 0;
  color: rgba(236, 232, 255, 0.66);
  font-size: 14.5px;
  line-height: 1.55;
}

.faq2.faq-section .faq-bottom-trust {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin-top: 10px;
}

.faq2.faq-section .faq-bottom-trust span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(226, 218, 255, 0.72);
  font-size: 13px;
  line-height: 1;
  font-weight: 750;
}

.faq2.faq-section .faq-bottom-trust span::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 999px;
  background: #35df78;
  box-shadow: 0 0 10px rgba(53, 223, 120, 0.42);
}

.faq2.faq-section .faq-bottom-actions {
  display: flex;
  gap: 12px;
  align-items: center;
}

.faq2.faq-section .faq-support-primary,
.faq2.faq-section .faq-support-secondary {
  min-height: 52px;
  padding: 0 22px;
  border-radius: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 850;
  transition:
    transform 0.16s ease,
    box-shadow 0.16s ease,
    border-color 0.16s ease,
    background 0.16s ease;
}

.faq2.faq-section .faq-support-primary {
  background: linear-gradient(135deg, #6d5df6, #8b5cf6);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow:
    0 0 28px rgba(139, 92, 246, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.faq2.faq-section .faq-support-secondary {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(180, 150, 255, 0.12);
  color: #f7f3ff;
}

.faq2.faq-section .faq-support-primary:hover,
.faq2.faq-section .faq-support-secondary:hover {
  transform: translateY(-2px);
  color: #fff;
}

.faq2.faq-section .faq-question:focus-visible,
.faq2.faq-section .faq-filter-pill:focus-visible,
.faq2.faq-section .faq-support-primary:focus-visible,
.faq2.faq-section .faq-support-secondary:focus-visible {
  outline: 2px solid rgba(196, 181, 253, 0.9);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: no-preference) {
  .faq2.faq-section .faq-main-illustration {
    animation: faqFloat 6s ease-in-out infinite;
  }

  @keyframes faqFloat {
    0%,
    100% {
      transform: translate(-50%, -50%) translateY(0);
    }

    50% {
      transform: translate(-50%, -50%) translateY(-8px);
    }
  }
}

@media (max-width: 980px) {
  .faq2.faq-section .faq-shell {
    grid-template-columns: 1fr;
  }

  .faq2.faq-section .faq-visual-panel {
    min-height: 360px;
  }

  .faq2.faq-section .faq-main-illustration {
    width: min(46%, 250px);
  }

  .faq2.faq-section .faq-bottom-cta {
    grid-template-columns: 1fr;
  }

  .faq2.faq-section .faq-bottom-actions {
    flex-wrap: wrap;
  }
}

@media (max-width: 620px) {
  .faq2.faq-section .faq-shell {
    width: min(100% - 28px, 1180px);
    padding: 22px;
    border-radius: 26px;
  }

  .faq2.faq-section .faq-heading h2 {
    font-size: clamp(32px, 10vw, 44px);
  }

  .faq2.faq-section .faq-filter-pills {
    gap: 8px;
  }

  .faq2.faq-section .faq-filter-pill {
    min-height: 34px;
    padding: 0 13px;
    font-size: 12px;
  }

  .faq2.faq-section .faq-question {
    grid-template-columns: 36px minmax(0, 1fr) auto;
    min-height: 64px;
    padding: 0 14px;
  }

  .faq2.faq-section .faq-question-icon {
    width: 34px;
    height: 34px;
  }

  .faq2.faq-section .faq-question-icon img {
    width: 19px;
    height: 19px;
  }

  .faq2.faq-section .faq-answer-inner,
  .faq2.faq-section .faq2__answer-inner {
    padding: 0 16px 18px 64px;
  }

  .faq2.faq-section .faq-visual-panel {
    display: block;
    min-height: 320px;
    border-radius: 24px;
  }

  .faq2.faq-section .faq-main-illustration {
    width: min(54%, 220px);
  }

  .faq2.faq-section .faq-mini-logo {
    top: 18px;
    right: 18px;
    width: 38px;
    height: 38px;
    border-radius: 13px;
  }

  .faq2.faq-section .faq-mini-logo img,
  .faq2.faq-section .faq-mini-logo svg {
    width: 19px;
    height: 19px;
  }

  .faq2.faq-section .faq-bottom-cta {
    padding: 22px;
    border-radius: 20px;
  }

  .faq2.faq-section .faq-bottom-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .faq2.faq-section .faq-support-primary,
  .faq2.faq-section .faq-support-secondary {
    width: 100%;
  }
}