/* Otclick.Shop — деловой стиль публичных страниц otclick.shop (эталон: go.otclick.shop, 2026-10-09).
   Подключается ПОСЛЕДНИМ в <head> и переопределяет переменные и компоненты страниц, не трогая их разметку и логику.
   ОТКАТ всего сайта: заменить этот файл пустым (копия включённой версии — biz-theme.on.css).
   Посмотреть старый вид у себя: ?theme=old (вернуть новый — ?theme=biz). */
:root[data-theme="light"],:root:not([data-theme]){
  --bg:#ffffff;--panel:#ffffff;--brd:#dfe4ec;--text:#0b1b33;--muted:#475569;--grey:#64748b;
  --acc:#1e4fd8;--acc2:#163fb0;--violet:#1e4fd8;--blue:#1e4fd8;--sunk:#f6f7f9;--track:#e6ebf2;--sticky:#ffffff;
  --g1:transparent;--g2:transparent;--btn:#1e4fd8;--radius:2px;color-scheme:light}
:root[data-theme="dark"]{
  --bg:#0b1b33;--panel:rgba(255,255,255,.03);--brd:rgba(255,255,255,.14);--text:#f1f5f9;--muted:#a9b4c6;--grey:#94a3b8;
  --acc:#8fb0ff;--acc2:#b7cbff;--violet:#8fb0ff;--blue:#1e4fd8;--sunk:rgba(255,255,255,.04);--track:rgba(255,255,255,.10);--sticky:#0b1b33;
  --g1:transparent;--g2:transparent;--btn:#1e4fd8;--radius:2px;color-scheme:dark}
:root{--serif:'Instrument Serif',Georgia,serif;--sans:'IBM Plex Sans',system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace}

/* шрифты */
body,button,input,textarea,select{font-family:var(--sans)!important}
body{-webkit-font-smoothing:antialiased}
h1{font-family:var(--serif)!important;font-weight:400!important;letter-spacing:-.012em!important;font-size:clamp(38px,5.4vw,60px)!important;line-height:1.04!important}
h1 span{color:var(--acc)!important;font-style:italic}
h2{font-weight:600;letter-spacing:-.005em}
.ring b{font-family:var(--serif)!important;font-weight:400!important;font-size:48px!important}
.pri,.lbl,.tabs button,.cnt,.disc,.hint code{font-family:var(--mono)!important}
.pri{font-weight:500!important;letter-spacing:.06em}

/* формы и скругления: почти прямые углы */
*{border-radius:2px!important}
.ring,.spin,.prog li .ic,.review-card__avatar,.avatar,.dot,.badge__pulse,input[type=radio],input[type=checkbox]{border-radius:50%!important}
input[type=checkbox]{border-radius:2px!important}

/* фон без свечения и градиентов */
.bgfx{background:var(--bg)!important}
body{background:var(--bg)!important}

/* кнопки: прямоугольные, без теней и подпрыгиваний */
.btn{background:var(--btn)!important;color:#fff!important;border:1px solid var(--btn)!important;box-shadow:none!important;transform:none!important;font-weight:600!important;letter-spacing:0}
.btn:hover{background:#163fb0!important;border-color:#163fb0!important}
.btn.ghost{background:transparent!important;color:var(--text)!important;border:1px solid var(--text)!important}
.btn.ghost:hover{background:var(--text)!important;color:var(--bg)!important}
.btn.solid{background:var(--btn)!important}
.hdr-sup,.sup-top button{box-shadow:none!important;transform:none!important}
.theme{border-color:var(--brd)!important}

/* карточки: тонкая рамка вместо теней и стекла */
.card,.um,.prog,.sup-top,.lockc,.ats,.issue,.step,.kpi,.copybox,.ex,.mark{box-shadow:none!important;backdrop-filter:none!important}
.um-ov{backdrop-filter:none!important;background:rgba(11,27,51,.55)!important}
.sup-top{background:transparent!important}
.lockc{background:var(--sunk)!important;border:1px solid var(--brd)!important}
.issue{background:transparent!important;border:1px solid var(--brd)!important;border-left-width:3px!important}
.issue.critical{border-left-color:var(--red)!important}.issue.high{border-left-color:var(--orange)!important}
.issue.medium{border-left-color:var(--yellow)!important}.issue.low{border-left-color:var(--grey)!important}
.drop{background:var(--sunk)!important;border:1px dashed var(--acc)!important}
.drop:hover,.drop.over{background:transparent!important;border-style:solid!important}
.step{background:var(--sunk)!important;border:1px solid var(--brd)}
.step .num{background:var(--btn)!important}
.prog .pbar i,.bar i{background:var(--acc)}
input:focus,textarea:focus,select:focus{outline:2px solid var(--acc)!important;border-color:transparent!important}
.unl-ok{box-shadow:none!important;border-color:var(--green)!important}
.share-btn{background:transparent!important}
.tabs button.on,.seg button.on,.seg button.active{background:var(--text)!important;color:var(--bg)!important;border-color:var(--text)!important}

/* шапка: на средних/узких экранах кнопки — отдельной строкой под логотипом */
@media(max-width:900px){
  header{flex-wrap:wrap!important;align-items:center!important}
  header .brand{flex:1 1 100%;max-width:none!important}
  header .hdr-r{width:100%;justify-content:flex-start!important;flex-wrap:wrap}
  .hdr-sup{flex:0 0 auto!important;order:0!important}
}
.tag b{white-space:nowrap}
@media(max-width:420px){.tag b{white-space:normal}}

/* адаптив: компактнее на планшете и телефоне */
@media(max-width:900px){.tag span{display:none!important}.tag{margin-left:0!important}}
@media(max-width:480px){h1{font-size:32px!important;line-height:1.08!important}}