/* Вход через провайдеров (с 2026-10-21): кнопки на /login, в кабинете и в корзине.
   Подключён только на этих трёх страницах. Кнопки строит account.js / cart.js по ответу
   /api/account/providers; значок провайдера — ::before у «.oauth-btns .oauth-btn--<имя>» (с префиксом .oauth-btns —
   иначе в корзине цвет текста перебивает «.cart-account a» из styles.css) и .oauth-ico--<имя>.
   Кнопка VK ID — по требованиям VK (id.vk.ru, «Требования к дизайну кнопки VK ID»): фон
   #0077FF, белый текст, логотип VK ID слева, цвета не менять. Логотип — из VK ID SDK 2.6.9. */
.oauth{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.oauth[hidden]{display:none}
.oauth__or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}
.oauth__or::before,.oauth__or::after{content:'';flex:1;height:1px;background:var(--line)}
.oauth-btns{display:flex;flex-direction:column;gap:10px}
.oauth-btns .oauth-btn{position:relative;display:flex;align-items:center;justify-content:center;height:52px;padding:0 52px;border-radius:999px;font:500 16px/1.2 -apple-system,system-ui,"Helvetica Neue",Roboto,sans-serif;text-decoration:none;white-space:nowrap;transition:background-color .15s ease}
.oauth-btns .oauth-btn::before{content:'';position:absolute;left:14px;top:50%;width:28px;height:28px;margin-top:-14px;background:center/contain no-repeat}
.oauth-btns .oauth-btn--vk,.oauth-btns .oauth-btn--vk:visited{background:#0077FF;color:#fff}
.oauth-btns .oauth-btn--vk:hover{background:#0071F2;color:#fff}
.oauth-btns .oauth-btn--vk:active{background:#0069E1}
.oauth-btns .oauth-btn--vk::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M4.2653 4.2653C3 5.5306 3 7.56707 3 11.64V12.36C3 16.4329 3 18.4694 4.2653 19.7347C5.5306 21 7.56706 21 11.64 21H12.36C16.4329 21 18.4694 21 19.7347 19.7347C21 18.4694 21 16.4329 21 12.36V11.64C21 7.56707 21 5.5306 19.7347 4.2653C18.4694 3 16.4329 3 12.36 3H11.64C7.56706 3 5.5306 3 4.2653 4.2653Z' fill='%23fff'/%3E%3Cpath d='M12.6095 16C8.55576 16 6.09636 13.1823 6 8.5H8.05309C8.1171 11.9395 9.67903 13.397 10.8764 13.6967V8.5H12.8439V11.4683C13.9988 11.3401 15.2076 9.98991 15.614 8.5H17.5505C17.2406 10.3321 15.9246 11.6823 14.9948 12.2392C15.9253 12.6895 17.4225 13.8682 18 16H15.8714C15.421 14.5749 14.321 13.4712 12.8446 13.3213V16H12.6095Z' fill='%230077FF'/%3E%3C/svg%3E")}
.oauth__note{margin:0;font-size:12.5px;line-height:1.45;color:var(--muted);text-align:center}
.oauth__note a{color:var(--brand);font-weight:600}
/* корзина: под «Уже есть кабинет? Войти» */
.cart-account .oauth{margin-top:0}
.cart-account .oauth-btns .oauth-btn{height:44px;font-size:15px}
.cart-account .oauth-btns .oauth-btn::before{left:10px;width:26px;height:26px;margin-top:-13px}
/* кабинет: «Способы входа» */
.acc-ways{display:flex;flex-direction:column;gap:14px}
.acc-way{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.acc-way__name{flex:1 1 140px;display:flex;align-items:center;gap:10px;font-weight:600;font-size:14.5px}
.acc-way__name small{display:block;font-weight:400;font-size:12.5px;color:var(--muted)}
.oauth-ico{flex:none;width:28px;height:28px;background:center/contain no-repeat}
.oauth-ico--password{border-radius:8px;background:var(--bg-alt) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B6B6B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/18px no-repeat}
.oauth-ico--vk{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M4.2653 4.2653C3 5.5306 3 7.56707 3 11.64V12.36C3 16.4329 3 18.4694 4.2653 19.7347C5.5306 21 7.56706 21 11.64 21H12.36C16.4329 21 18.4694 21 19.7347 19.7347C21 18.4694 21 16.4329 21 12.36V11.64C21 7.56707 21 5.5306 19.7347 4.2653C18.4694 3 16.4329 3 12.36 3H11.64C7.56706 3 5.5306 3 4.2653 4.2653Z' fill='%230077FF'/%3E%3Cpath d='M12.6095 16C8.55576 16 6.09636 13.1823 6 8.5H8.05309C8.1171 11.9395 9.67903 13.397 10.8764 13.6967V8.5H12.8439V11.4683C13.9988 11.3401 15.2076 9.98991 15.614 8.5H17.5505C17.2406 10.3321 15.9246 11.6823 14.9948 12.2392C15.9253 12.6895 17.4225 13.8682 18 16H15.8714C15.421 14.5749 14.321 13.4712 12.8446 13.3213V16H12.6095Z' fill='%23fff'/%3E%3C/svg%3E")}
.acc-way .acc-btn-ghost{height:36px;padding:0 16px;font-size:13.5px}
.oauth-msg{margin-bottom:16px}
/* /login: блок кнопок внутри формы, под заголовком и выше почты (с 21.10, вечер) */
.acc-form .oauth{margin:4px 0 0}
/* Кнопка Яндекс ID — основная версия из оформления Яндекса (yandex.ru/dev/id/doc/ru/codes/buttons-design):
   чёрный фон, белый текст «Войти с Яндекс ID», логотип 24 px вплотную перед текстом. Цвет, текст, значок
   и отступы между ними Яндекс менять не разрешает; высоту — можно, с сохранением пропорций. */
.oauth-btns .oauth-btn--yandex,.oauth-btns .oauth-btn--yandex:visited{background:#000;color:#fff}
.oauth-btns .oauth-btn--yandex:hover{background:#1f1f1f;color:#fff}
.oauth-btns .oauth-btn--yandex:active{background:#333}
.oauth-btns .oauth-btn.oauth-btn--yandex::before,.cart-account .oauth-btns .oauth-btn.oauth-btn--yandex::before{position:static;flex:none;width:24px;height:24px;margin:0 13px 0 0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='44 16 24 24'%3E%3Crect x='44' y='16' width='24' height='24' rx='12' fill='%23FC3F1D'/%3E%3Cpath d='M57.6912 35.212H60.1982V20.812H56.5516C52.8843 20.812 50.9574 22.6975 50.9574 25.4739C50.9574 27.6909 52.0141 28.9962 53.8995 30.3429L50.6259 35.212H53.3401L56.9867 29.7628L55.7228 28.9133C54.1896 27.8773 53.4437 27.0693 53.4437 25.3288C53.4437 23.7956 54.5211 22.7596 56.5723 22.7596H57.6912V35.212Z' fill='white'/%3E%3C/svg%3E")}
.oauth-ico--yandex{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='44 16 24 24'%3E%3Crect x='44' y='16' width='24' height='24' rx='12' fill='%23FC3F1D'/%3E%3Cpath d='M57.6912 35.212H60.1982V20.812H56.5516C52.8843 20.812 50.9574 22.6975 50.9574 25.4739C50.9574 27.6909 52.0141 28.9962 53.8995 30.3429L50.6259 35.212H53.3401L56.9867 29.7628L55.7228 28.9133C54.1896 27.8773 53.4437 27.0693 53.4437 25.3288C53.4437 23.7956 54.5211 22.7596 56.5723 22.7596H57.6912V35.212Z' fill='white'/%3E%3C/svg%3E")}