@import url("./donate-layout.css");
@import url("./payment-modal.css");

:root {
  --accent-color: var(--shop-accent, #f5b759);
  --accent-color-strong: var(--shop-accent-hover, #e8ae58);
  --accent-color-soft: rgba(var(--shop-accent-rgb, 245, 183, 89), 0.11);
  --accent-color-border: rgba(var(--shop-accent-rgb, 245, 183, 89), 0.369);
  --accent-color-glow: rgba(var(--shop-accent-rgb, 245, 183, 89), 0.251);
}

.donate-card,
.page-module__fV0H_G__donate_object {
  min-width: 0;
}

.donate-card-image,
.cart-item-image > img,
.payment-method-icons img,
.footer-payment-icons img,
.Payment-module__1Zp9zq__payment_info_image > img {
  border-radius: 6px;
}

.cart-item-image > img,
.page-module__fV0H_G__image_donate_cart > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.page-module__fV0H_G__cart_content {
  min-height: 180px;
}

.page-module__fV0H_G__cart,
.Payment-module__1Zp9zq__payment {
  isolation: isolate;
  background: #101010 !important;
  position: fixed;
}

.Payment-module__1Zp9zq__absolute_payment {
  background: #101010 !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  min-height: 100dvh;
  padding: 28px;
  inset: 0 !important;
  overflow: auto !important;
}

.Payment-module__1Zp9zq__payment {
  position: relative;
  width: min(884px, calc(100vw - 56px));
  max-height: calc(100dvh - 56px);
  margin: auto;
}

.page-module__fV0H_G__cart:before,
.Payment-module__1Zp9zq__payment:before {
  content: "";
  pointer-events: none;
  z-index: -1;
  background: inherit;
  border-radius: inherit;
  position: absolute;
  inset: 0;
}

.MouseGridCanvas-module__lO-jvW__gridCanvas,
.mouse-grid-canvas {
  display: none;
}

body:before,
body:after {
  content: "";
  pointer-events: none;
  z-index: 0;
  background-image:
    linear-gradient(#ffffff12 1px, transparent 1px),
    linear-gradient(90deg, #ffffff12 1px, transparent 1px);
  background-position:
    center top,
    center top; 
  background-size:
    72px 72px,
    72px 72px;
  height: min(760px, 100svh);
  position: fixed;
  inset: 0 0 auto;
}

body:before {
  opacity: 0.18;
  -webkit-mask-image:
    linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%),
    linear-gradient(180deg, #000 0, #000 64%, transparent 100%);
  mask-image:
    linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%),
    linear-gradient(180deg, #000 0, #000 64%, transparent 100%);
}

body:after {
  background-image:
    linear-gradient(#ffffff24 1px, transparent 1px),
    linear-gradient(90deg, #ffffff24 1px, transparent 1px);
  opacity: 0;
  -webkit-mask-image: radial-gradient(
    circle 260px at var(--grid-x, 50vw) var(--grid-y, 220px),
    #000 0%,
    #000 28%,
    transparent 72%
  );
  mask-image: radial-gradient(
    circle 260px at var(--grid-x, 50vw) var(--grid-y, 220px),
    #000 0%,
    #000 28%,
    transparent 72%
  );
  transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

body:hover:after {
  opacity: 0.72;
}

.Header-module__hBw1pG__header,
.site-footer {
  position: relative;
  z-index: 0 !important;
}

.nav-link.footer-link-underline {
  color: #434343;
  font-size: 14px;
  font-weight: 500;
  position: relative;
}

.nav-link.footer-link-underline:before {
  content: "";
  border-bottom: 1px dashed;
  width: 100%;
  height: 1px;
  margin-top: 18px;
  position: absolute;
}

.nav-link {
  color: #777;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  transition: color 0.2s;
  display: flex;
}

.site-footer {
  background: var(--background);
  color: #fff;
  text-align: center;
  justify-content: center;
  padding: 35px 0;
  display: flex;
}

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

.site-footer-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.site-footer-bottom .site-footer-bottom-content {
  justify-content: space-between;
  display: flex;
}

.site-footer-link-item {
  display: flex;
  position: relative;
}

.site-footer-link-item:after {
  content: "";
  background: #464748;
  width: 1px;
  height: 14px;
  position: absolute;
  right: -9px;
}

.site-footer-link-item:last-child:after {
  display: none;
}

.site-footer-left_footer {
  display: flex;
}

.site-footer-logotype {
  cursor: pointer;
  z-index: 1;
  transition: all 0.3s;
  display: flex;
  position: relative;
}

.site-footer-left_group {
  align-items: center;
  gap: 53px;
  display: flex;
}

.site-footer-right_footer {
  display: flex;
}

.site-footer-divider-top,
.site-footer-divider-bottom {
  opacity: 0.33;
  border: 1px solid #252525;
  width: 100%;
  display: flex;
}

.site-footer-divider-top {
  display: none;
}

.site-footer-links {
  justify-content: center;
  align-items: center;
  gap: 16px;
  display: flex;
}

.site-footer-info-list {
  flex: 2;
  align-items: center;
  column-gap: 5%;
  display: flex;
}

.site-footer-info-item {
  color: #434343;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.site-footer-label {
  padding-right: 14px;
}

.site-footer-p_gray {
  color: #434343;
  text-align: left;
  max-width: 980px;
  font-size: 12px;
  font-weight: 600;
  line-height: 21px;
}

.site-footer-copyright {
  color: #434343;
  text-align: left;
  max-width: 450px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.site-footer-payments {
  justify-content: center;
  align-items: center;
  gap: 22px;
  display: flex;
}

.site-footer-payment-item {
  display: flex;
}

.site-footer-payment-icon {
  opacity: 0.55;
  display: flex;
}

.site-footer-middle {
  flex-grow: 1;
  justify-content: space-between;
  display: flex;
}

.site-footer-socials_mobile {
  display: none;
}

.site-footer-bottom {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.site-footer-language {
  width: 90px;
  display: inline-block;
  position: relative;
}

.language-selected {
  color: #434343;
  cursor: pointer;
  align-items: center;
  padding: 10px;
  display: flex;
}

.language-arrow {
  position: absolute;
  top: 50%;
  right: 10px;
}

.language-selected span {
  color: #434343;
  font-weight: 600;
}

.language-icon {
  color: #434343;
  margin-right: 10px;
}

@media (max-width: 1180px) {
  .site-footer {
    margin: 0;
  }

  .site-footer-header-links {
    display: none;
  }

  .site-footer-socials_mobile {
    align-self: center;
    display: flex;
  }

  .site-footer-info-list {
    flex-direction: column;
    align-items: start;
    gap: 6px;
  }

  .site-footer-top {
    flex-direction: column;
    align-items: normal;
    gap: 6px;
  }

  .site-footer-middle {
    flex-direction: column;
    align-items: normal;
    gap: 15px;
  }

  .site-footer-left_group {
    flex-direction: row;
    justify-content: space-between;
  }

  .site-footer-top {
    justify-content: space-between;
    width: 100%;
  }

  .site-footer-p_gray {
    text-align: center;
  }

  .site-footer-bottom {
    justify-content: space-between;
    display: flex;
  }

  .site-footer-bottom .site-footer-bottom-content {
    flex-direction: column;
    gap: 20px;
  }

  .site-footer-copyright {
    text-align: start;
    order: 2;
    align-self: start;
  }

  .site-footer-payments {
    order: 2;
    align-self: start;
  }

  .site-footer-links {
    border-top: 1px solid #2c2b2b;
    border-bottom: 1px solid #2c2b2b;
    flex-flow: column wrap;
    justify-content: start;
    align-items: start;
    row-gap: 10px;
    margin-top: 10px;
    padding: 20px 0;
  }

  .site-footer-link-item:after,
  .site-footer-divider-top,
  .site-footer-divider-bottom {
    display: none;
  }
}

@media (max-width: 1000px) {
  .site-footer-label {
    text-align: start;
    width: 80px;
  }

  .site-footer-payments {
    align-self: center;
  }

  .site-footer {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}

@media (max-width: 768px) {
  .site-footer-bottom {
    flex-direction: column;
    justify-content: start;
    gap: 20px;
  }

  .site-footer-bottom .site-footer-bottom-content {
    justify-content: start;
  }

  .site-footer-payments {
    align-self: flex-start;
  }
}

/* index.html header parity */
.Header-module__hBw1pG__header {
  z-index: 50;
  pointer-events: none;
  justify-content: center;
  margin-top: 26px;
  padding-top: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.Header-module__hBw1pG__logotype {
  cursor: pointer;
  z-index: 1;
  pointer-events: auto;
  transition: all 0.3s;
  display: flex;
  position: relative;
}

.Header-module__hBw1pG__logotype img {
  width: 84px;
  height: 64px;
  border-radius: 16px;
  object-fit: contain;
  display: block;
}

.Header-module__hBw1pG__logotype:hover {
  transform: scale(1.05);
}

.Header-module__hBw1pG__logotype:active {
  transform: scale(1.1);
}

.Header-module__hBw1pG__top_header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.Header-module__hBw1pG__header_links_ul {
  text-transform: uppercase;
  -webkit-backdrop-filter: blur(16px);
  pointer-events: auto;
  background: #111111bf;
  border: 1px solid #1e1e1e;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 6px;
  display: flex;
  position: relative;
}

.Header-module__hBw1pG__nav_indicator {
  display: none;
}

.Header-module__hBw1pG__header_link_li {
  text-transform: uppercase;
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.Header-module__hBw1pG__header_link_li a {
  border-radius: 8px;
  padding: 8px 14px;
  transition: color 0.2s;
}

.Header-module__hBw1pG__header_link_li .header_link_active {
  width: auto !important;
  min-width: 0 !important;
  max-width: max-content !important;
  transform: none !important;
  color: #fff;
  background: linear-gradient(
    90deg,
    var(--accent-color) 0%,
    var(--accent-color) 100%
  );
}

.Header-module__hBw1pG__header_link_li .header_link_active:hover {
  color: #fff;
}

.SelectLogin-module__sdtpoW__input_login.cw-nickname-error,
.custom_input_1.cw-nickname-error {
  border-color: #ff4d4d !important;
  box-shadow: 0 0 0 2px rgb(255 77 77 / 24%) !important;
}

.Header-module__hBw1pG__right_header_content {
  pointer-events: auto;
  align-items: center;
  gap: 16px;
  display: flex;
}

.Header-module__hBw1pG__header_group_objects {
  -webkit-backdrop-filter: blur(16px);
  background: #111111bf;
  border: 1px solid #1e1e1e;
  border-radius: 12px;
  align-items: center;
  gap: 18px;
  min-height: auto;
  padding: 8px 16px;
  display: flex;
}

.Header-module__hBw1pG__logo_group {
  pointer-events: auto;
  gap: 25px;
  display: flex;
}

.Header-module__hBw1pG__burger_mobile,
.Header-module__hBw1pG__burger_tablet {
  pointer-events: auto;
  display: none;
}

.ButtonBurger-module__71BQva__burgerButton {
  z-index: 1;
  cursor: pointer;
  background: linear-gradient(
    90deg,
    var(--accent-color) 0%,
    var(--accent-color) 100%
  );
  border: none;
  border-radius: 10px;
  outline: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  transition: all 0.2s;
  display: none;
  position: relative;
  box-shadow: inset 0 4px 12px 2px var(--shop-accent, #f5b759);
}

.ButtonBurger-module__71BQva__solid_burger {
  background: #fff;
  border-radius: 4px;
  width: 24px;
  height: 3px;
  transition: all 0.2s;
}

.Monitoring-module__k5dZma__online_object {
  align-items: center;
  gap: 8px;
  min-width: 60px;
  display: flex;
  position: relative;
}

.Monitoring-module__k5dZma__online_object.Monitoring-module__k5dZma__status_finish
  > .Monitoring-module__k5dZma__loading {
  opacity: 0;
  transform: scale(0);
}

.Monitoring-module__k5dZma__online_object.Monitoring-module__k5dZma__status_finish
  > .Monitoring-module__k5dZma__group {
  opacity: 1;
  transition-delay: 0.15s;
  transform: scale(1);
}

.Monitoring-module__k5dZma__loading_image {
  display: flex;
}

.Monitoring-module__k5dZma__loading {
  transition: all 0.3s;
  display: flex;
  position: absolute;
}

.Monitoring-module__k5dZma__group_online {
  align-items: center;
  gap: 6px;
  display: flex;
}

.Monitoring-module__k5dZma__online_server {
  color: #1fcf2b;
  min-width: 24px;
  padding-left: 4px;
  font-size: 13px;
  font-weight: 700;
  line-height: 13px;
}

.Monitoring-module__k5dZma__group {
  opacity: 0;
  pointer-events: none;
  align-items: center;
  gap: 8px;
  transition: all 0.3s;
  display: flex;
  transform: scale(0);
}

.circular_progress {
  flex-shrink: 0;
}

@media (max-width: 1180px) {
  .Header-module__hBw1pG__header_links_ul {
    display: none;
  }

  .Header-module__hBw1pG__burger_tablet {
    display: flex;
  }

  .ButtonBurger-module__71BQva__burgerButton {
    display: flex;
  }
}

@media (max-width: 1000px) {
  .Header-module__hBw1pG__header {
    padding-top: 12px;
  }

  .Header-module__hBw1pG__top_header {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .Header-module__hBw1pG__header_group_objects {
    display: none;
  }

  .Header-module__hBw1pG__right_header_content {
    gap: 0;
  }

  .Header-module__hBw1pG__burger_mobile {
    order: 2;
    display: block;
  }

  .Header-module__hBw1pG__burger_tablet {
    display: none;
  }
}

.donate-tabs,
.Categorys-module__ODG7uW__categorys_donate {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  padding-bottom: 18px;
}

.donate-tabs::-webkit-scrollbar,
.Categorys-module__ODG7uW__categorys_donate::-webkit-scrollbar {
  display: none;
}

.donate-tab,
.Categorys-module__ODG7uW__category_donate {
  min-height: 36px;
  padding-bottom: 2px;
  flex-shrink: 0;
  align-items: center;
}

.donate-tab img,
.Categorys-module__ODG7uW__category_donate img {
  flex-shrink: 0;
}

.donate-tab-count,
p.Categorys-module__ODG7uW__count_category {
  min-width: 12px;
  margin-top: 0;
  line-height: 18px;
}

.donate-tab-indicator,
.Categorys-module__ODG7uW__indicator {
  left: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(90deg, var(--shop-accent, #f5b759) 0%, var(--shop-accent-hover, #e8ae58) 100%);
  height: 2px;
  border-radius: 2px;
  pointer-events: none;
  transition:
    left 0.25s ease,
    width 0.25s ease;
}

.payment-method-icons,
.footer-payment-icons {
  align-items: center;
}

.payment-method-icons img,
.footer-payment-icons img {
  object-fit: contain;
}

.Payment-module__1Zp9zq__right_payment ul {
  display: grid;
  gap: 10px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.Payment-module__1Zp9zq__right_payment li {
  color: #c9c9c9;
  background: #151515;
  border: 1px solid #252525;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 20px;
}

.Payment-module__1Zp9zq__right_payment li:before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 9px;
  border-radius: 50%;
  background: linear-gradient(90deg, var(--shop-accent, #f5b759) 0%, var(--shop-accent-hover, #e8ae58) 100%);
}

.donate-card {
  -webkit-user-select: none;
  user-select: none;
  isolation: isolate;
  position: relative;
  z-index: 1;
  background: #151515;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.donate-card:hover,
.donate-card-expanded {
  z-index: 3;
  background: #151515;
  border-color: var(--accent-color-border);
  box-shadow: none;
}

.donate-card-expanded {
  background: #111111;
  border-color: #252525;
  border-radius: 12px;
  padding: 20px !important;
}

.donate-card:hover:before,
.donate-card-expanded:before {
  content: "";
  pointer-events: none;
  z-index: -1;
  background: inherit;
  border-radius: inherit;
  position: absolute;
  inset: 0;
}

.donate-card-expanded-content {
  width: 100%;
  margin-top: -6px;
}

.donate-card-period-panel {
  width: 100%;
  padding-top: 0;
  flex-direction: column;
  gap: 18px;
}

.donate-card-expanded .donate-card-content {
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.donate-card-expanded .donate-card-main {
  align-self: flex-start;
  gap: 12px;
}

.donate-card-expanded .donate-card-icon {
  width: 60px;
  height: 60px;
  border-radius: 8px;
}

.donate-card-expanded .donate-card-image {
  width: 40px;
  height: 40px;
}

.donate-card-expanded .donate-card-title {
  max-width: 300px;
  font-size: 20px;
  font-weight: 600;
  line-height: 34px;
}

.donate-card-expanded .donate-card-price {
  color: var(--accent-color);
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}

.cw-discount-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  margin-left: 8px;
  padding: 2px 7px;
  border-radius: 7px;
  color: #111418;
  background: var(--accent-color);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  vertical-align: middle;
}

.donate-period-button .cw-discount-badge {
  margin-left: 6px;
  min-height: 17px;
  padding: 2px 5px;
  font-size: 10px;
}

.cw-price-old {
  margin-left: 8px;
  color: #697386;
  font-size: 0.82em;
  text-decoration: line-through;
}

.cw-ruble {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.62em;
  margin-left: 0.12em;
  font-family: Inter, Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.92em;
  font-weight: 850;
  line-height: 1;
  vertical-align: -0.02em;
  font-variant-numeric: normal;
  text-decoration: none;
}

.donate-card-expanded .donate-card-button.page-module__fV0H_G__select_button {
  width: auto;
  min-height: 0;
  margin-top: 0;
  background: transparent;
  border-radius: 0;
  color: #777;
  box-shadow: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-transform: uppercase;
}

.donate-card-expanded .donate-card-button.page-module__fV0H_G__select_button:before {
  content: "^";
  margin-right: 8px;
  color: #8a8a8a;
}

.donate-card-expanded .donate-card-button.page-module__fV0H_G__select_button:hover {
  color: #aaa;
  box-shadow: none;
}

.donate-period-section {
  width: 100%;
  min-height: 56px;
  padding: 4px;
  background: #0d0d0d;
  border: 1px solid #1f1f1f;
  border-radius: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  flex-wrap: nowrap;
  display: grid;
  align-items: stretch;
}

.donate-period-button {
  box-sizing: border-box;
  width: auto;
  min-width: 0;
  min-height: 48px;
  background: #111;
  border: 0;
  border-radius: 11px;
  color: #777;
  padding: 0 8px;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  word-break: keep-all;
  align-items: center;
  justify-content: center;
  display: flex;
  overflow: hidden;
  text-align: center;
}

.donate-period-button.page-module__fV0H_G__period_button_active {
  color: var(--accent-color);
  background: var(--accent-color-soft);
  border-color: #101010;
}

.donate-purchase-button {
  width: 100%;
  min-height: 44px;
  background: linear-gradient(90deg, var(--accent-color) 0%, var(--accent-color-strong) 100%);
  border-radius: 10px;
  font-size: 17px;
  font-weight: 500;
}

.currency-slider-card {
  --currency-progress: 0%;
  grid-column: 1 / -1;
  padding: 28px 32px !important;
}

.currency-slider-layout {
  align-items: center;
  display: grid;
  grid-template-columns: 136px minmax(0, 1fr);
  gap: 28px;
  width: 100%;
}

.currency-slider-visual {
  background: #101010;
  border: 1px solid #202020;
  border-radius: 18px;
  display: grid;
  place-items: center;
  width: 124px;
  height: 124px;
}

.currency-slider-visual img {
  width: 92px;
  height: 92px;
  object-fit: contain;
}

.currency-slider-content {
  display: grid;
  gap: 20px;
  min-width: 0;
}

.currency-slider-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 18px;
}

.currency-slider-title {
  color: #fff;
  margin: 0 0 7px;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.1;
}

.currency-slider-rate {
  color: var(--shop-accent, #f5b759);
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}

.currency-slider-button {
  color: var(--shop-btn-text, #101010);
  cursor: pointer;
  background: linear-gradient(90deg, var(--shop-accent, #f5b759) 0%, var(--shop-accent-hover, #e8ae58) 100%);
  border: 0;
  border-radius: 10px;
  min-width: 220px;
  min-height: 52px;
  padding: 0 24px;
  font-size: 17px;
  font-weight: 700;
  transition:
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.currency-slider-button:hover {
  box-shadow: 0 0 0 6px var(--accent-color-soft);
}

.currency-slider-control {
  display: grid;
  gap: 12px;
}

.currency-slider-label-row {
  color: #9ca0b9;
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  font-size: 16px;
  font-weight: 800;
}

.currency-slider-label-row strong {
  color: #c9cad8;
  font-size: 17px;
}

.currency-slider-range {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  background: linear-gradient(90deg, var(--accent-color) var(--currency-progress), #2d281f 0);
  border-radius: 999px;
  width: 100%;
  height: 12px;
  outline: none;
}

.currency-slider-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: var(--accent-color);
  border: 5px solid #fff;
  border-radius: 999px;
  box-shadow: 0 10px 28px var(--accent-color-glow);
  width: 30px;
  height: 30px;
}

.currency-slider-range::-moz-range-thumb {
  background: var(--accent-color);
  border: 5px solid #fff;
  border-radius: 999px;
  box-shadow: 0 10px 28px var(--accent-color-glow);
  width: 20px;
  height: 20px;
}

.currency-slider-values {
  border: 1px solid #252525;
  border-radius: 12px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
}

.currency-slider-values div {
  padding: 16px 20px;
}

.currency-slider-values div + div {
  border-left: 1px solid #252525;
}

.currency-slider-values span {
  color: #9ca0b9;
  display: block;
  margin-bottom: 7px;
  font-size: 14px;
  font-weight: 800;
}

.currency-slider-values strong {
  color: #fff;
  display: block;
  overflow-wrap: anywhere;
  font-size: 26px;
  font-weight: 850;
  line-height: 1.1;
}

.cart-quantity.page-module__fV0H_G__edit_count {
  width: min(70%, 330px);
}

.cart-quantity-input.page-module__fV0H_G__edit_count_input {
  cursor: default;
  padding-right: 112px;
}

.cart-quantity-button.page-module__fV0H_G__button_count_edit {
  top: 12px;
  right: 21px;
}

.cart-quantity-button[data-count-step="-1"].page-module__fV0H_G__button_count_edit {
  right: 64px;
}

.cart-currency-control {
  --cart-currency-progress: 0%;
  width: min(100%, 330px);
  display: grid;
  gap: 10px;
}

.cart-currency-label-row {
  color: #858689;
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 13px;
  font-weight: 700;
}

.cart-currency-label-row strong {
  color: #fff;
  font-size: 14px;
}

.cart-currency-range {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  background: linear-gradient(90deg, var(--accent-color) var(--cart-currency-progress), #2a2a2a 0);
  border-radius: 999px;
  width: 100%;
  height: 10px;
  outline: none;
}

.cart-currency-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: var(--accent-color);
  border: 4px solid #fff;
  border-radius: 999px;
  box-shadow: 0 8px 20px var(--accent-color-glow);
  width: 24px;
  height: 24px;
}

.cart-currency-range::-moz-range-thumb {
  background: var(--accent-color);
  border: 4px solid #fff;
  border-radius: 999px;
  box-shadow: 0 8px 20px var(--accent-color-glow);
  width: 16px;
  height: 16px;
}

.page-module__fV0H_G__cart_header_left {
  align-items: center;
  gap: 12px;
}

.page-module__fV0H_G__count_cart {
  box-sizing: border-box;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  min-width: 38px;
  aspect-ratio: 1;
  padding: 0;
  border-radius: 999px;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}

.page-module__fV0H_G__absolute_cart p.page-module__fV0H_G__count_cart_a {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin: 0;
  padding: 0;
  top: -7px;
  right: -7px;
  left: auto;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}

.cart-item.page-module__fV0H_G__object_donate_cart {
  gap: 14px;
  padding-bottom: 22px;
}

.cart-item-row.page-module__fV0H_G__top_content_cart {
  align-items: flex-start;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
}

.cart-item-main.page-module__fV0H_G__left_donate_cart {
  align-items: flex-start;
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr);
  flex: 1 1 auto;
  gap: 14px;
  min-width: 0;
}

.cart-item-image.page-module__fV0H_G__image_donate_cart {
  flex: 0 0 66px;
  width: 66px;
  height: 66px;
  padding: 8px;
  border-radius: 10px;
  background: #191919;
}

.cart-item-image.page-module__fV0H_G__image_donate_cart > img {
  display: block;
  width: 50px;
  height: 50px;
  object-fit: contain;
}

.cart-item-text.page-module__fV0H_G__right_l_donate_cart {
  gap: 7px;
  min-width: 0;
  padding-top: 2px;
}

.cart-item-server.page-module__fV0H_G__top_tex_cart {
  color: #a5a5a5;
  letter-spacing: 0;
  line-height: 1;
}

.cart-item-title.page-module__fV0H_G__bottom_tex_cart {
  max-width: 100%;
  margin: 0;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0;
}

.cart-item-meta {
  color: var(--accent-color);
  display: block;
  margin: 0;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
}

p.page-module__fV0H_G__right_text_info_cart {
  line-height: 1;
  letter-spacing: 0;
}

.cart-item-actions.page-module__fV0H_G__right_donate_cart {
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
  gap: 12px;
  padding-top: 28px;
}

.cart-item-price.page-module__fV0H_G__cost_text {
  margin: 0;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0;
}

.cart-item-remove.page-module__fV0H_G__button_del {
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  padding: 0;
  font-size: 18px;
  line-height: 1;
}

.cart-item-title .page-module__fV0H_G__period_text {
  display: inline;
  margin-left: 4px;
  white-space: nowrap;
}

.page-module__fV0H_G__cart_overlay {
  z-index: 60;
}

.page-module__fV0H_G__cart {
  z-index: 61;
}

.Payment-module__1Zp9zq__absolute_payment {
  z-index: 70;
}

.Payment-module__1Zp9zq__method_payments {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.payment-method-disabled {
  opacity: 0.45;
}

body::before,
body:before {
  background-image:
    linear-gradient(rgba(210, 210, 210, 0.18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(210, 210, 210, 0.18) 1px, transparent 1px) !important;
  opacity: 1 !important;
}

body::after,
body:after {
  background-image:
    linear-gradient(rgba(235, 235, 235, 0.42) 1px, transparent 1px),
    linear-gradient(90deg, rgba(235, 235, 235, 0.42) 1px, transparent 1px) !important;
  opacity: 0 !important;
  -webkit-mask-image: radial-gradient(
    circle 320px at var(--grid-x, 50vw) var(--grid-y, 260px),
    #000 0%,
    #000 22%,
    rgba(0, 0, 0, 0.55) 42%,
    transparent 76%
  ) !important;
  mask-image: radial-gradient(
    circle 320px at var(--grid-x, 50vw) var(--grid-y, 260px),
    #000 0%,
    #000 22%,
    rgba(0, 0, 0, 0.55) 42%,
    transparent 76%
  ) !important;
  transition: opacity 0.28s ease !important;
}

body:hover::after,
body:hover:after {
  opacity: 1 !important;
}

.Payment-module__1Zp9zq__payment_method[data-payment-method="robokassa"] > svg,
.Payment-module__1Zp9zq__payment_method[data-payment-method="heleket"] > svg,
.Payment-module__1Zp9zq__payment_method[data-payment-method="mollie"] > svg,
.Payment-module__1Zp9zq__payment_method[data-payment-method="cryptobot"] > svg {
  display: none;
}

.Payment-module__1Zp9zq__payment_method img {
  max-width: 90%;
  max-height: 26px;
  object-fit: contain;
}

.Payment-module__1Zp9zq__payment_method.test-payment-method {
  color: var(--shop-btn-text, #101010);
  background: linear-gradient(90deg, var(--shop-accent, #f5b759) 0%, var(--shop-accent-hover, #e8ae58) 100%);
  border-color: transparent;
  font-weight: 800;
}

.Payment-module__1Zp9zq__payment_method.test-payment-method span {
  display: block;
  font-size: 18px;
  line-height: 1;
}

.Payment-module__1Zp9zq__payment_method.test-payment-method p {
  color: #101010;
  margin: 6px 0 0;
  font-size: 12px;
  font-weight: 700;
}

.page-module__fV0H_G__absolute_cart {
  z-index: 1;
}

@media (max-width: 640px) {
  .Payment-module__1Zp9zq__method_payments {
    grid-template-columns: 1fr;
  }

  .cart-quantity.page-module__fV0H_G__edit_count {
    width: 100%;
  }

  .currency-slider-card {
    padding: 22px 18px !important;
  }

  .currency-slider-layout {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 20px;
  }

  .currency-slider-visual {
    width: 104px;
    height: 104px;
  }

  .currency-slider-visual img {
    width: 78px;
    height: 78px;
  }

  .currency-slider-head {
    align-items: stretch;
    flex-direction: column;
  }

  .currency-slider-title {
    font-size: 23px;
  }

  .currency-slider-button {
    width: 100%;
    min-width: 0;
  }

  .currency-slider-values {
    grid-template-columns: 1fr;
  }

  .currency-slider-values div + div {
    border-top: 1px solid #252525;
    border-left: 0;
  }

  .currency-slider-values strong {
    font-size: 22px;
  }

  .donate-card-expanded {
    padding: 20px !important;
  }

  .donate-card-expanded .donate-card-content {
    gap: 8px;
  }

  .donate-card-expanded .donate-card-icon {
    width: 60px;
    height: 60px;
  }

  .donate-card-expanded .donate-card-image {
    width: 40px;
    height: 40px;
  }

  .donate-card-expanded .donate-card-title {
    font-size: 20px;
    line-height: 34px;
  }

  .donate-card-expanded .donate-card-price {
    font-size: 16px;
    line-height: 28px;
  }

  .donate-purchase-button {
    min-height: 42px;
    font-size: 16px;
  }

  .donate-card-expanded .donate-card-button.page-module__fV0H_G__select_button {
    min-height: 0;
    font-size: 13px;
  }

  .donate-period-section {
    min-height: 54px;
    padding: 4px;
  }

  .donate-period-button {
    min-width: 0;
    min-height: 46px;
    border-radius: 10px;
    padding: 0 5px;
    font-size: 13px;
    white-space: nowrap;
  }

  .cart-item-row.page-module__fV0H_G__top_content_cart {
    gap: 12px;
  }

  .cart-item-main.page-module__fV0H_G__left_donate_cart {
    gap: 12px;
  }

  .cart-item-image.page-module__fV0H_G__image_donate_cart {
    flex-basis: 64px;
    width: 64px;
    height: 64px;
    padding: 7px;
  }

  .cart-item-image.page-module__fV0H_G__image_donate_cart > img {
    width: 50px;
    height: 50px;
  }

  .cart-item-title.page-module__fV0H_G__bottom_tex_cart,
  .cart-item-price.page-module__fV0H_G__cost_text {
    font-size: 17px;
  }

  .cart-item-actions.page-module__fV0H_G__right_donate_cart {
    gap: 8px;
    padding-top: 16px;
  }

  .cart-item-remove.page-module__fV0H_G__button_del {
    flex-basis: 34px;
    width: 34px;
    height: 34px;
  }
}

body:has(.page-module__fV0H_G__cart.page-module__fV0H_G__active) {
  overflow: hidden;
}

body.cart-drawer-open {
  overflow: hidden;
}

.page-module__fV0H_G__cart_overlay {
  z-index: 10000 !important;
  background: #0009 !important;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.page-module__fV0H_G__cart {
  box-sizing: border-box;
  z-index: 10001 !important;
  width: 380px !important;
  max-width: 90vw !important;
  height: 100% !important;
  max-height: none !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  overflow: hidden !important;
  background: #111 !important;
  border-left: 1px solid #1e1e1e !important;
  border-radius: 0 !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: none;
}

.page-module__fV0H_G__top_cart {
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
}

.page-module__fV0H_G__cart_content {
  min-height: 0;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.page-module__fV0H_G__bottom_cart {
  flex: 0 0 auto;
  margin-top: 0;
  padding-top: 20px;
  background: #111;
}

.page-module__fV0H_G__absolute_cart {
  z-index: 9999 !important;
}

@media (max-width: 640px) {
  .page-module__fV0H_G__cart {
    width: 100vw !important;
    height: 100dvh !important;
    inset: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    padding: max(30px, env(safe-area-inset-top)) 24px
      max(28px, env(safe-area-inset-bottom)) !important;
  }

  .page-module__fV0H_G__cart_header {
    padding-bottom: 26px;
  }

  .page-module__fV0H_G__bottom_cart {
    margin-top: 20px;
  }
}

body.payment-screen-open {
  overflow: hidden;
}

body.payment-screen-open .Header-module__hBw1pG__header,
body.payment-screen-open .site-footer,
body.payment-screen-open .page-module__fV0H_G__absolute_cart,
body.payment-screen-open .page-module__fV0H_G__cart,
body.payment-screen-open .page-module__fV0H_G__cart_overlay {
  display: none !important;
}

body.payment-screen-open .Payment-module__1Zp9zq__absolute_payment {
  z-index: 10002 !important;
  background: #101010 !important;
}

body.payment-screen-open .Payment-module__1Zp9zq__payment {
  max-height: calc(100dvh - 56px);
}

@media (max-width: 1000px) {
  .Payment-module__1Zp9zq__absolute_payment {
    align-items: center !important;
    padding: 16px;
  }

  .Payment-module__1Zp9zq__payment {
    width: min(100%, calc(100vw - 32px));
    max-height: calc(100dvh - 32px);
  }
}

/* CakeWorld grid: dark static lines only, no glow/highlight. */
html,
body {
  --grid-x: 50vw !important;
  --grid-y: 220px !important;
}

body::before,
body:before {
  background-image:
    linear-gradient(rgba(125, 125, 125, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125, 125, 125, 0.09) 1px, transparent 1px) !important;
  opacity: 1 !important;
  filter: none !important;
}

body::after,
body:after,
body:hover::after,
body:hover:after,
body.grid-pointer-ready::after,
body.grid-pointer-ready:after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}