.bg-danger {
  background-color: #CA462A !important;
}

.text-success {
  color: #008839 !important;
}

.bg-success {
  background-color: #008839 !important;
}

:root {
  --ob-color-grey-01: #F3F3F5;
  --ob-color-bg: #F3F3F5;
  --ob-color-bg-card: #FFFFFF;
  --ob-color-text-button: #FFFFFF;
  --ob-color-bg-button: #141414;
  --ob-color-button-bg-disabled: #C5C4CC;
  --ob-color-button-border-disabled: #C5C4CC;
  --ob-color-button-text-disabled: #9E9DA3;
  --ob-color-button-icon-disabled: #9E9DA3;
  --ob-color-text-button-primary: #FFFFFF;
  --ob-color-text-button-secondary: #141414;
  --ob-color-bg-button-secondary: transparent;
  --ob-color-border-button-secondary: #141414;
  --ob-color-text-button-light: #141414;
  --ob-color-bg-button-light: #F3F3F5;
  --ob-color-text-button-link: #3B3B3D;
  --ob-color-bg-button-link: transparent;
  --ob-color-button-border-link: #3B3B3D;
  --ob-color-button-bg-secondary-hover: #EEEDF0;
  --ob-color-button-text-light-hover: #141414;
  --ob-color-button-text-secondary-hover: #141414;
  --ob-icon-stroke-button: #FFFFFF;
  --ob-icon-stroke-button-secondary: #141414;
  --ob-color-bg-button-hover: #2E2E2E;
  --ob-color-bg-button-active: #0E0E0E;
  --ob-color-bg-button-focus: #141414;
  --ob-color-bg-button-light-hover: #EEEDF0;
  --ob-color-border-input: #76767A;
  --ob-color-text-label: #76767A;
  --ob-color-bg-label-input: #FFFFFF;
  --ob-color-text-validation-input: #76767A;
  --ob-color-outline-focus-input: #0077FF;
  --ob-color-text-focus-label: #76767A;
  --ob-color-text-label-input: #76767A;
  --ob-color-border-input-hover: #4F4E52;
  --ob-color-border-input-disabled: color-mix(in srgb, var(--ob-color-border-input) 38%, transparent);
  --ob-color-text-label-disabled: color-mix(in srgb, var(--ob-color-text-label) 38%, transparent);
  --ob-color-text-validation-input-disabled: color-mix(in srgb, var(--ob-color-text-validation-input) 38%, transparent);
  --ob-color-text-label-error: #CA462A;
  --ob-color-border-input-error: #CA462A;
  --ob-color-text-validation-input-error: #CA462A;
  --ob-color-text-textarea: #141414;
  --ob-color-bg-checkbox: #FFFFFF;
  --ob-color-bg-checkbox-checked: #141414;
  --ob-color-border-checkbox: #C5C4CC;
  --ob-color-border-checkbox-checked: #141414;
  --ob-color-shadow-checkbox: color-mix(in srgb, var(--ob-color-grey-01) 100%, transparent);
  --ob-color-shadow-radio: #141414;
  --ob-color-border-radio: #C5C4CC;
  --ob-color-border-radio-checked: #141414;
  --ob-color-border-select: #76767A;
  --ob-color-bg-select: #FFFFFF;
  --ob-color-outline-select-focus: #0077FF;
  --ob-color-select-option-selected: #141414;
  --ob-color-breadcrumb-text: #141414;
  --ob-color-breadcrumb-text-current: #4F4E52;
  --ob-color-breadcrumb-text-last: #76767A;
  --ob-color-text-button-slider-primary: #FFFFFF;
  --ob-color-bg-button-slider-primary: #141414;
  --ob-color-text-button-slider-secondary: #141414;
  --ob-color-bg-button-slider-secondary: #FFFFFF;
  --ob-color-bg-slider-pagination: #141414;
  --ob-color-outline-focus: #0077FF;
  --ob-color-text-accordion: #141414;
  --ob-color-accordion-panel: #4F4E52;
  --ob-color-accordion-border: #C5C4CC;
  --ob-color-bg-footer: #FFFFFF;
  --ob-color-text-footer: #141414;
  --ob-color-divider: #141414;
  --ob-color-bg-navbar: #FFFFFF;
  --ob-color-txt-cart-navbar: #FFFFFF;
  --ob-color-bg-cart-navbar: #EB0000;
  --ob-color-icon-user-logged-in: #00FF51;
  --ob-color-icon-user-guest: #C5C4CC;
  --ob-color-product-collection-name: #4F4E52;
  --ob-color-product-name: #141414;
}

@keyframes drawline-animation {
  from {
    background-size: 0% 1px;
  }
  to {
    background-size: 100% 1px;
  }
}

:root {
  --ob-color-bg-desktop-dialog: #FFFFFF;
  --ob-color-bg: #F3F3F5;
  --ob-color-text-submenu-title: #757575;
  --ob-color-text-submenu-item: #141414;
}

.product-tabs {
  border-top: 1px solid #C5C4CC;
  border-bottom: 1px solid #C5C4CC;
  padding-top: 24px;
  padding-bottom: 24px;
}

.product-tabs .tabs-list {
  display: flex;
  gap: 16px;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 10px;
  margin-bottom: 14px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.product-tabs .tabs-list::-webkit-scrollbar {
  display: none;
}

.product-tabs__btn {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16.86667px;
  line-height: 140%;
  letter-spacing: 0;
  background-color: transparent;
  border-width: 0;
  padding: 4px 0 3px;
  border-bottom: 1px solid transparent;
}

@media (min-width: 320px) and (max-width: 1920px) {
  .product-tabs__btn {
    font-size: calc(16.86667px + (19.91429 - 16.86667) * ((100vw - 320px) / (1920 - 320)));
  }
}

@media (min-width: 1920px) {
  .product-tabs__btn {
    font-size: 19.91429px;
  }
}

.product-tabs__btn.opened {
  border-color: #141414;
}

.product-tabs__btn.opened span {
  color: #141414;
}

.product-tabs__btn span {
  display: inline-block;
  width: max-content;
  color: #9E9DA3;
}

.product-tabs__panel {
  gap: 12px;
  display: flex;
}

.product-tabs__panel .panel-text-title {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: clamp(1rem, calc(1rem + 0vw), 1rem);
  line-height: 140%;
  letter-spacing: 0;
  color: #141414;
}

.product-tabs__panel .panel-text-title b {
  color: #EB0000;
}

.product-tabs__panel .panel-text-subtitle {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: clamp(0.875rem, calc(0.875rem + 0vw), 0.875rem);
  line-height: 140%;
  letter-spacing: 0;
  color: #141414;
}

.product-tabs__panel .panel-image {
  background-color: #fff;
  width: 100px;
  height: 100px;
  border-radius: 16px;
}

.product-tabs__panel .panel-product-info {
  display: flex;
  flex-direction: column;
  gap: 4px 8px;
}

.product-tabs__panel .panel-discount {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 11.86667px;
  line-height: 120%;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #141414;
}

@media (min-width: 320px) and (max-width: 1920px) {
  .product-tabs__panel .panel-discount {
    font-size: calc(11.86667px + (14.91429 - 11.86667) * ((100vw - 320px) / (1920 - 320)));
  }
}

@media (min-width: 1920px) {
  .product-tabs__panel .panel-discount {
    font-size: 14.91429px;
  }
}

.product-tabs__panel .panel-text {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: clamp(1rem, calc(1rem + 0vw), 1rem);
  line-height: 140%;
  letter-spacing: 0;
  color: #141414;
  margin-bottom: 12px;
}

@media (min-width: 1280px) {
  .product-tabs__panel .panel-text--mobile {
    display: none;
  }
}

.product-tabs__panel .panel-text--desktop {
  display: none;
}

@media (min-width: 1280px) {
  .product-tabs__panel .panel-text--desktop {
    display: block;
  }
}

.one-plus-one-tab.product-tabs__panel {
  flex-direction: column;
}

.one-plus-one-tab.product-tabs__panel .product-tabs__inner {
  display: flex;
  gap: 12px;
}

@media (max-width: 989px) {
  .one-plus-one-tab.product-tabs__panel .product-tabs__inner {
    align-items: center;
  }
}

.one-plus-one-tab.product-tabs__panel .panel-discount {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 11.86667px;
  line-height: 120%;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #EB0000;
}

@media (min-width: 320px) and (max-width: 1920px) {
  .one-plus-one-tab.product-tabs__panel .panel-discount {
    font-size: calc(11.86667px + (14.91429 - 11.86667) * ((100vw - 320px) / (1920 - 320)));
  }
}

@media (min-width: 1920px) {
  .one-plus-one-tab.product-tabs__panel .panel-discount {
    font-size: 14.91429px;
  }
}

.one-plus-one-tab.product-tabs__panel .panel-product-info {
  max-width: 250px;
}

.one-plus-one-tab.product-tabs__panel .ob-button--secondary {
  display: inline-block;
  width: max-content;
  max-width: max-content;
}

.one-plus-one-tab .panel-link {
  color: #141414;
  cursor: pointer;
  padding: 0;
  text-decoration: none;
  background-image: linear-gradient(#141414);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size .3s;
  display: inline-block;
}

.one-plus-one-tab .panel-link:hover {
  animation: drawline-animation ease 0.4s forwards;
}

@media (max-width: 989px) {
  .one-plus-one-tab .panel-link {
    margin-top: 8px;
  }
}

.product-tabs:has(.bonus-in-cart) .product-tabs__btn {
  border-color: #141414;
}

.product-tabs:has(.bonus-in-cart) .product-tabs__btn span {
  color: #141414;
}

.bonus-in-cart.product-tabs__panel {
  flex-direction: column;
}

.bonus-in-cart.product-tabs__panel .panel-text {
  margin-bottom: 0;
}

.bonus-in-cart.product-tabs__panel .product-tabs__inner {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media (max-width: 989px) {
  .bonus-in-cart.product-tabs__panel .product-tabs__inner {
    align-items: center;
  }
}

.bonus-in-cart.product-tabs__panel .panel-product-info {
  width: 100%;
  max-width: 334px;
}

.bonus-in-cart.product-tabs__panel .panel-product-price {
  color: #EB0000;
  text-align: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  white-space: nowrap;
}

.bonus-in-cart.product-tabs__panel .ob-button--secondary {
  display: inline-block;
  width: max-content;
  max-width: max-content;
}

.bonus-in-cart .panel-link {
  color: #141414;
  cursor: pointer;
  padding: 0;
  text-decoration: none;
  background-image: linear-gradient(#141414);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size .3s;
  display: inline-block;
}

.bonus-in-cart .panel-link:hover {
  animation: drawline-animation ease 0.4s forwards;
}

@media (max-width: 989px) {
  .bonus-in-cart .panel-link {
    margin-top: 8px;
  }
}
