.ozon-auto-sync-guide-entry {
  align-items: center;
  background: #fff;
  border: 1px solid #b8dcff;
  border-radius: 6px;
  color: #007aff;
  cursor: pointer;
  display: inline-flex;
  font-size: 13px;
  gap: 6px;
  line-height: 30px;
  margin-left: 8px;
  padding: 0 11px;
  transition: border-color .15s ease, background-color .15s ease, color .15s ease;
  white-space: nowrap;
}
.ozon-auto-sync-guide-entry:hover { background: #edf6ff; border-color: #007aff; color: #0071e3; }
.ozon-auto-sync-guide-entry:focus-visible { outline: 2px solid #007aff; outline-offset: 2px; }
.ozon-auto-sync-guide-entry__icon { align-items: center; border: 1px solid currentColor; border-radius: 50%; display: inline-flex; font-size: 11px; font-weight: 700; height: 15px; justify-content: center; line-height: 1; width: 15px; }
.online-product-status-tabs .ozon-auto-sync-guide-entry { font-size: 12px; gap: 4px; line-height: 26px; margin-left: 8px; padding: 0 8px; }
.online-product-status-tabs .ozon-auto-sync-guide-entry__icon { font-size: 10px; height: 13px; width: 13px; }
.online-product-status-tabs .online-product-sync-time { flex: 0 0 auto; margin-left: 0; }
.ozon-auto-sync-guide-lock { overflow: hidden; }
.ozon-auto-sync-guide-drawer { inset: 0; position: fixed; z-index: 3000; }
.ozon-auto-sync-guide-backdrop { background: rgba(29, 29, 31, .24); border: 0; cursor: default; inset: 0; padding: 0; position: absolute; width: 100%; }
.ozon-auto-sync-guide-panel { background: #fff; box-shadow: -12px 0 35px rgba(29, 29, 31, .16); box-sizing: border-box; height: 100%; max-width: 640px; overflow-y: auto; padding: 28px 30px 40px; position: absolute; right: 0; top: 0; width: min(94vw, 640px); }
.ozon-auto-sync-guide-panel__head { align-items: flex-start; display: flex; justify-content: space-between; }
.ozon-auto-sync-guide-kicker { color: #0071e3; font-size: 11px; font-weight: 700; letter-spacing: .08em; }
.ozon-auto-sync-guide-panel h2 { color: #1d1d1f; font-size: 23px; line-height: 1.35; margin: 8px 30px 0 0; text-wrap: balance; }
.ozon-auto-sync-guide-close { background: transparent; border: 0; color: #6e6e73; cursor: pointer; font-size: 28px; line-height: 1; padding: 0 2px; }
.ozon-auto-sync-guide-close:hover { color: #1d1d1f; }
.ozon-auto-sync-guide-summary { color: #424245; font-size: 14px; line-height: 1.7; margin: 14px 0 22px; max-width: 58ch; }
.ozon-auto-sync-guide-guide { border: 1px solid #e5e5ea; border-radius: 12px; overflow: hidden; }
.ozon-auto-sync-guide-guide__head { align-items: center; border-bottom: 1px solid #f2f2f4; display: flex; justify-content: space-between; gap: 16px; padding: 16px 18px; }
.ozon-auto-sync-guide-guide__head h3 { color: #1d1d1f; font-size: 17px; line-height: 1.35; margin: 0; }
.ozon-auto-sync-guide-guide__head a { align-items: center; background: #007aff; border-radius: 7px; color: #fff; display: inline-flex; flex: 0 0 auto; font-size: 13px; font-weight: 600; min-height: 34px; padding: 0 13px; text-decoration: none; }
.ozon-auto-sync-guide-guide__head a:hover { background: #0071e3; }
.ozon-auto-sync-guide-guide__head a:focus-visible, .ozon-auto-sync-guide-text-link:focus-visible, .ozon-auto-sync-guide-copy:focus-visible { outline: 2px solid #007aff; outline-offset: 2px; }
.ozon-auto-sync-guide-steps { border-left: 1px solid #d6eaff; counter-reset: sync-step; list-style: none; margin: 22px 18px 8px 28px; padding: 0 0 0 28px; }
.ozon-auto-sync-guide-steps li { color: #424245; counter-increment: sync-step; font-size: 14px; line-height: 1.6; margin: 0 0 25px; position: relative; }
.ozon-auto-sync-guide-steps li::before { align-items: center; background: #fff; border: 2px solid #248df4; border-radius: 50%; color: #1976d2; content: counter(sync-step); display: flex; font-size: 12px; font-weight: 700; height: 28px; justify-content: center; left: -43px; position: absolute; top: -2px; width: 28px; }
.ozon-auto-sync-guide-steps h4 { color: #1d1d1f; font-size: 16px; line-height: 1.45; margin: 0 0 8px; }
.ozon-auto-sync-guide-steps p { color: #424245; margin: 0; }
.ozon-auto-sync-guide-text-link { color: #007aff; display: inline-block; font-size: 14px; margin-top: 9px; text-decoration: none; }
.ozon-auto-sync-guide-text-link:hover { text-decoration: underline; }
.ozon-auto-sync-guide-url { align-items: center; background: #f7fbff; border: 1px solid #d6eaff; border-radius: 8px; display: flex; gap: 12px; justify-content: space-between; margin-top: 13px; padding: 13px 14px; }
.ozon-auto-sync-guide-url__label { color: #6e6e73; display: block; font-size: 11px; margin-bottom: 6px; }
.ozon-auto-sync-guide-url code { color: #005ecb; font-size: 12px; overflow-wrap: anywhere; }
.ozon-auto-sync-guide-copy { background: #fff; border: 1px solid #b8dcff; border-radius: 5px; color: #007aff; cursor: pointer; flex: 0 0 auto; font-size: 12px; padding: 6px 10px; }
.ozon-auto-sync-guide-copy:hover { background: #edf6ff; }
.ozon-auto-sync-guide-figure { margin: 15px 0 0; }
.ozon-auto-sync-guide-figure a { display: block; }
.ozon-auto-sync-guide-figure img { background: #fff; border: 1px solid #e5e5ea; border-radius: 7px; display: block; height: auto; max-width: 100%; }
.ozon-auto-sync-guide-figure a:hover img { border-color: #80bdff; box-shadow: 0 4px 16px rgba(0, 122, 255, .14); }
.ozon-auto-sync-guide-figure figcaption { color: #6e6e73; font-size: 12px; line-height: 1.55; margin-top: 7px; }
.ozon-auto-sync-guide-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.ozon-auto-sync-guide-tags code { background: #edf6ff; border-radius: 4px; color: #005ecb; font-size: 11px; padding: 3px 5px; }
.ozon-auto-sync-guide-steps li.is-success { padding-bottom: 15px; }
.ozon-auto-sync-guide-steps li.is-success::before { background: #eaf7ef; border-color: #46a36f; color: #287b4e; content: '✓'; }
@media (prefers-reduced-motion: reduce) { .ozon-auto-sync-guide-entry { transition: none; } }
@media (max-width: 640px) { .ozon-auto-sync-guide-panel { max-width: none; padding: 22px 16px 28px; width: 100%; } .ozon-auto-sync-guide-guide__head { align-items: flex-start; flex-direction: column; } .ozon-auto-sync-guide-steps { margin-left: 25px; margin-right: 13px; padding-left: 25px; } .ozon-auto-sync-guide-steps li::before { left: -40px; } .ozon-auto-sync-guide-url { align-items: flex-start; flex-direction: column; } .ozon-auto-sync-guide-copy { align-self: flex-end; } }