@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
--main-bg-color: #0b0a0a8f !important;
--main-bloc-color: #0b0a0a8f !important;
--border: 1px solid #3232323b !important;
--border-radius: 15px !important;
--blur: blur(5px) !important;
--box-shadow:  0px 0px 0rem 0rem #0000006b !important;
--color-text-activ: #ff4117 !important;
--color-text: #fff !important;
--main-dark-color: #fff !important;
--text-opaque: #fff !important;
--muted-heading #fff !important;
}

body, html {
font-family: 'Jost', sans-serif;
background-image: radial-gradient(circle, rgb(0 0 0 / 95%) 99%, rgb(0 0 0) 100%) !important;
}

.navbar {
background: var(--main-bloc-color);
border: var(--border);
border-radius: var(--border-radius);
backdrop-filter: var(--blur);
box-shadow: var(--box-shadow);
border-radius: 0 0 0px 0px;
border-top: 0px;
font-weight: 500;
color: var(--color-text);
border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.app-wrapper {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    
}

.banner {
border-radius: var(--border-radius);
border: var(--border);
box-shadow: var(--box-shadow);
margin-top: 5px;
}

.app-button {
background: var(--main-bloc-color);
border: var(--border);
border-radius: var(--border-radius);
backdrop-filter: var(--blur);
box-shadow: var(--box-shadow);
min-height: 40px !important;
flex: none !important;
color: var(--color-text);
display: flex;
gap: 0.5rem;
}

.search-input {
background: var(--main-bloc-color);
border: var(--border);
border-radius: var(--border-radius);
backdrop-filter: var(--blur);
box-shadow: var(--box-shadow);
margin-top: 6px;
}

.product-card {
background: var(--main-bloc-color);
border: var(--border);
border-radius: var(--border-radius);
backdrop-filter: var(--blur);
box-shadow: var(--box-shadow);
font-family: Manrope, sans-serif;
}

.monitoring {
border-radius: var(--border-radius);
border-bottom: var(--border); !important;
border-right: var(--border); !important;
border-top: var(--border); !important;
backdrop-filter: var(--blur);
box-shadow: var(--box-shadow);
background: var(--main-bloc-color);
margin-bottom: 17px;
}

.banner-elem {
border-radius: var(--border-radius);
box-shadow: var(--box-shadow);
margin-bottom: 17px;
border: var(--border);
}

.product-card-footer {
    color: var(--color-text);
    padding: 12px;
    display: contents;
}

.product-card-footer::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  top: 65%;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 1c-3.282 15.79-13.125 17.366 0 28.418 13.126-11.053 3.282-12.628 0-28.418zM7.797 10.463c-1.641 4.736-4.922 7.919-4.922 12.656s6.562 7.881 11.485 7.881c-9.844-7.896-6.563-12.643-6.563-20.537zM24.203 10.463c0 7.895 3.282 12.642-6.562 20.537 4.922 0 11.485-3.144 11.485-7.881s-3.282-7.92-4.922-12.656z' fill='%23ff4117'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}


.product-card-old-price {
  color: #ff7878;
  text-align: center;
}


.app-button--primary:hover, .app-button--primary.app-button--active {
    background: var(--main-bloc-color);
    color: var(--color-text-activ);
    border: var(--color-text-activ);
    border: 1px solid;
}

.banner-elem {
    background-size: cover;
    backdrop-filter: var(--blur);
    
}

.auth {
    border-bottom-right-radius: 0px;
}

.navbar-brand {
    font-size: 0px;
    width: 100px;
    height: 100%;
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: URL(тута картинки);
    margin-left: 20px;
}

.product-modal {
     max-width: 560px;
}

.modal-primary-button {
  background-color: #35ff1a;
}

.modal {
  background: #0c0b0a;
}

.banner {
    overflow: hidden;
}

.banner img {
    width: 100%;
    height: auto;
    display: block;
    animation: gentlePulse 8s infinite alternate;
}

@keyframes gentlePulse {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.10);
    }
}


.product-card:hover {
    border-color: var(--color-text-activ);
}

.product-card-price {
  padding: 0px 10px 0px 10px;
  border-radius: var(--border-radius);
  border: 1px solid;
  border-color: var(--color-text-activ);
  background-color: #05050624;
  color: var(--color-text-activ);
  text-align: center;
  display: block;
  width: fit-content;
  margin: 0 auto;
  box-shadow: 0px 0px 1rem 0rem #ff411745;
}

.product-card-image-container img {
    width: 100%;
    filter: drop-shadow(0px 0px 10px rgb(255 98 0));
}

.product-card-image-container {
    width: 100%;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
        background-color: #ffffff00;
}

.product-card-image-container:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 6%;
    transform: translate(-50%);
    width: 180px;
    height: 8px;
    background: linear-gradient(to right, transparent, #ff41172e, #ff411770, #ff4117) left center / 75px 2px no-repeat, linear-gradient(to left, transparent, #ff41172e, #ff411770, #ff4117) right center / 75px 2px no-repeat;
    filter: drop-shadow(0 0 4px rgba(255, 255, 255, .1));
}

body {
background-color: rgba(255, 255, 255, 0);
background-image: radial-gradient(circle, rgba(255, 255, 255, 0) 39%, rgba(80, 80, 80, 1) 100%);
font-family: 'Jost', sans-serif;
}

.products-types-buttons {gap: 12px;}


.auth-btn:hover, .balance-btn:hover, .profile-btn:hover {
    background-color: #ffffff00 !important;
    color: var(--color-text-activ);
}

.nav-item:hover {
    background-color: #ffffff00 !important;
    color: var(--color-text-activ);
}

.search-input:read-only {
  border: 1px solid !important;
  border-color: var(--color-text-activ) !important;
}

.profile-sidebar__header {
    background: var(--main-bloc-color);
    border: var(--border);
    border-radius: var(--border-radius);
    backdrop-filter: var(--blur);
}

.profile-sidebar__item {
    background: var(--main-bloc-color);
    border: var(--border);
    border-radius: var(--border-radius);
    backdrop-filter: var(--blur);
}

.profile-sidebar__link:hover{
    background-color: #ffffff00 !important;
    color: var(--color-text-activ);
}

.profile-sidebar__link--active{
  background-color: #edcce712 !important;
}

.profile-sidebar__footer{
    border: var(--border);
    border-radius: var(--border-radius);
    backdrop-filter: var(--blur);
    background-color: #c7101042;
    color: #fff;
}

.profile-info {
    border: var(--border);
    border-radius: var(--border-radius);
    backdrop-filter: var(--blur);
    background: var(--main-bloc-color);
}

.table {
    border: var(--border);
    border-radius: var(--border-radius);
    backdrop-filter: var(--blur);
    background: var(--main-bloc-color);
}

.table th, .table td {
    border-top: 0px !important;
}

.table {
    border-collapse: separate !important;
}

.table thead {
    background-color: #ffffff00 !important;
}

.table tbody {
    background-color: #ffffff00 !important;
}

.text-input {
    background: var(--main-bloc-color);
    border: var(--border);
    border-radius: var(--border-radius);
}

.app-button--success:hover, .app-button--success.app-button--active{
  background-color: #338d5aa8;
  color: #fff;
}

.disabled\:opacity-50:disabled {
    border: var(--border);
    border-radius: var(--border-radius);
    backdrop-filter: var(--blur);
    background: var(--main-bloc-color);
}

.hover\:bg-gray-200{
    border: var(--border);
    border-radius: var(--border-radius);
    backdrop-filter: var(--blur);
    background: var(--main-bloc-color);
}

.product-card-label {
    background: var(--color-text-activ);
}

.navbar-nav{
  text-transform: uppercase;
}

.product-cards {
  grid-template-columns: repeat(3, 1fr);
  gap: 17px;
}

.nav-custom-image{
      width: 40px;
}
.recharge-panel-section.-mt-4{

}

.navbar__btn:hover {
  color: var(--color-text-activ);
  background-color: #ffffff00;
}

.navbar__nav-item:hover {
  color: var(--color-text-activ);
  background-color: #ffffff00;
}

.grid-wrapper {
color: #fff;  
}

.amount-control-counter {
  color: #fff;
}

.select-options {
  background: #fff;
}

.form {
  color: var(--color-text-activ);
  background: var(--main-bloc-color);
  border: var(--border);
}

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

.products-container {
    gap: 12px;
}

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

.recharge-panel-input-raw::placeholder {color: white;}
.select-option:hover, .select-option.active {
  background-color: #adadad;
  color: #000000
}

.navbar__brand {
    padding-left: 10px;
    margin-left: 10px !important;
    font-weight: 700;
    white-space: nowrap;
    margin: auto 0;
    background-image: url(https://i.imgur.com/NcS0aM6.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    width: 160px;
    height: 80px;
    font-size: 0px;
    margin-top: 5px;
}

.product-card-name {
    text-align: center;
    padding-bottom: 1rem;
    font-size: 16px;
    font-weight: 400;
}

.bunner-title {
    padding-bottom: 1rem;
    border-bottom: 1px dashed #ffffff12;
    margin-bottom: 1rem;
}

.banner-item-link {
    background: var(--main-bloc-color);
}

[data-cid="4"]::before {
  content: "";
  top: 0px;
  right: 0px;
  width: 20px;
  height: 20px;
  background-color: #FFF; /* ★ Меняйте здесь цвет ★ */
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 14.803v6.447c0 .414.336.75.75.75h1.614a.75.75 0 0 0 .74-.627L5.5 19h13l.395 2.373a.75.75 0 0 0 .74.627h1.615a.75.75 0 0 0 .75-.75v-6.447a5.954 5.954 0 0 0-1-3.303l-.78-1.17a1.994 1.994 0 0 1-.178-.33h.994a.75.75 0 0 0 .671-.415l.25-.5A.75.75 0 0 0 21.287 8H19.6l-.31-1.546a2.5 2.5 0 0 0-1.885-1.944C15.943 4.17 14.141 4 12 4c-2.142 0-3.943.17-5.405.51a2.5 2.5 0 0 0-1.886 1.944L4.399 8H2.714a.75.75 0 0 0-.67 1.085l.25.5a.75.75 0 0 0 .67.415h.995a1.999 1.999 0 0 1-.178.33L3 11.5c-.652.978-1 2.127-1 3.303zm15.961-4.799a4 4 0 0 0 .34.997H5.699c.157-.315.271-.65.34-.997l.632-3.157a.5.5 0 0 1 .377-.39C8.346 6.157 10 6 12 6c2 0 3.654.156 4.952.458a.5.5 0 0 1 .378.389l.631 3.157zM5.5 16a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM20 14.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z' fill='black'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 14.803v6.447c0 .414.336.75.75.75h1.614a.75.75 0 0 0 .74-.627L5.5 19h13l.395 2.373a.75.75 0 0 0 .74.627h1.615a.75.75 0 0 0 .75-.75v-6.447a5.954 5.954 0 0 0-1-3.303l-.78-1.17a1.994 1.994 0 0 1-.178-.33h.994a.75.75 0 0 0 .671-.415l.25-.5A.75.75 0 0 0 21.287 8H19.6l-.31-1.546a2.5 2.5 0 0 0-1.885-1.944C15.943 4.17 14.141 4 12 4c-2.142 0-3.943.17-5.405.51a2.5 2.5 0 0 0-1.886 1.944L4.399 8H2.714a.75.75 0 0 0-.67 1.085l.25.5a.75.75 0 0 0 .67.415h.995a1.999 1.999 0 0 1-.178.33L3 11.5c-.652.978-1 2.127-1 3.303zm15.961-4.799a4 4 0 0 0 .34.997H5.699c.157-.315.271-.65.34-.997l.632-3.157a.5.5 0 0 1 .377-.39C8.346 6.157 10 6 12 6c2 0 3.654.156 4.952.458a.5.5 0 0 1 .378.389l.631 3.157zM5.5 16a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM20 14.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}

.app-button--primary:hover::before,
.app-button--primary.app-button--active::before {
    background-color: var(--color-text-activ);
}

[data-cid="8"]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #FFFFFF; /* Белый цвет */
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M305 151.1L320 171.8L335 151.1C360 116.5 400.2 96 442.9 96C516.4 96 576 155.6 576 229.1L576 231.7C576 343.9 436.1 474.2 363.1 529.9C350.7 539.3 335.5 544 320 544C304.5 544 289.2 539.4 276.9 529.9C203.9 474.2 64 343.9 64 231.7L64 229.1C64 155.6 123.6 96 197.1 96C239.8 96 280 116.5 305 151.1z' fill='black'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M305 151.1L320 171.8L335 151.1C360 116.5 400.2 96 442.9 96C516.4 96 576 155.6 576 229.1L576 231.7C576 343.9 436.1 474.2 363.1 529.9C350.7 539.3 335.5 544 320 544C304.5 544 289.2 539.4 276.9 529.9C203.9 474.2 64 343.9 64 231.7L64 229.1C64 155.6 123.6 96 197.1 96C239.8 96 280 116.5 305 151.1z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}

/* Изменение цвета при наведении */
[data-cid="1"]:hover::before {
  background-color: #FF6B6B; /* ★ Цвет при наведении ★ */
}

[data-cid="9"]::before {
  content: "";
  width: 20px;
  height: 20px;
  background-color: #FFF; /* ★ Меняйте цвет здесь ★ */
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z' fill='black'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}

/* Изменение цвета при наведении */
[data-cid="9"]:hover::before {
  background-color: #FF6B00; /* ★ Цвет при наведении ★ */
}

[data-cid="3"]::before {
  content: "";
  width: 20px;
  height: 20px;
  background-color: #FFFFFF; /* Белый цвет */
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320.2 176C364.4 176 400.2 140.2 400.2 96L453.7 96C470.7 96 487 102.7 499 114.7L617.6 233.4C630.1 245.9 630.1 266.2 617.6 278.7L566.9 329.4C554.4 341.9 534.1 341.9 521.6 329.4L480.2 288L480.2 512C480.2 547.3 451.5 576 416.2 576L224.2 576C188.9 576 160.2 547.3 160.2 512L160.2 288L118.8 329.4C106.3 341.9 86 341.9 73.5 329.4L22.9 278.6C10.4 266.1 10.4 245.8 22.9 233.3L141.5 114.7C153.5 102.7 169.8 96 186.8 96L240.3 96C240.3 140.2 276.1 176 320.3 176z' fill='black'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320.2 176C364.4 176 400.2 140.2 400.2 96L453.7 96C470.7 96 487 102.7 499 114.7L617.6 233.4C630.1 245.9 630.1 266.2 617.6 278.7L566.9 329.4C554.4 341.9 534.1 341.9 521.6 329.4L480.2 288L480.2 512C480.2 547.3 451.5 576 416.2 576L224.2 576C188.9 576 160.2 547.3 160.2 512L160.2 288L118.8 329.4C106.3 341.9 86 341.9 73.5 329.4L22.9 278.6C10.4 266.1 10.4 245.8 22.9 233.3L141.5 114.7C153.5 102.7 169.8 96 186.8 96L240.3 96C240.3 140.2 276.1 176 320.3 176z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}

/* Изменение цвета при наведении (опционально) */
[data-cid="3"]:hover::before {
 background-color: #FF6B00; /* ★ Цвет при наведении ★ */
}

[data-cid="7"]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #FFFFFF; /* Белый цвет */
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320 48C337.7 48 352 62.3 352 80L352 98.3C450.1 112.3 527.7 189.9 541.7 288L560 288C577.7 288 592 302.3 592 320C592 337.7 577.7 352 560 352L541.7 352C527.7 450.1 450.1 527.7 352 541.7L352 560C352 577.7 337.7 592 320 592C302.3 592 288 577.7 288 560L288 541.7C189.9 527.7 112.3 450.1 98.3 352L80 352C62.3 352 48 337.7 48 320C48 302.3 62.3 288 80 288L98.3 288C112.3 189.9 189.9 112.3 288 98.3L288 80C288 62.3 302.3 48 320 48zM163.2 352C175.9 414.7 225.3 464.1 288 476.8L288 464C288 446.3 302.3 432 320 432C337.7 432 352 446.3 352 464L352 476.8C414.7 464.1 464.1 414.7 476.8 352L464 352C446.3 352 432 337.7 432 320C432 302.3 446.3 288 464 288L476.8 288C464.1 225.3 414.7 175.9 352 163.2L352 176C352 193.7 337.7 208 320 208C302.3 208 288 193.7 288 176L288 163.2C225.3 175.9 175.9 225.3 163.2 288L176 288C193.7 288 208 302.3 208 320C208 337.7 193.7 352 176 352L163.2 352zM320 272C346.5 272 368 293.5 368 320C368 346.5 346.5 368 320 368C293.5 368 272 346.5 272 320C272 293.5 293.5 272 320 272z' fill='black'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320 48C337.7 48 352 62.3 352 80L352 98.3C450.1 112.3 527.7 189.9 541.7 288L560 288C577.7 288 592 302.3 592 320C592 337.7 577.7 352 560 352L541.7 352C527.7 450.1 450.1 527.7 352 541.7L352 560C352 577.7 337.7 592 320 592C302.3 592 288 577.7 288 560L288 541.7C189.9 527.7 112.3 450.1 98.3 352L80 352C62.3 352 48 337.7 48 320C48 302.3 62.3 288 80 288L98.3 288C112.3 189.9 189.9 112.3 288 98.3L288 80C288 62.3 302.3 48 320 48zM163.2 352C175.9 414.7 225.3 464.1 288 476.8L288 464C288 446.3 302.3 432 320 432C337.7 432 352 446.3 352 464L352 476.8C414.7 464.1 464.1 414.7 476.8 352L464 352C446.3 352 432 337.7 432 320C432 302.3 446.3 288 464 288L476.8 288C464.1 225.3 414.7 175.9 352 163.2L352 176C352 193.7 337.7 208 320 208C302.3 208 288 193.7 288 176L288 163.2C225.3 175.9 175.9 225.3 163.2 288L176 288C193.7 288 208 302.3 208 320C208 337.7 193.7 352 176 352L163.2 352zM320 272C346.5 272 368 293.5 368 320C368 346.5 346.5 368 320 368C293.5 368 272 346.5 272 320C272 293.5 293.5 272 320 272z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}

/* Изменение цвета при наведении */
[data-cid="2"]:hover::before {
  background-color: #FF6B00; /* ★ Оранжевый при наведении ★ */
}

[data-cid="2"]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #FFFFFF; /* Белый цвет */
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M495.212 16.785c-44.125-44.141-188.297 5.875-250.078 67.656S61.79 267.8 61.79 267.8l182.406 182.407c0 0 121.563-121.579 183.359-183.36C489.321 205.082 539.337 60.91 495.212 16.785z'/%3E%3Cpolygon points='0.009 329.597 182.399 512.004 217.712 476.691 35.306 294.285'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M495.212 16.785c-44.125-44.141-188.297 5.875-250.078 67.656S61.79 267.8,61.79,267.8l182.406 182.407c0 0 121.563-121.579 183.359-183.36C489.321 205.082 539.337 60.91 495.212 16.785z'/%3E%3Cpolygon points='0.009 329.597 182.399 512.004 217.712 476.691 35.306 294.285'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}

/* Изменение цвета при наведении (опционально) */
[data-cid="2"]:hover::before {
  background-color: #FF6B6B; /* ★ Цвет при наведении ★ */
}

[data-cid="1"]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #FFFFFF; /* Белый цвет */
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000000' d='M293.558 241.704l-30.06 30.06a167.363 167.363 0 0 0 123.006 23.162l-8.044-40.39a126.157 126.157 0 0 1-84.902-12.832zm-139.303 75.694a3.761 3.761 0 0 0 1.13 2.792l18.666 18.666a4.783 4.783 0 0 0 5.07 1.197c4.703-1.845 8.975 3.075 10.728 11.51l6.375 30.459a9.555 9.555 0 0 0 11.31 7.404l4.23-.905a15.385 15.385 0 0 0 11.918-18.217l-6.757-32.287a10.26 10.26 0 0 1 2.743-9.391l27.217-27.218a12.376 12.376 0 0 0 0-17.502l-11.061-11.062 50.894-50.894-32.278-32.279-33.151 33.152 3.964 3.964-70.64 70.64s-.117 14.91-.358 19.97zm57.834-2.003a9.673 9.673 0 0 1 0-13.68l10.712-10.712a9.673 9.673 0 0 1 13.68 0l1.603 1.604a9.673 9.673 0 0 1 0 13.68l-10.745 10.745a9.673 9.673 0 0 1-13.646-.033l-1.604-1.604zm-100.56 161.21a9.908 9.908 0 0 1-1.952 2.784l-5.145 5.145a5.007 5.007 0 0 1-7.08 0l-42.717-42.717a7.91 7.91 0 0 1-.258-10.912l63.37-69.702.365-.365a10.907 10.907 0 0 1 4.504-2.71l3.59-1.113a11.095 11.095 0 0 0 5.926-4.397l11.71-17.377 23.353 23.353zM384.012 93.991a4.701 4.701 0 0 0-6.648 0l-15.707 15.707-4.38-4.38 20.926-20.926 8.85 2.468a15.126 15.126 0 0 0 14.769-3.914l26.345-26.345-9.109-20.012a6.793 6.793 0 0 1 1.38-7.612l.764-.765c2.718-2.718 7.455-3.05 10.173-.332l15.316 15.316 6.582-6.582 6.408 6.408-6.59 6.59 2.991 2.992-75.76 75.76-12.017-12.017 15.707-15.708a4.701 4.701 0 0 0 0-6.648zm-40.207 24.45l18.575 18.574a7.193 7.193 0 0 1 .423 9.715l-51.875 61.748a7.193 7.193 0 0 1-10.596.458l-23.527-23.528a7.193 7.193 0 0 1 0-10.172l56.811-56.812a7.193 7.193 0 0 1 10.173 0z'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000000' d='M293.558 241.704l-30.06 30.06a167.363 167.363 0 0 0 123.006 23.162l-8.044-40.39a126.157 126.157 0 0 1-84.902-12.832zm-139.303 75.694a3.761 3.761 0 0 0 1.13 2.792l18.666 18.666a4.783 4.783 0 0 0 5.07 1.197c4.703-1.845 8.975 3.075 10.728 11.51l6.375 30.459a9.555 9.555 0 0 0 11.31 7.404l4.23-.905a15.385 15.385 0 0 0 11.918-18.217l-6.757-32.287a10.26 10.26 0 0 1 2.743-9.391l27.217-27.218a12.376 12.376 0 0 0 0-17.502l-11.061-11.062 50.894-50.894-32.278-32.279-33.151 33.152 3.964 3.964-70.64 70.64s-.117 14.91-.358 19.97zm57.834-2.003a9.673 9.673 0 0 1 0-13.68l10.712-10.712a9.673 9.673 0 0 1 13.68 0l1.603 1.604a9.673 9.673 0 0 1 0 13.68l-10.745 10.745a9.673 9.673 0 0 1-13.646-.033l-1.604-1.604zm-100.56 161.21a9.908 9.908 0 0 1-1.952 2.784l-5.145 5.145a5.007 5.007 0 0 1-7.08 0l-42.717-42.717a7.91 7.91 0 0 1-.258-10.912l63.37-69.702.365-.365a10.907 10.907 0 0 1 4.504-2.71l3.59-1.113a11.095 11.095 0 0 0 5.926-4.397l11.71-17.377 23.353 23.353zM384.012 93.991a4.701 4.701 0 0 0-6.648 0l-15.707 15.707-4.38-4.38 20.926-20.926 8.85 2.468a15.126 15.126 0 0 0 14.769-3.914l26.345-26.345-9.109-20.012a6.793 6.793 0 0 1 1.38-7.612l.764-.765c2.718-2.718 7.455-3.05 10.173-.332l15.316 15.316 6.582-6.582 6.408 6.408-6.59 6.59 2.991 2.992-75.76 75.76-12.017-12.017 15.707-15.708a4.701 4.701 0 0 0 0-6.648zm-40.207 24.45l18.575 18.574a7.193 7.193 0 0 1 .423 9.715l-51.875 61.748a7.193 7.193 0 0 1-10.596.458l-23.527-23.528a7.193 7.193 0 0 1 0-10.172l56.811-56.812a7.193 7.193 0 0 1 10.173 0z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}

/* Изменение цвета при наведении (опционально) */
[data-cid="8"]:hover::before {
  background-color: #FF6B6B; /* ★ Цвет при наведении ★ */
}

[data-cid="5"]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #FFFFFF; /* Белый цвет */
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M296.5 69.2C311.4 62.3 328.6 62.3 343.5 69.2L562.1 170.2C570.6 174.1 576 182.6 576 192C576 201.4 570.6 209.9 562.1 213.8L343.5 314.8C328.6 321.7 311.4 321.7 296.5 314.8L77.9 213.8C69.4 209.8 64 201.3 64 192C64 182.7 69.4 174.1 77.9 170.2L296.5 69.2zM112.1 282.4L276.4 358.3C304.1 371.1 336 371.1 363.7 358.3L528 282.4L562.1 298.2C570.6 302.1 576 310.6 576 320C576 329.4 570.6 337.9 562.1 341.8L343.5 442.8C328.6 449.7 311.4 449.7 296.5 442.8L77.9 341.8C69.4 337.8 64 329.3 64 320C64 310.7 69.4 302.1 77.9 298.2L112 282.4zM77.9 426.2L112 410.4L276.3 486.3C304 499.1 335.9 499.1 363.6 486.3L527.9 410.4L562 426.2C570.5 430.1 575.9 438.6 575.9 448C575.9 457.4 570.5 465.9 562 469.8L343.4 570.8C328.5 577.7 311.3 577.7 296.4 570.8L77.9 469.8C69.4 465.8 64 457.3 64 448C64 438.7 69.4 430.1 77.9 426.2z' fill='black'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M296.5 69.2C311.4 62.3 328.6 62.3 343.5 69.2L562.1 170.2C570.6 174.1 576 182.6 576 192C576 201.4 570.6 209.9 562.1 213.8L343.5 314.8C328.6 321.7 311.4 321.7 296.5 314.8L77.9 213.8C69.4 209.8 64 201.3 64 192C64 182.7 69.4 174.1 77.9 170.2L296.5 69.2zM112.1 282.4L276.4 358.3C304.1 371.1 336 371.1 363.7 358.3L528 282.4L562.1 298.2C570.6 302.1 576 310.6 576 320C576 329.4 570.6 337.9 562.1 341.8L343.5 442.8C328.6 449.7 311.4 449.7 296.5 442.8L77.9 341.8C69.4 337.8 64 329.3 64 320C64 310.7 69.4 302.1 77.9 298.2L112 282.4zM77.9 426.2L112 410.4L276.3 486.3C304 499.1 335.9 499.1 363.6 486.3L527.9 410.4L562 426.2C570.5 430.1 575.9 438.6 575.9 448C575.9 457.4 570.5 465.9 562 469.8L343.4 570.8C328.5 577.7 311.3 577.7 296.4 570.8L77.9 469.8C69.4 465.8 64 457.3 64 448C64 438.7 69.4 430.1 77.9 426.2z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}

/* Изменение цвета при наведении (опционально) */
[data-cid="5"]:hover::before {
  background-color: #FF6B6B; /* ★ Цвет при наведении ★ */
}

[data-cid="6"]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #FFFFFF; /* Белый цвет */
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M28.394 7.296l-4.254-0.64 1.241-1.64-5.146-3.928-1.308 1.728c-2.13-1.258-4.321-1.802-5.939-1.636l0 0.001c-0.231 0.022-0.45 0.078-0.656 0.129-0.646 0.162-1.148 0.459-1.465 0.877l5.412 4.129-1.207 1.595 1.017 0.776c-5.472 6.732-11.742 12.501-15.269 20.272l3.1 2.346c6.645-5.773 10.208-12.942 15.337-20.201l0.962 0.734 1.241-1.64 1.773 3.919 2.659 2.011c3.267-1.373 4.722-3.803 5.163-6.824l-2.659-2.012z'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M28.394 7.296l-4.254-0.64 1.241-1.64-5.146-3.928-1.308 1.728c-2.13-1.258-4.321-1.802-5.939-1.636l0 0.001c-0.231 0.022-0.45 0.078-0.656 0.129-0.646 0.162-1.148 0.459-1.465 0.877l5.412 4.129-1.207 1.595 1.017 0.776c-5.472 6.732-11.742 12.501-15.269 20.272l3.1 2.346c6.645-5.773 10.208-12.942 15.337-20.201l0.962 0.734 1.241-1.64 1.773 3.919 2.659 2.011c3.267-1.373 4.722-3.803 5.163-6.824l-2.659-2.012z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}

.product-card-label--per_user_limit {
    display: none;
}

.cookie-banner {
    background: linear-gradient(85deg, rgb(202 39 39 / 100%), rgb(26 19 20 / 100%)) !important;
    border: 0px !important;
}

.cookie-content p {
    color: #bfbfbf;
}

.cookie-buttons button:first-child {
    border: 1px solid #ffffff00;
    background-color: #00000094;
}

.footer {
  color: #fff;
}

.product-cards {
  background-color: #ffffff00;
  background-repeat: 0px;
  background-size: 0px;
  border: 0px;
  border-radius: 0px;
  padding: 0px;
  box-shadow: none;
  box-shadow: none;
}

.tabs {
  background:var(--main-bloc-color);
}

.card {
  background:var(--main-bloc-color);
}

.balance {
  background:var(--main-bloc-color);
}

.table {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.form {
   border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.w-full {
  padding-top: 1rem;
}

@media (max-width: 760px) {
  .banner-item-link {
    flex-wrap: wrap !important;
  }

  .lw-warning-notice__toggle {
    width: 100% !important;
  }
}


@media (max-width: 1200px) {
    .product-cards {
        grid-template-columns:repeat(3,1fr)
    }
    .app-wrapper {
      padding: 1rem;
    }
}

@media (max-width: 700px) {
    .product-cards {
        grid-template-columns:repeat(1,1fr)
    }
    .app-wrapper {
      padding: 1rem;
    }
}

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