
:root {
  --sonars-primary: #82f30b;
  --sonars-primary-hover: #73dc08;
  --sonars-primary-light: #f0fce8;
  --sonars-primary-glow: rgba(130, 243, 11, 0.35);
  --sonars-dark: #1c0e0e;
  --sonars-graphite: #4b4a4a;
  --sonars-bg-light: #ffffff;
  --sonars-btn-radius: 30px;
}

body, .t-body, .t-records {
  background-color: var(--sonars-bg-light) !important;
  color: var(--sonars-dark);
  font-family: 'Manrope', Arial, sans-serif;
}

.t-btn:not(.t-btn_secondary):not(.t-btn_outline),
.t-submit,
.t-btn_sm:not(.t-btn_secondary),
.t-btn_md:not(.t-btn_secondary),
.t-btn_lg:not(.t-btn_secondary),
.t-form__submit .t-submit,
.t706__cartwin-prodamount-btn,
.t-calc__btn,
.t-popup .t-btn,
.t-popup .t-submit {
  background-color: var(--sonars-primary) !important;
  color: #ffffff !important;
  border-radius: var(--sonars-btn-radius) !important;
  border: none !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 15px var(--sonars-primary-glow) !important;
  transition: all 0.25s ease-in-out !important;
}

.t-btn:not(.t-btn_secondary):not(.t-btn_outline):hover,
.t-submit:hover,
.t-form__submit .t-submit:hover,
.t-popup .t-btn:hover,
.t-popup .t-submit:hover {
  background-color: var(--sonars-primary-hover) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 20px var(--sonars-primary-glow) !important;
  transform: translateY(-1px);
}

.t396 [data-elem-type="button"] .tn-atom,
.t396 .tn-elem[data-elem-id*="button"] .tn-atom,
.t396 a.tn-atom[style*="background-color"] {
  border-radius: var(--sonars-btn-radius) !important;
}

.t396 .tn-elem .tn-atom[style*="#951a1d"],
.t396 .tn-elem .tn-atom[style*="951a1d"],
.t396 .tn-elem .tn-atom[style*="rgb(149, 26, 29)"],
.t396 .tn-elem .tn-atom[style*="rgb(149,26,29)"] {
  --t396-bgcolor-color: var(--sonars-primary) !important;
  background-color: var(--sonars-primary) !important;
  color: #ffffff !important;
  border-color: var(--sonars-primary) !important;
}

.t396 .tn-elem .tn-atom .tn-atom__button-text[style*="#951a1d"],
.t396 .tn-elem .tn-atom .tn-atom__button-text[style*="951a1d"] {
  color: #ffffff !important;
}

.t-btn_outline,
.t-btn_secondary,
.t396 .tn-elem[data-elem-id="175797659267652700"] .tn-atom {
  border-radius: var(--sonars-btn-radius) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  transition: all 0.25s ease-in-out !important;
}

div[style*="#ffeaf0"],
div[style*="ffeaf0"],
div[style*="rgb(255, 234, 240)"],
.t396 .tn-elem .tn-atom[style*="#ffeaf0"],
.t396 .tn-elem .tn-atom[style*="ffeaf0"],
.t396 .tn-elem .tn-atom[style*="rgb(255, 234, 240)"] {
  background-color: var(--sonars-primary-light) !important;
  --t396-bgcolor-color: var(--sonars-primary-light) !important;
}

.t794__typo.t-active,
a[data-tooltip-menu-id] + .t794__tooltip-menu .t794__typo.t-active,
.t794__typo:not(.t-active):hover,
.t-menu__link-item.t-active:not(.t978__menu-link),
.t-menusub__link-item.t-active,
.t450 .t-menu__link-item.t-active {
  color: var(--sonars-primary) !important;
}

.t-menubutton.t-menubutton_active span,
.t-menubutton:hover span {
  background-color: var(--sonars-primary) !important;
}

.t-input:focus, .t-select:focus, .t-textarea:focus {
  border-color: var(--sonars-primary) !important;
  box-shadow: 0 0 0 2px var(--sonars-primary-glow) !important;
  outline: none !important;
}

.t-checkbox__control input:checked + .t-checkbox__indicator,
.t-radio__control input:checked + .t-radio__indicator,
.t-range::-webkit-slider-thumb {
  background-color: var(--sonars-primary) !important;
  border-color: var(--sonars-primary) !important;
}

@media screen and (max-width: 959px) {
  .t-btn, .t-submit, .t396 [data-elem-type="button"] .tn-atom {
    border-radius: var(--sonars-btn-radius) !important;
    font-size: 14px !important;
  }
}
@media screen and (max-width: 479px) {
  .t-btn, .t-submit, .t396 [data-elem-type="button"] .tn-atom {
    border-radius: var(--sonars-btn-radius) !important;
    font-size: 14px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
}
</style>