/* SANCOS Privacy Consent V1.2 — изолированные стили без правок SkyShop main.css. */
.ss-consent, .ss-consent-settings { font-family: inherit; color: #181818; }
.ss-consent, .ss-consent * , .ss-consent-settings, .ss-consent-settings * { box-sizing: border-box; }
.ss-consent {
  position: fixed; z-index: 100020; right: 18px; bottom: 18px;
  width: min(430px, calc(100vw - 28px)); padding: 22px 22px 18px;
  border-radius: 16px; background: #f7f7f5;
  border: 1px solid #e7e7e4; box-shadow: 0 16px 45px rgba(16, 16, 16, .14);
}
.ss-consent__top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ss-consent__eyebrow { color: #ae4b1c; text-transform: uppercase; font-size: 10px; font-weight: 700; letter-spacing: .11em; }
.ss-consent__symbol { color: #e87532; font-size: 13px; }
.ss-consent__text { font-size: 13px; line-height: 1.55; margin: 12px 0 17px; }
.ss-consent__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.ss-consent__button { border-radius: 9px; min-height: 39px; font-size: 12px; font-weight: 700; padding: 8px 11px; cursor: pointer; transition: opacity .15s ease; }
.ss-consent__button:hover { opacity: .82; }
.ss-consent__button:focus-visible,.ss-consent__link:focus-visible,.ss-consent-launcher button:focus-visible { outline: 2px solid #d8682b; outline-offset: 2px; }
.ss-consent__button--primary { color: #fff; background: #181818; border: 1px solid #181818; }
.ss-consent__button--secondary { color: #181818; background: #fff; border: 1px solid #cdcdca; }
.ss-consent__bottom { margin-top: 15px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.ss-consent__link { border: 0; padding: 0; background: none; color: #666; font-size: 11px; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.ss-consent-launcher { margin: 0 auto; padding: 6px 15px 14px; max-width: 1350px; text-align: right; }
.ss-consent-launcher button { border: 0; padding: 0; color: #737373; font-size: 12px; background: none; text-decoration: underline; cursor: pointer; }
.ss-consent__scrim:not([hidden]) { position: fixed; inset: 0; z-index: 100028; background: rgba(0,0,0,.37); }
.ss-consent-settings:not([hidden]) {
  position: fixed; z-index: 100029; top: 50%; left: 50%; transform: translate(-50%, -50%);
  background: white; width: min(470px, calc(100vw - 28px)); max-height: calc(100dvh - 40px); overflow-y: auto;
  border-radius: 16px; padding: 24px; box-shadow: 0 20px 65px rgba(0,0,0,.22);
}
.ss-consent-settings__head { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.ss-consent-settings__head h2 { margin: 0; font-weight: 700; font-size: 21px; }
.ss-consent-settings__close { border: 0; background: none; font-size: 27px; line-height: 1; cursor: pointer; }
.ss-consent-settings__help { font-size: 13px; line-height: 1.55; margin: 12px 0 8px; color: #6b6b6b; }
.ss-consent-settings__option { display: flex; justify-content: space-between; align-items: center; gap: 17px; border-bottom: 1px solid #ececea; padding: 15px 0; font-size: 14px; }
.ss-consent-settings__option strong { font-size: 14px; }
.ss-consent-settings__option p, .ss-consent-settings__option-caption { display: block; color: #777; margin: 4px 0 0; font-size: 12px; line-height: 1.45; }
.ss-consent-settings__required { font-size: 11px; color: #868686; }
.ss-consent-settings__option input { accent-color: #181818; width: 19px; height: 19px; flex-shrink: 0; }
.ss-consent-settings__buttons { display: flex; gap: 8px; margin: 20px 0 12px; }
.ss-consent-settings__buttons .ss-consent__button { flex: 1; }
.ss-consent-settings-open { overflow: hidden; }
@media (max-width: 450px) {
  .ss-consent { right: 10px; bottom: 10px; width: calc(100vw - 20px); padding: 17px 15px 15px; }
  .ss-consent__actions { gap: 7px; }
  .ss-consent__button { font-size: 11px; }
  .ss-consent-settings:not([hidden]) { padding: 20px 17px; }
}
@media (prefers-reduced-motion: reduce) { .ss-consent__button { transition: none; } }

/* SANCOS V1.1 — one-line error, UI never implies consent if server rejected the choice. */
.ss-consent-error {font-size:12px;line-height:1.5;color:#ad2929; margin:8px 0 0;}
.ss-consent__button[disabled] {cursor:wait;opacity:.6;}

/* SANCOS V1.2 — disabled categories managed in the Bitrix admin. */
.ss-consent-settings__option input:disabled {opacity:.4;cursor:not-allowed;}

/* SANCOS V1.3 — quiet informational notice, separate from consent buttons and tracking. */
.ss-consent[hidden] { display: none !important; }
.ss-consent--info { background: #fff; width: min(480px, calc(100vw - 24px)); padding: 15px 16px; border: 1px solid #e6e6e5; border-radius: 15px; }
.ss-consent__info-content { display: flex; align-items: center; gap: 15px; }
.ss-consent__info-copy { flex: 1; min-width: 0; }
.ss-consent--info .ss-consent__text { margin: 0 0 5px; font-size: 12px; line-height: 1.45; color: #333; }
.ss-consent--info .ss-consent__link { font-size: 11px; }
.ss-consent--info [data-ss-consent-dismiss] { min-width: 100px; flex: 0 0 auto; }
@media (max-width: 450px) {
  .ss-consent--info { right: 10px; bottom: 10px; width: calc(100vw - 20px); padding: 13px 12px; }
  .ss-consent__info-content { gap: 10px; }
  .ss-consent--info [data-ss-consent-dismiss] { min-width: 90px; }
}

/* SANCOS Privacy Consent V1.3.1 — компактное горизонтальное уведомление.
 * Меняем ТОЛЬКО .ss-consent--info: обычный выбор согласия и окно настроек не затронуты.
 * Повышенная точность селекторов защищает раскладку от общих стилей SkyShop.
 * Кнопка «Понятно» по-прежнему лишь закрывает уведомление; обработчик JS не меняется.
 */
.ss-consent.ss-consent--info {
  right: 18px;
  bottom: 18px;
  width: min(475px, calc(100vw - 28px));
  padding: 14px 16px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #eae9e6;
  box-shadow: 0 11px 34px rgba(25, 25, 25, .12);
}
.ss-consent.ss-consent--info > .ss-consent__info-content {
  display: grid !important; /* SANCOS V1.3.1: protects against SkyShop layout overrides. */
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 15px;
  align-items: center;
}
.ss-consent.ss-consent--info .ss-consent__info-copy {
  min-width: 0;
  overflow-wrap: break-word;
}
.ss-consent.ss-consent--info .ss-consent__text {
  margin: 0 0 4px;
  font-size: 12px;
  line-height: 1.48;
  font-weight: 400;
  color: #393939;
}
.ss-consent.ss-consent--info .ss-consent__link {
  display: inline-block;
  font-size: 11px;
  line-height: 1.4;
}
.ss-consent.ss-consent--info [data-ss-consent-dismiss="info"] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  justify-self: end;
  flex: none;
  width: auto;
  min-width: 101px;
  min-height: 39px;
  max-width: 135px;
  padding: 9px 15px;
  border-radius: 9px;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
}
@media (max-width: 540px) {
  /* SANCOS V1.3.1 — телефон: кнопка остаётся справа, текст не вылезает за экран. */
  .ss-consent.ss-consent--info {
    right: 10px;
    bottom: 10px;
    width: calc(100vw - 20px);
    padding: 12px;
    max-height: calc(100dvh - 20px);
    overflow-y: auto;
  }
  .ss-consent.ss-consent--info > .ss-consent__info-content {
    gap: 10px;
  }
  .ss-consent.ss-consent--info [data-ss-consent-dismiss="info"] {
    min-width: 85px;
    max-width: 105px;
    min-height: 37px;
    padding: 8px 10px;
  }
}


/* SANCOS Privacy Consent V1.3.2 — compact STANDARD opt-in only.
 * Existing informational (.ss-consent--info) layout from V1.3.1 remains byte-for-byte above.
 * Accept submits the existing signed all-consent form; settings link retains separate opt-out.
 * Targeted selectors prevent generic SkyShop card/buttons styles from enlarging the notice.
 */
.ss-consent.ss-consent--choice-compact {
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: min(480px, calc(100vw - 28px));
  max-height: calc(100dvh - 20px);
  overflow-y: auto;
  padding: 17px 19px 14px;
  background: #fff;
  border: 1px solid #e9e9e6;
  border-radius: 15px;
  box-shadow: 0 12px 38px rgba(16, 16, 16, .12);
}
.ss-consent.ss-consent--choice-compact > .ss-consent__compact-title {
  margin: 0;
  padding: 0;
  font: inherit;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 700;
  color: #171717;
  letter-spacing: -.01em;
  text-transform: none;
}
.ss-consent.ss-consent--choice-compact > .ss-consent__text {
  margin: 9px 0 12px;
  padding: 0;
  color: #454545;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;
  overflow-wrap: break-word;
}
.ss-consent.ss-consent--choice-compact > .ss-consent__compact-actions {
  display: grid !important; /* SANCOS V1.3.2: avoid inherited SkyShop flex stacking. */
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
  gap: 12px;
}
.ss-consent.ss-consent--choice-compact .ss-consent__compact-settings {
  display: inline-block;
  width: fit-content;
  min-width: 0;
  text-align: left;
  color: #555;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 500;
  text-decoration: underline;
}
.ss-consent.ss-consent--choice-compact .ss-consent__compact-accept {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  justify-self: end;
  flex: none;
  width: auto;
  min-width: 125px;
  min-height: 41px;
  padding: 9px 21px;
  color: #fff;
  background: #181818;
  border: 1px solid #181818;
  border-radius: 9px;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 700;
  white-space: normal;
  text-align: center;
}
.ss-consent.ss-consent--choice-compact > .ss-consent__compact-policy {
  display: inline-block;
  margin-top: 11px;
  font-size: 10.5px;
  line-height: 1.4;
  font-weight: 400;
  color: #838383;
}
@media (max-width: 540px) {
  /* SANCOS V1.3.2: fit narrow phones without hiding the opt-out settings link. */
  .ss-consent.ss-consent--choice-compact {
    right: 10px;
    bottom: 10px;
    width: calc(100vw - 20px);
    max-height: calc(100dvh - 20px);
    padding: 14px 14px 12px;
  }
  .ss-consent.ss-consent--choice-compact > .ss-consent__compact-title { font-size: 13.5px; }
  .ss-consent.ss-consent--choice-compact > .ss-consent__text { font-size: 11.6px; margin: 8px 0 10px; }
  .ss-consent.ss-consent--choice-compact > .ss-consent__compact-actions { gap: 8px; }
  .ss-consent.ss-consent--choice-compact .ss-consent__compact-accept {
    min-width: 108px;
    min-height: 39px;
    padding: 8px 16px;
  }
}