/**
 * ge_opccompat — узгодження One Page Checkout PS з іншими модулями магазину.
 *
 * Шаблон вікна входу модуля оформлення (login_customer.tpl) викликає хук
 * displayCustomerLoginFormAfter двічі: у блоці #hook-displayCustomerLoginFormAfter
 * і ще раз одразу під формою. Усе, що модулі друкують цим хуком, з'являється
 * у вікні двічі — зокрема кнопки реєстрації lpsb2bultimate. Другу копію
 * (вона лежить прямо в #opc_login_customer, поза блоком хука) ховаємо.
 */
#opc_login_customer > #lpsb2bultimate_button_container,
#opc_login_customer > .gevat-b2b-why {
  display: none !important;
}

/* ==========================================================================
   Вікно входу на оформленні (#opc_login_customer_popup), 2026-11-13.

   Відкривається, коли покупець ввів e-mail, який уже є в магазині.
   Розмітку малює модуль оформлення, тут лише стилі в кольорах сайту:
   червоний #e73e24, темний текст #1d1d1f, сірі рамки #d1d1d6 — як у кнопок
   реєстрації (ge_vatengine).

   Чому окремі правила потрібні взагалі:
   — тема дає вікну на вузьких екранах right: 15px, а модуль оформлення
     скидає лише left — тому на телефоні все вікно з'їжджало на 15px уліво;
   — тема фарбує .modal-content на сторінці оформлення в сірий #f1f1f1;
   — чужий стиль .control-label { text-transform: capitalize } робив
     «Електронна Пошта»;
   — текст роздільника «Або» перед «Продовжити як гість» був майже білим.
   ========================================================================== */

body#checkout #opc_main #opc_login_customer_popup .modal-content {
  background: #ffffff;
  border: 0;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .18);
  color: #1d1d1f;
}

/* Шапка: заголовок і хрестик. */
body#checkout #opc_main #opc_login_customer_popup .modal-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 14px 14px 24px;
  border-bottom: 1px solid #ececf0;
  background: #ffffff;
}
body#checkout #opc_main #opc_login_customer_popup .modal-header .panel-title {
  margin: 0;
  color: #1d1d1f;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0;
  text-transform: none;
}
body#checkout #opc_main #opc_login_customer_popup .modal-header .btn-close {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  margin: 0 0 0 auto;
  padding: 0;
  border-radius: 50%;
  background-size: 13px;
  opacity: .6;
  box-shadow: none;
}
body#checkout #opc_main #opc_login_customer_popup .modal-header .btn-close:hover {
  background-color: #f2f2f5;
  opacity: 1;
}
body#checkout #opc_main #opc_login_customer_popup .modal-header .btn-close:focus-visible {
  outline: 2px solid #e73e24;
  outline-offset: 2px;
}

body#checkout #opc_main #opc_login_customer_popup .modal-body {
  padding: 22px 24px 26px;
}

/* Поля: підписи як написані, без великих літер у кожному слові. */
body#checkout #opc_main #opc_login_customer_popup .opc-login-customer__label,
body#checkout #opc_main #opc_login_customer_popup .control-label {
  text-transform: none;
  letter-spacing: 0;
}
body#checkout #opc_main #opc_login_customer_popup .opc-login-customer__input {
  border-color: #d1d1d6;
  border-radius: 10px;
  color: #1d1d1f;
}
body#checkout #opc_main #opc_login_customer_popup .opc-login-customer__input:focus {
  border-color: #e73e24;
  box-shadow: 0 0 0 3px rgba(231, 62, 36, .15);
}
body#checkout #opc_main #opc_login_customer_popup .opc-login-customer__field {
  margin-bottom: 12px !important;
}
body#checkout #opc_main #opc_login_customer_popup .opc-login-customer__field--password {
  margin-bottom: 4px !important;
}
body#checkout #opc_main #opc_login_customer_popup .opc-login-customer__field--password .form-floating {
  margin-bottom: 0;
}

/* «Забули пароль?» — окремим рядком праворуч під полем, з запасом для пальця. */
body#checkout #opc_main #opc_login_customer_popup a.opc-login-customer__forget-link-anchor {
  display: block;
  width: max-content;
  max-width: 100%;
  margin: 6px 0 0 auto;
  padding: 6px 0;
  font-size: 13px !important;
  line-height: 1.3;
  text-align: right;
}

/* Головна кнопка «Увійти» / «Відправити». */
body#checkout #opc_main #opc_login_customer_popup .opc-login-customer__button-container {
  margin-top: 10px;
}
body#checkout #opc_main #opc_login_customer_popup .opc-login-customer__submit-btn {
  width: 100%;
  min-height: 50px;
  margin: 0 !important;
  padding: 12px 20px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

/* Роздільники «або» — однакові обидва, сірий текст між двома лініями. */
body#checkout #opc_main #opc_login_customer_popup .opc-login-divider,
body#checkout #opc_main #opc_login_customer_popup .opc-guest-checkout-option__divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 18px 0;
}
body#checkout #opc_main #opc_login_customer_popup .opc-login-divider::before,
body#checkout #opc_main #opc_login_customer_popup .opc-login-divider::after,
body#checkout #opc_main #opc_login_customer_popup .opc-guest-checkout-option__divider::before,
body#checkout #opc_main #opc_login_customer_popup .opc-guest-checkout-option__divider::after {
  content: "";
  flex: 1 1 0;
  height: 1px;
  border: 0;
  background: #e5e5ea;
}
body#checkout #opc_main #opc_login_customer_popup .opc-login-divider span,
body#checkout #opc_main #opc_login_customer_popup .opc-guest-checkout-option__divider span {
  padding: 0;
  background: transparent;
  color: #8e8e93 !important;
  font-size: 13px !important;
  font-weight: 500;
  line-height: 1;
  text-transform: lowercase;
}
body#checkout #opc_main #opc_login_customer_popup .opc-guest-checkout-option {
  margin-top: 0 !important;
}
body#checkout #opc_main #opc_login_customer_popup .opc-login-toggle-option {
  margin: 0;
}

/* «Увійти з кодом…», «Увійти з паролем», «Продовжити як гість» — другорядні
   кнопки на всю ширину, як кнопки реєстрації нижче: біла картка, темний
   текст, червона іконка; текст по центру разом з іконкою. */
body#checkout #opc_main #opc_login_customer_popup a.opc-toggle-link,
body#checkout #opc_main #opc_login_customer_popup a.opc-guest-checkout-link {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 50px;
  margin: 0;
  padding: 11px 16px;
  border: 1.5px solid #d1d1d6;
  border-radius: 10px;
  background: #ffffff;
  color: #1d1d1f !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.3;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
  transition: border-color .18s ease, background-color .18s ease, color .18s ease;
}
body#checkout #opc_main #opc_login_customer_popup a.opc-toggle-link .material-icons,
body#checkout #opc_main #opc_login_customer_popup a.opc-guest-checkout-link .material-icons {
  flex: 0 0 20px;
  margin: 0;
  color: #e73e24 !important;
  font-size: 20px;
  line-height: 1;
}
body#checkout #opc_main #opc_login_customer_popup a.opc-toggle-link:hover,
body#checkout #opc_main #opc_login_customer_popup a.opc-toggle-link:focus-visible,
body#checkout #opc_main #opc_login_customer_popup a.opc-guest-checkout-link:hover,
body#checkout #opc_main #opc_login_customer_popup a.opc-guest-checkout-link:focus-visible {
  border-color: #e73e24;
  background: #fff5f3;
  color: #e73e24 !important;
}
body#checkout #opc_main #opc_login_customer_popup a.opc-toggle-link:focus-visible,
body#checkout #opc_main #opc_login_customer_popup a.opc-guest-checkout-link:focus-visible {
  outline: 2px solid #e73e24;
  outline-offset: 2px;
}

/* Екран входу з кодом: заголовок і адреса по центру, як і клітинки коду. */
body#checkout #opc_main #opc_login_customer_popup .opc-login-step__title {
  margin: 6px 0 4px;
  color: #1d1d1f;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
}
body#checkout #opc_main #opc_login_customer_popup .opc-login-step__subtitle {
  margin: 0 0 16px;
  color: #6e6e73;
  font-size: 14px;
  line-height: 1.45;
  letter-spacing: 0;
  text-align: center;
  overflow-wrap: anywhere;
}

/* Клітинки коду: рамки як у полів, активна клітинка — червона. */
body#checkout #opc_main #opc_login_customer_popup .opc-otp-box {
  border: 1.5px solid #d1d1d6;
  border-radius: 10px;
  background: #ffffff;
  color: #1d1d1f;
  font-size: 20px !important;
  font-weight: 600;
  text-align: center;
  box-shadow: none;
  outline: none;
}
body#checkout #opc_main #opc_login_customer_popup .opc-otp-box:focus {
  border-color: #e73e24;
  box-shadow: 0 0 0 3px rgba(231, 62, 36, .15);
}

/* Реєстрація — окремий розділ під тонкою лінією. */
body#checkout #opc_main #opc_login_customer_popup #hook-displayCustomerLoginFormAfter {
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid #ececf0;
}
body#checkout #opc_main #opc_login_customer_popup #lpsb2bultimate_button_container {
  margin-top: 0;
}
body#checkout #opc_main #opc_login_customer_popup #lpsb2bultimate_button_container .lpsb2bultimate_button_wrapper .lpsb2bultimate_button {
  margin: 0;
}

/* Підказка «Введіть пароль» (views/js/front.js) замість англійської
   помилки сервера, коли «Увійти» натиснуто з порожнім паролем. */
body#checkout #opc_main #opc_login_customer_popup .opc-login-customer__input.ge-opc-invalid {
  border-color: #e73e24;
  box-shadow: 0 0 0 3px rgba(231, 62, 36, .15);
}
body#checkout #opc_main #opc_login_customer_popup .ge-opc-pass-hint {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 8px 0 0;
  color: #c9321b;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}
body#checkout #opc_main #opc_login_customer_popup .ge-opc-pass-hint::before {
  content: "!";
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #e73e24;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
}

/* --- Телефон: вікно на весь екран ---------------------------------------- */
@media (max-width: 576px) {
  /* Знімаємо зсув теми (right: 15px) — вікно рівно по ширині екрана. */
  body#checkout #opc_main #opc_login_customer_popup .modal-dialog {
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    min-height: 100%;
    height: auto;
    margin: 0;
  }
  body#checkout #opc_main #opc_login_customer_popup .modal-content {
    min-height: 100%;
    height: auto;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
  }
  /* Шапка лишається вгорі, коли вміст прокручується. */
  body#checkout #opc_main #opc_login_customer_popup .modal-header {
    position: sticky;
    top: 0;
    /* Вище за іконку «показати пароль» та підписи полів, щоб вони не
       пропливали поверх шапки під час прокручування. */
    z-index: 20;
    padding: 10px 8px 10px 20px;
  }
  body#checkout #opc_main #opc_login_customer_popup .modal-header .panel-title {
    font-size: 18px;
  }
  body#checkout #opc_main #opc_login_customer_popup .modal-body {
    padding: 20px 20px calc(28px + env(safe-area-inset-bottom));
  }
  /* 16px — щоб iPhone не збільшував сторінку при натисканні на поле. */
  body#checkout #opc_main #opc_login_customer_popup .opc-login-customer__input,
  body#checkout #opc_main #opc_login_customer_popup input.form-control {
    font-size: 16px !important;
  }
  body#checkout #opc_main #opc_login_customer_popup a.opc-toggle-link,
  body#checkout #opc_main #opc_login_customer_popup a.opc-guest-checkout-link {
    font-size: 14px !important;
  }
  body#checkout #opc_main #opc_login_customer_popup #lpsb2bultimate_button_container .lpsb2bultimate_button_title {
    font-size: 14px;
  }
}

/* ==========================================================================
   Компактний варіант вікна входу (2026-11-13, друга ітерація).

   Мета: на iPhone 13 у Safari (видима зона ≈ 390×664) без прокручування
   видно все до кнопок реєстрації включно. Тому менші шапка, відступи й
   висоти полів; кнопки лишаються не нижчими за 44–48px (зручно пальцем).
   «Увійти з кодом» і «Продовжити як гість» — одна група під одним «або»:
   обидві — альтернативи входу з паролем, другий роздільник зайвий.
   ========================================================================== */

body#checkout #opc_main #opc_login_customer_popup .modal-header {
  padding: 8px 8px 8px 20px;
}
body#checkout #opc_main #opc_login_customer_popup .modal-header .panel-title {
  font-size: 18px;
}
body#checkout #opc_main #opc_login_customer_popup .modal-header .btn-close {
  flex-basis: 36px;
  width: 36px;
  height: 36px;
}
body#checkout #opc_main #opc_login_customer_popup .modal-body {
  padding: 16px 20px 20px;
}

/* Поля нижчі: 52px замість 58px, без зайвих вертикальних відступів колонки. */
body#checkout #opc_main #opc_login_customer_popup .opc-login-customer__field .form-floating {
  padding-top: 0;
  padding-bottom: 0;
}
body#checkout #opc_main #opc_login_customer_popup .opc-login-customer__field {
  margin-bottom: 10px !important;
}
body#checkout #opc_main #opc_login_customer_popup .opc-login-customer__field--password {
  margin-bottom: 0 !important;
}
body#checkout #opc_main #opc_login_customer_popup .form-floating > .opc-login-customer__input {
  height: 52px;
  min-height: 52px;
  padding-top: 22px;
  padding-bottom: 6px;
  line-height: 1.25;
}
body#checkout #opc_main #opc_login_customer_popup .form-floating > .opc-login-customer__label {
  height: 52px;
  padding-top: 16px;
  padding-bottom: 0;
  line-height: 1.25;
}
body#checkout #opc_main #opc_login_customer_popup .opc-login-customer__password-toggle {
  height: 52px;
  margin-top: 0;
}
body#checkout #opc_main #opc_login_customer_popup a.opc-login-customer__forget-link-anchor {
  margin-top: 2px;
  padding: 4px 0;
}
body#checkout #opc_main #opc_login_customer_popup .opc-login-customer__button-container {
  margin-top: 6px;
}
body#checkout #opc_main #opc_login_customer_popup .opc-login-customer__submit-btn {
  min-height: 48px;
  padding: 10px 20px;
}

/* Один роздільник «або» над групою альтернатив; другий ховаємо. */
body#checkout #opc_main #opc_login_customer_popup .opc-login-divider {
  margin: 14px 0 12px;
}
body#checkout #opc_main #opc_login_customer_popup .opc-guest-checkout-option__divider {
  display: none !important;
}
body#checkout #opc_main #opc_login_customer_popup .opc-guest-checkout-option {
  margin-top: 8px !important;
}
body#checkout #opc_main #opc_login_customer_popup a.opc-toggle-link,
body#checkout #opc_main #opc_login_customer_popup a.opc-guest-checkout-link {
  min-height: 46px;
  padding: 8px 14px;
  font-size: 14px !important;
  line-height: 1.25;
  /* Два рядки однакової довжини і без розриву «e-/mail». */
  text-wrap: balance;
  hyphens: manual;
}

/* Реєстрація: ближче до кнопок входу, кнопки нижчі, проміжки менші. */
body#checkout #opc_main #opc_login_customer_popup #hook-displayCustomerLoginFormAfter {
  margin-top: 16px;
  padding-top: 14px;
}
body#checkout #opc_main #opc_login_customer_popup #lpsb2bultimate_button_container .lpsb2bultimate_button_title {
  margin: 0 0 10px;
  font-size: 13.5px;
  line-height: 1.35;
}
body#checkout #opc_main #opc_login_customer_popup #lpsb2bultimate_button_container .lpsb2bultimate_button_wrapper {
  gap: 8px;
}
/* Дві кнопки в рядку (широкий екран) — однакової висоти, навіть якщо
   текст однієї з них у два рядки. */
body#checkout #opc_main #opc_login_customer_popup #lpsb2bultimate_button_container .lpsb2bultimate_button_wrapper .lpsb2bultimate_button {
  display: flex;
}
body#checkout #opc_main #opc_login_customer_popup #lpsb2bultimate_button_container .lpsb2bultimate_button_wrapper .lpsb2bultimate_button a.btn {
  flex: 1 1 auto;
  min-height: 46px;
  padding: 8px 14px;
  font-size: 14px;
}
body#checkout #opc_main #opc_login_customer_popup .gevat-b2b-why {
  margin-top: 8px;
}
body#checkout #opc_main #opc_login_customer_popup .gevat-b2b-why__btn {
  min-height: 42px;
  padding: 7px 14px;
  font-size: 13.5px;
}

/* Екран входу з кодом: компактніше повідомлення «Код надіслано». */
body#checkout #opc_main #opc_login_customer_popup .alert {
  margin-bottom: 10px;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.4;
}

@media (max-width: 576px) {
  body#checkout #opc_main #opc_login_customer_popup .modal-header {
    padding: 6px 6px 6px 16px;
  }
  body#checkout #opc_main #opc_login_customer_popup .modal-body {
    padding: 14px 16px calc(20px + env(safe-area-inset-bottom));
  }
}

/* ==========================================================================
   Меню покупця в блоці «Контакт» (кнопка з трьома крапками) — 2026-11-14.
   Штатне меню модуля оформлення: гострі кути, дрібні рядки, синє підкреслене
   «Вийти» без іконки (лігатури logout у шрифті іконок теми немає). Тут воно
   оформлене в стилі сайту. Розмітку модуля не чіпаємо — лише стилі.
   ========================================================================== */

/* Кнопка «три крапки»: трохи більша, зона дотику 48 px, помітний стан «відкрито». */
body#checkout #opc_main .opc-customer-badge .opc-customer-badge__menu-btn {
  position: relative;
  width: 36px;
  height: 36px;
}
body#checkout #opc_main .opc-customer-badge .opc-customer-badge__menu-btn::after {
  content: "";
  position: absolute;
  inset: -6px;
}
/* На телефоні кнопка лишається малою, щоб не забирати місце в імені та
   пошті, — збільшується лише невидима зона дотику. */
@media (max-width: 576px) {
  body#checkout #opc_main .opc-customer-badge .opc-customer-badge__menu-btn {
    width: 28px;
    height: 28px;
  }
  body#checkout #opc_main .opc-customer-badge .opc-customer-badge__menu-btn::after {
    inset: -10px;
  }
}
body#checkout #opc_main .opc-customer-badge .opc-customer-badge__menu-btn:focus {
  outline: 0;
}
body#checkout #opc_main .opc-customer-badge .opc-customer-badge__menu-btn:focus-visible {
  outline: 2px solid var(--pts-accent, #e73e24);
  outline-offset: 2px;
}
body#checkout #opc_main .opc-customer-badge .opc-customer-badge__menu-btn:has(+ .opc-customer-dropdown--open) {
  color: #fff !important;
  background-color: var(--pts-accent, #e73e24) !important;
}

/* Саме меню: картка з м'якою тінню під кнопкою. */
body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown {
  top: calc(100% + 8px);
  right: 0;
  left: auto;
  min-width: 232px;
  max-width: calc(100vw - 40px);
  padding: 6px;
  background-color: #fff;
  border: 1px solid #e6e8ec;
  border-radius: 14px;
  box-shadow: 0 16px 36px -8px rgba(15, 23, 42, .18), 0 2px 6px rgba(15, 23, 42, .06);
  transform: translateY(-6px) scale(.98);
  transform-origin: top right;
}
body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown--open {
  transform: none;
}
body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown__item {
  padding: 0;
  margin: 0;
  border: 0;
  list-style: none;
}
body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown__item::before {
  content: none;
}

/* Рядок меню: уся ширина клікабельна, висота під палець. */
body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown .opc-customer-dropdown__action {
  display: flex;
  gap: 12px;
  align-items: center;
  width: 100%;
  min-height: 44px;
  padding: 8px 12px;
  font-family: inherit;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.3;
  letter-spacing: 0 !important;
  color: #1d1d1f !important;
  text-align: left;
  text-decoration: none !important;
  text-transform: none;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 10px;
  box-shadow: none;
  transition: background-color .12s ease, color .12s ease;
}
body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown .opc-customer-dropdown__action span {
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: 0 !important;
  color: inherit !important;
  text-decoration: none !important;
}
body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown .opc-customer-dropdown__action:hover,
body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown .opc-customer-dropdown__action:focus {
  background-color: #f3f4f6;
  outline: 0;
}
body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown .opc-customer-dropdown__action:focus-visible {
  outline: 2px solid var(--pts-accent, #e73e24);
  outline-offset: -2px;
}
body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown .opc-customer-dropdown__action:active {
  background-color: #e9ebee;
}

/* Іконки. Для відомих дій — власний малюнок замість шрифту іконок: так
   «Вийти» теж має іконку, і всі вони однакової товщини. */
body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown .opc-customer-dropdown__action i.material-icons {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  font-size: 20px !important;
  line-height: 1;
  color: #6b7280 !important;
}
body#checkout #opc_main .opc-customer-dropdown__action[data-action="edit"] i.material-icons,
body#checkout #opc_main .opc-customer-dropdown__action[data-action="logout"] i.material-icons,
body#checkout #opc_main .opc-customer-dropdown__action[data-action="back-to-start"] i.material-icons,
body#checkout #opc_main .opc-customer-dropdown__action[data-action="create-account"] i.material-icons {
  overflow: hidden;
  font-size: 0 !important;
  background-color: currentColor;
  -webkit-mask: var(--ge-opc-ico) center / 20px 20px no-repeat;
  mask: var(--ge-opc-ico) center / 20px 20px no-repeat;
}
body#checkout #opc_main .opc-customer-dropdown__action[data-action="edit"] i.material-icons {
  --ge-opc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E");
}
body#checkout #opc_main .opc-customer-dropdown__action[data-action="logout"] i.material-icons {
  --ge-opc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5-5-5zM4 5h8V3H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8v-2H4V5z'/%3E%3C/svg%3E");
}
body#checkout #opc_main .opc-customer-dropdown__action[data-action="back-to-start"] i.material-icons {
  --ge-opc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z'/%3E%3C/svg%3E");
}
body#checkout #opc_main .opc-customer-dropdown__action[data-action="create-account"] i.material-icons {
  --ge-opc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm-9-2V7H4v3H1v2h3v3h2v-3h3v-2H6zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
}

/* Останній пункт («Вийти» або «Створити акаунт») відділений лінією. */
body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown__item--primary,
body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown__item--highlighted {
  padding-top: 6px;
  margin-top: 6px;
  border-top: 1px solid #eef0f3;
}
/* «Вийти» — дія, що завершує сеанс: стриманий червоний, а не синє посилання. */
body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown .opc-customer-dropdown__item--primary .opc-customer-dropdown__action,
body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown .opc-customer-dropdown__item--primary .opc-customer-dropdown__action i.material-icons {
  color: #c5301b !important;
}
body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown .opc-customer-dropdown__item--primary .opc-customer-dropdown__action:hover,
body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown .opc-customer-dropdown__item--primary .opc-customer-dropdown__action:focus {
  background-color: rgba(231, 62, 36, .08);
}
/* «Створити акаунт» (гість): звичайний текст, іконка кольору сайту. */
body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown .opc-customer-dropdown__item--highlighted .opc-customer-dropdown__action i.material-icons {
  color: var(--pts-accent, #e73e24) !important;
}
body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown .opc-customer-dropdown__item--highlighted .opc-customer-dropdown__action:hover,
body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown .opc-customer-dropdown__item--highlighted .opc-customer-dropdown__action:focus {
  background-color: #f3f4f6;
}

@media (max-width: 576px) {
  body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown {
    min-width: 244px;
  }
  body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown .opc-customer-dropdown__action {
    min-height: 48px;
    font-size: 15px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown,
  body#checkout #opc_main .opc-customer-badge .opc-customer-dropdown .opc-customer-dropdown__action {
    transition: none;
  }
}