/* MBN Club cookie notice override. Loaded after Bitrix/vendor assets so the
   approved MBN presentation always wins without changing R52 markup or logic. */
html body section.r52-a-cookies {
  z-index: 1200 !important;
  width: min(560px, calc(100vw - 48px)) !important;
  max-width: 560px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--ink, #070809) !important;
  font-family: "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  text-align: left !important;
}
html body section.r52-a-cookies.r52-a-cookies--left {
  left: 24px !important;
  right: auto !important;
  bottom: 24px !important;
}
html body section.r52-a-cookies .r52-a-cookies__inner {
  display: grid !important;
  gap: 18px !important;
  padding: 26px 28px !important;
  border: 1px solid var(--line, rgba(17, 20, 22, .115)) !important;
  border-radius: 0 !important;
  background: var(--paper, #f7f5ef) !important;
  box-shadow: var(--surface-shadow, 0 14px 34px rgba(17, 20, 22, .055)) !important;
  color: var(--ink, #070809) !important;
}
html body section.r52-a-cookies .r52-a-cookies__body,
html body section.r52-a-cookies .r52-a-cookies__body p,
html body section.r52-a-cookies .r52-a-cookies__settings,
html body section.r52-a-cookies .r52-a-cookies__s-title,
html body section.r52-a-cookies .r52-a-cookies__s-body {
  color: var(--ink, #070809) !important;
}
html body section.r52-a-cookies .r52-a-cookies__body p {
  max-width: 31em !important;
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: -.012em !important;
}
html body section.r52-a-cookies .r52-a-cookies__settings {
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid var(--line, rgba(17, 20, 22, .115)) !important;
}
html body section.r52-a-cookies .r52-a-cookies__s-title {
  margin: 0 0 14px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}
html body section.r52-a-cookies .r52-a-cookies__form {
  display: grid !important;
  gap: 10px !important;
}
html body section.r52-a-cookies .r52-a-cookies__checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: var(--stone, #7a7569) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}
html body section.r52-a-cookies .r52-a-cookies__checkbox input {
  accent-color: var(--ink, #070809) !important;
}
html body section.r52-a-cookies .r52-a-cookies__footer {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 !important;
}
html body section.r52-a-cookies .r52-a-cookies__btn {
  min-width: 136px !important;
  min-height: 46px !important;
  padding: 0 20px !important;
  border: 1px solid var(--ink, #070809) !important;
  border-radius: 0 !important;
  background: var(--ink, #070809) !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
}
html body section.r52-a-cookies .r52-a-cookies__btn--transparent,
html body section.r52-a-cookies .r52-a-cookies__btn-settings {
  background: transparent !important;
  color: var(--ink, #070809) !important;
}
@media (hover:hover) and (pointer:fine) {
  html body section.r52-a-cookies .r52-a-cookies__btn {
    transition: background-color 180ms var(--ease, cubic-bezier(.2,.8,.2,1)), color 180ms var(--ease, cubic-bezier(.2,.8,.2,1)) !important;
  }
  html body section.r52-a-cookies .r52-a-cookies__btn:hover {
    background: var(--graphite, #111416) !important;
    color: #fff !important;
  }
  html body section.r52-a-cookies .r52-a-cookies__btn--transparent:hover,
  html body section.r52-a-cookies .r52-a-cookies__btn-settings:hover {
    background: var(--ink, #070809) !important;
    color: #fff !important;
  }
}
@media (max-width: 620px) {
  html body section.r52-a-cookies { width: calc(100vw - 24px) !important; }
  html body section.r52-a-cookies.r52-a-cookies--left { left: 12px !important; bottom: 12px !important; }
  html body section.r52-a-cookies .r52-a-cookies__inner { gap: 16px !important; padding: 20px 18px !important; }
  html body section.r52-a-cookies .r52-a-cookies__body p { font-size: 15px !important; line-height: 1.48 !important; }
  html body section.r52-a-cookies .r52-a-cookies__footer { display: grid !important; grid-template-columns: 1fr 1fr !important; }
  html body section.r52-a-cookies .r52-a-cookies__btn { min-width: 0 !important; min-height: 48px !important; padding-inline: 14px !important; }
}
@media (max-width: 390px) {
  html body section.r52-a-cookies .r52-a-cookies__footer { grid-template-columns: 1fr !important; }
}
