/* =========================
   MAIN-START
========================= */

/* =========================
   HEADER / NAVBAR
========================= */
.navbar {
  color: #fff;
  background-image: url(https://s5.iimage.su/s/15/gJfj5q3xicNhlKhegHn7t9P75herzR123E5dy0b9.jpg); /* bg-navbar.jpg */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 0;
}

.nav-link {
  padding: 0 20px;
}

.nav-item:hover {
  color: #d2a32a;
  background-color: transparent;
}

.navbar-links {
  padding-left: 20px;
}

@media (max-width: 992px) {
  .navbar-links {
    background-image: url(https://s5.iimage.su/s/15/gaS8KZHxzMPuAewaNLaPyMiMWEdWWiDdVzhm2DwL.jpg); /* btn-modal.jpg */
    background-position: center center;
  }
}

.language-switcher {
  display: none !important;
}

.auth-btn:hover,
.balance-btn:hover,
.profile-btn:hover {
  background-color: #00000000;
  color: #d2a32a;
}

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

/* =========================
   BANNER
========================= */
.banner {
  margin-top: 0 !important;
  border-radius: 0;
}
.banner img {
  min-width: 100%;
}

.bunner-title {
  color: #d2a32a;
  font-weight: 900;
  font-size: 18px;
}

.banner-content {
  font-size: 14px;
}

/* =========================
   BUTTONS
========================= */
.grid-wrapper {
    grid-template-columns: 1fr;
}

.grid-wrapper:has(.profile-sidebar) {
  grid-template-columns: 3fr 1fr;
}

@media (max-width: 1292px) {
    .grid-wrapper:has(.profile-sidebar) {
        grid-template-columns: 1fr;
    }
}

.app-button--primary {
  color: #fff;
  background-image: url(https://s5.iimage.su/s/15/gMuAwASxaW0zOMTSiZTvkWKEnZrf1z3GwUTvX2Bn.jpg); /* bg-btn-cat.jpg */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: all .4s ease-out;
  font-size: 12px;
  font-weight: 600;
  max-width: 247.6px;
  border-radius: 0;
}

.app-button--primary:hover,
.app-button--primary.app-button--active {
  background-image: url(https://s5.iimage.su/s/15/gCHddtqx17Wjv1uRdpYpC9N7vnKIyrPkYM80RrEK.jpg); /* bg-btn-cat-hover.jpg */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #d2a32a;
}

.banner-elem {
  border-radius: 0px;
  margin-bottom: 8px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.banner-item-link {
  padding: 21px 20px 23px 20px;
}

/* =========================
   SEARCH
========================= */
.search-input {
  padding: 15px 20px 15px 21px;
  font-size: 15px;
  background-image: url(https://s5.iimage.su/s/15/gK9XNklxX8vc8Q7qzVzzE8W6ely1yhgIg6uCKPXG.jpg); /* bg-search.jpg */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #fff;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0;
}

.search-input:focus {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background-color: transparent;
  color: #fff !important;
}

.search-input::placeholder {
  color: #aaa;
  opacity: 1;
}

input {
  border: 0px;
}

.empty-box {
  background-image: url(https://s5.iimage.su/s/15/gaS8KZHxzMPuAewaNLaPyMiMWEdWWiDdVzhm2DwL.jpg); /* btn-modal.jpg */
  background-repeat: repeat;
  background-position: center center;
  border-radius: 0;
  border: 2px dashed #373737;
}

.empty-icon {
  background-color: #d2a32a;
  color: #11110f;
}


/* =========================
   PRODUCT CARDS
========================= */
.product-cards {
  grid-template-columns: repeat(5, 1fr);
}

.product-card {
  border-radius: 0;
}

.product-card-image-container {
  transition: all 0.8s ease-out;
}

.product-card:hover .product-card-image-container {
  background-image: url(https://s5.iimage.su/s/15/gzLkCJux2G76rd80Y1ZONoqc5pX7XzKzE5deXZhE.jpg) !important; /* bg-prod-hover.jpg */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.product-card-footer {
  display: flex;
  padding-left: 23px;
  padding-right: 23px;
  padding-top: 14px;
  background-image: url(https://s5.iimage.su/s/15/gYuSy36xpGbnTEHN7Lq2tXDNXTi7iWgTDv0MCwkn.jpg); /* bg-prod-footer.jpg */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start;
}

.product-card-image-container img {
  max-width: 90%;
}

.product-card-name {
  line-height: 1.4;
  color: #fff;
  font-size: 12px;
}

.product-card-price {
  margin-top: -4px;
  color: #d2a32a;
  font-size: 13px;
}

.modal {
  background-image: url(https://s5.iimage.su/s/15/gaS8KZHxzMPuAewaNLaPyMiMWEdWWiDdVzhm2DwL.jpg); /* btn-modal.jpg */
  background-repeat: repeat;
  background-position: center center;
  border-radius: 15px;
  border: 2px dashed #373737;
  transition: all 0.4s ease-out;
}

.modal:hover {
  box-shadow: 0 0 75px rgb(139 115 13 / 31%)
}

.modal-content {
  padding-bottom: 10px;
}

.modal-overlay {
  background-color: #000000bf;
  backdrop-filter: blur(3px);
}

.product-modal {
  padding: 0rem 1rem 0;
}

.product-modal-title {
  color: #fff;
}

.product-modal-description {
  color: #fff;
  font-size: 14px;
}

.amount-control-counter {
  background-color: #00000000;
  border-radius: 0;
}

.amount-control-counter-button {
  border: 2px dashed #373737;
  border-radius: 0;
  color: #fff;
  font-size: 1.4rem;
}

.amount-control-counter-button:hover {
  background-color: transparent;
  color: #d2a32a !important;
}

.amount-control-count {
  font-size: 20px;
  color: #fff;
}

.amount-control-total {
  background-color: transparent;
  font-size: 20px;
  justify-content: center;
  margin-top: 3px;
  color: #d2a32a;
  border-radius: 0;
  border: 2px dashed #373737;
}

.amount-control-total-rub {
    color: #d2a32a;
}

.modal-footer-buttons {
  padding: 0px 2.5rem 0px 2.5rem;
}

.modal-close-button {
  border-radius: 0px;
  background-color: #333;
  margin-left: 0;
  padding-right: 1.8rem;
  padding-left: 1.8rem;
  background-image: url(https://s5.iimage.su/s/15/gkPNxAvxnncp7tdq6UD2DPvtkk7UqhqNzFqRln9O.jpg); /* btn-close-card.jpg */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.modal-close-button-text {
  color: var(--main-white-color);
  font-size: .9rem;
  font-weight: 500;
  opacity: inherit;
}

.modal-primary-button {
  max-width: 142.73px;
  min-width: 142.73px;
  border-radius: 0;
  padding-right: 0;
  padding-left: 0;
  background-image: url(https://s5.iimage.su/s/15/g5HRdLrxXl0PUgEhQDucS7aINL16aQ8djklfUCmz.jpg); /* btn-buy-card.jpg */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.modal-close-button p,
.modal-primary-button p {
  transition: all .4s ease-out;
}

.modal-close-button:hover p,
.modal-primary-button:hover p {
  color: #d2a32a !important;
}

/* =========================
   SCROLL TO TOP
========================= */
.scroll-top-btn {
  font-size: 26px !important;
  background-image: url(https://s5.iimage.su/s/15/g2topFtxcAMD7HKQuyc8qXz4aykw8GdHCb6PQT2X.jpg) !important; /* btn-scroll-top.jpg */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* =========================
   FOOTER
========================= */
.footer{
  font-size: 10px;
}

.footer-link {
  color: #fff;
}

.footer > p:nth-of-type(2),
.footer > p:nth-of-type(3) {
  display: none !important;
}

.footer .footer-links a:last-child {
  display: none !important;
}

/* =========================
   MAIN-END
========================= */

/* =========================
   PROFILE-START
========================= */
.profile-info {
  padding: 0px;
  background-color: #00000000;
  border-radius: 0px;
}

.profile-info__row {
  background-image: url(https://s5.iimage.su/s/15/gGDcbrTxnZVPcWY5icDwfmlizrCmOI9mzb24zeRr.jpg); /* bg-about-info.jpg */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #fff;
  border-radius: 0px;
  margin-bottom: 10px;
}

.profile-info__cell a {
  color: #d2a32a;
}

.profile-info__cell {
  padding: 12.7px;
}

.profile-sidebar__header {
  display: none;
}

.profile-sidebar__list {
  gap: 10px;
}

.profile-sidebar__link {
  background-image: url(https://s5.iimage.su/s/15/gRSn5BPx8qAHQ3PLr7bwiBXrIRIrQH47yPOADbNV.jpg); /* bg-about-btn-cat.jpg */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #fff;
  border-radius: 0px;
  padding: .8rem 1rem;
  transition: all .4s ease-out;
}

.profile-sidebar__link:hover,
.profile-sidebar__link.active {
  background-image: url(https://s5.iimage.su/s/15/gwT3QbTx6XHyKcVX4JIk288mmgMaLqouvj6vMDWY.jpg); /* bg-about-btn-cat-hover.jpg */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 0px;
}

.profile-sidebar__footer .profile-sidebar__link:hover,
.profile-sidebar__footer .profile-sidebar__link.active {
  background-image: url(https://s5.iimage.su/s/15/gut4gm9xymVJknyjnVL5148PIKPtFYJB2RdMDOTz.jpg); /* bg-about-btn-cat-exit-hover.jpg */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 0px;
}

a.profile-sidebar__link,
button.profile-sidebar__link {
  cursor: pointer;
}

.profile-sidebar__item {
  background: #ffffff00;
  border-radius: 0px;
}

.profile-sidebar__item:hover {
  
  background: #ffffff00;
  border-radius: 0px;
}

.profile-sidebar__footer {
  border: 0px;
  border-radius: 0px;
  margin-top: 10px;
}

.text-xl.font-semibold.mb-4 {
  display: none;
}

.table {
  background-image: url(https://s5.iimage.su/s/15/gaS8KZHxzMPuAewaNLaPyMiMWEdWWiDdVzhm2DwL.jpg); /* btn-modal.jpg */
  background-position: center center;
  background-repeat: repeat;
  border-radius: 0px;
  border: 2px dashed #373737;
}

.table thead {
  color: #fff;
  background: #ffffff00;
}

.table tbody {
  color: #fff;
  background: #ffffff00;
}

.table th, .table td {
  border: 0px;
}

.mt-4.flex.justify-center.gap-2 > button {
  background-image: url(https://s5.iimage.su/s/15/gaS8KZHxzMPuAewaNLaPyMiMWEdWWiDdVzhm2DwL.jpg); /* btn-modal.jpg */
  background-repeat: repeat;
  background-position: center center;
  color: #fff !important;
  border: 2px dashed #373737 !important;
  border-radius: 0 !important;
}

.mt-4.flex.justify-center.gap-2 > button:hover {
  background-color: transparent !important;
  color: #d2a32a !important;
}

.mt-4.flex.justify-center.gap-2 > button:disabled {
  color: transparent !important;
  border: 0px !important;
}

.flex.w-full.gap-x-2.text-input {
  background-image: url(https://s5.iimage.su/s/15/gaS8KZHxzMPuAewaNLaPyMiMWEdWWiDdVzhm2DwL.jpg); /* btn-modal.jpg */
  background-repeat: repeat;
  background-position: center center;
  background-size: cover;
}

.text-input {
  background-image: url(https://s5.iimage.su/s/15/gJPdkUtxZPc2LkoPpVlS7VHLXulkermZnfFnzyrh.jpg); /* bg-promo.jpg */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-repeat: repeat;
  background-position: center;
  background-size: auto;
  color: #fff !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

.text-input:focus {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background-color: transparent;
  color: #fff !important;
}

.text-input::placeholder {
  color: rgba(255,255,255,0.6);
}

.gap-x-2 {
  column-gap: calc(var(--spacing) * 3);
}

.w-full .app-button {
  background-image: url(https://s5.iimage.su/s/15/gKyTUiVxBuptyq7cvz91QDLDqe51PnIhLNwIc3tp.jpg); /* bg-about-btn-apply.jpg */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 49px;
  border-radius: 0 !important;
  color: #fff;
  font-weight: 600;
}

.w-full .app-button:hover {
  background-image: url(https://s5.iimage.su/s/15/g9LLOdyxJ0Q854A4zoYAlivdUet000CV1RtTENjw.jpg); /* bg-about-btn-apply-hover.jpg */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.w-full .app-button--success {
  border: 0px;
}

/* =========================
   PROFILE-END
========================= */

/* =========================
   PAY-START
========================= */
.recharge-panel {
  background: transparent !important;
  color: #fff;
  padding: 0px 1rem 1rem 1rem;
}

.recharge-panel-header {
  color: #fff;
}

.recharge-panel-label {
  color: #fff;
}

.recharge-panel-input-raw {
  color: #fff;
}

.recharge-panel-input {
  border: 2px dashed #373737;
  border-radius: 0;
  color: #d2a32a;
  background-color: transparent !important;
  transition: none !important;
}

.recharge-panel-provider {
  background: #00000000;
  border: 2px dashed #373737;
  border-radius: 0;
}

.recharge-panel-provider.selected {
  background: #a7a61c1f;
}

.recharge-panel-provider {
  height: 100px;
}
  
.promo-wrapper .promo-button {
  background-color: transparent;
  transition: all .4s ease-out;
}

.promo-wrapper .promo-button:hover {
  color: #d2a32a !important;
}

.mb-2 {
  margin-bottom: 0;
}

.recharge-panel-bonus {
  background: transparent;
  color: #d2a32a;
  padding: 2px 10px;
  border-radius: 0;
  border: 2px dashed #373737;
  font-size: 1rem;
}

/* =========================
   PAY-END
========================= */


@media (min-width: 650px) {
  .recharge-panel-bonuses {
      grid-template-columns: repeat(4, 1fr);
  }
}

.recharge-panel-bonus-per-summ {
  margin: 0;
}

@media (max-width: 1292px) {
  .banner-elem,
  .app-button--primary,
  .app-button--primary:hover,
  .app-button--primary.app-button--active,
  .navbar,
  .search-input,
  .search-input:focus,
  .profile-info__row,
  .profile-sidebar__link,
  .sidebar__link.active,
  .text-input,
  .text-input:focus,
  .w-full .app-button {
    background-color: #000 !important;
    background-image: url(https://s5.iimage.su/s/15/gaS8KZHxzMPuAewaNLaPyMiMWEdWWiDdVzhm2DwL.jpg) !important; /* btn-modal.jpg */
    background-repeat: repeat !important;
    background-position: center center !important;
    background-size: auto !important;
    border: 2px dashed #373737 !important;
  }

  .app-button--primary {
    max-width: none;
  }

  .profile-sidebar__link:hover {
    color: #d2a32a !important;
  }
  
  .app-button--primary.app-button--active,
  .profile-sidebar__link.active,
  .w-full .app-button:hover {
    background: #a7a61c1f !important;
    color: #d2a32a !important;
  }
}

@media (max-width: 500px) {
    .product-cards {
      grid-template-columns: repeat(2, 1fr);
    }

    .product-card-footer {
      padding-left: 15px;
      padding-right: 15px;
    }
  
    .product-card-name {
      font-size: 8px;
      line-height: 1.2;
    }

    .product-card-price {
      font-size: 10px;
    }

    .recharge-panel-bonuses {
      grid-row-gap: 5px;
    }
}

.cookie-banner {
    display: none !important;
}