/*
 * okeano-site.css — общий слой okeysait.ru как сайта продукта (04.10.2026).
 * Подключается после kon-theme.css на всех страницах okeysait.ru (и только там).
 * Правило палитры: белый фон, чернильный текст, фиолетовый — только на главном действии и ссылках.
 * Градиент остаётся в одном месте — в логотипе.
 */
:root{--os-ink:#1d1640;--os-mut:#5d5780;--os-line:#e7e3f3;--os-mist:#f6f4fb;--os-vio:#6a2ee8;--os-vio-d:#5521c9;--os-ease:cubic-bezier(.2,.8,.2,1);--os-h:68px}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--os-h) + 16px)}

/* ——— Шапка ——— */
.os-top{position:sticky;top:0;z-index:500;background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .25s,box-shadow .25s}
.os-top.is-stuck{border-bottom-color:var(--os-line);box-shadow:0 6px 24px rgba(29,22,64,.06)}
.os-top .os-top__in{display:flex!important;flex-direction:row;align-items:center;gap:28px;height:var(--os-h)}
.os-logo{flex:none;display:block;width:132px;aspect-ratio:260/41;background:linear-gradient(100deg,#c81fd6,#6a2ee8 70%);-webkit-mask:url(../icons/logo.png) left center/contain no-repeat;mask:url(../icons/logo.png) left center/contain no-repeat;transition:opacity .2s}
.os-logo:hover{opacity:.8}
.os-logo span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.os-nav{display:flex;align-items:center;gap:4px;margin-right:auto}
.os-nav__a{position:relative;display:inline-flex;align-items:center;gap:5px;padding:9px 13px;border-radius:10px;font-size:15.5px;font-weight:600;line-height:1;color:var(--os-ink)!important;text-decoration:none!important;transition:background .2s,color .2s}
.os-nav__a svg{width:11px;height:11px;opacity:.55;transition:transform .25s var(--os-ease),opacity .2s}
.os-nav__a:hover{background:var(--os-mist)}
.os-nav__a:hover svg{transform:translate(2px,-2px);opacity:1}
.os-nav__a.is-on{color:var(--os-vio)!important}
.os-nav__a--m{display:none}
.os-acts{display:flex;align-items:center;gap:8px}
.os-login{padding:9px 13px;border-radius:10px;font-size:15.5px;font-weight:600;line-height:1;color:var(--os-ink)!important;text-decoration:none!important;max-width:11em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .2s}
.os-login:hover{background:var(--os-mist)}
.os-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 18px;border-radius:12px;background:var(--os-vio);color:#fff!important;font-size:15px;font-weight:700;line-height:1;white-space:nowrap;text-decoration:none!important;transition:background .2s,transform .2s var(--os-ease),box-shadow .2s}
.os-btn:hover{background:var(--os-vio-d);transform:translateY(-1px);box-shadow:0 8px 20px rgba(106,46,232,.26)}
.os-btn:active{transform:translateY(0) scale(.98);box-shadow:none}
.os-top a:focus-visible,.os-burger:focus-visible{outline:2px solid var(--os-vio);outline-offset:2px}

/* корзина: видна, только когда в ней что-то есть */
#cart_informer.os-cart{position:relative;display:none;width:42px;height:42px;border-radius:12px;color:var(--os-ink);transition:background .2s}
#cart_informer.os-cart.is-full,#cart_informer.os-cart:has(.count){display:block}
#cart_informer.os-cart:hover{background:var(--os-mist)}
#cart_informer.os-cart img,#cart_informer.os-cart span{display:none!important}
#cart_informer.os-cart::after{content:none!important}
#cart_informer.os-cart::before{content:""!important;position:absolute;inset:10px;width:auto;height:auto;margin:0;background:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 12H6L5 8z'/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 12H6L5 8z'/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'/%3E%3C/svg%3E") center/contain no-repeat!important}
#cart_informer.os-cart .count{position:absolute!important;top:2px;right:0;left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--os-vio)!important;color:#fff!important;font-size:11px;font-weight:700;line-height:18px;text-align:center;animation:osPop .35s var(--os-ease)}
@keyframes osPop{from{transform:scale(.4)}60%{transform:scale(1.15)}to{transform:none}}

/* бургер */
.os-burger{display:none;position:relative;width:42px;height:42px;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer;color:var(--os-ink);-webkit-tap-highlight-color:transparent}
.os-burger i,.os-burger i::before,.os-burger i::after{position:absolute;left:11px;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .3s var(--os-ease),opacity .2s,top .3s var(--os-ease)}
.os-burger i{top:20px}
.os-burger i::before,.os-burger i::after{content:"";left:0}
.os-burger i::before{top:-6px}
.os-burger i::after{top:6px}
.os-burger[aria-expanded="true"] i{background:transparent}
.os-burger[aria-expanded="true"] i::before{top:0;transform:rotate(45deg)}
.os-burger[aria-expanded="true"] i::after{top:0;transform:rotate(-45deg)}

@media (max-width:860px){
  :root{--os-h:60px}
  .os-top .os-top__in{gap:12px}
  .os-logo{width:112px;margin-right:auto}
  .os-login{display:none}
  .os-burger{display:block}
  .os-btn{height:40px;padding:0 14px;font-size:14.5px}
  .os-nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;margin:0;padding:10px 2vw 16px;background:#fff;border-bottom:1px solid var(--os-line);box-shadow:0 24px 40px rgba(29,22,64,.10);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .22s,transform .3s var(--os-ease),visibility 0s .3s}
  .os-nav.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .22s,transform .3s var(--os-ease)}
  .os-nav__a{padding:15px 14px;font-size:17px;border-radius:12px;opacity:0;transform:translateY(-6px);transition:opacity .25s,transform .3s var(--os-ease),background .2s}
  .os-nav.is-open .os-nav__a{opacity:1;transform:none}
  .os-nav.is-open .os-nav__a:nth-child(2){transition-delay:.03s}
  .os-nav.is-open .os-nav__a:nth-child(3){transition-delay:.06s}
  .os-nav.is-open .os-nav__a:nth-child(4){transition-delay:.09s}
  .os-nav.is-open .os-nav__a:nth-child(5){transition-delay:.12s}
  .os-nav__a--m{display:inline-flex;margin-top:6px;border-top:1px solid var(--os-line);border-radius:0 0 12px 12px}
}
@media (max-width:380px){.os-btn{padding:0 11px;font-size:14px}.os-logo{width:100px}}

/* ——— Страница под шапкой ——— */
.os-top + .popups + .main,.os-top ~ .main{padding-top:36px}
@media (max-width:860px){.os-top ~ .main{padding-top:22px}}

/* ——— Подвал: спокойный чернильный вместо градиента ——— */
html.os-site .footer.kf{background:var(--os-ink)!important;background-image:none!important}
@media screen and (max-width:555px){html.os-site .footer.kf{padding-bottom:28px}}

/* ——— Плашка cookies: узкая строка, не закрывает содержимое ——— */
html.os-site .cookie-bnr.kc{left:16px;right:auto;bottom:16px;max-width:min(520px,calc(100% - 32px));padding:10px 10px 10px 14px;gap:12px;border-radius:14px;box-shadow:0 10px 30px rgba(29,22,64,.14)}
html.os-site .kc__ico{display:none}
html.os-site .kc__title{display:none}
html.os-site .kc__text{font-size:13.5px;line-height:1.4}
html.os-site .kc__ok{flex:none;width:auto;padding:9px 14px;border-radius:10px;background:var(--os-ink);box-shadow:none;font-size:13.5px}
@media screen and (max-width:560px){html.os-site .cookie-bnr.kc{left:10px;right:10px;bottom:10px;max-width:none;flex-wrap:nowrap}html.os-site .kc__body{flex:1 1 auto}html.os-site .kc__ok{width:auto}}
html.os-site #cart_informer_client.informer{bottom:20px}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .os-top,.os-btn,.os-nav,.os-nav__a,.os-burger i,.os-burger i::before,.os-burger i::after{transition:none!important}
  #cart_informer.os-cart .count{animation:none}
}

/* ——— Ссылка-кнопка на страницах (вход через КОН ID на /partnership): тот же вид, что у главного действия ——— */
html.os-site .main a.btn_form{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:52px;padding:0 26px;margin-top:16px;border-radius:14px;background:var(--os-vio)!important;color:#fff!important;font-size:16.5px;font-weight:700;text-decoration:none;box-shadow:none;transition:background .2s,transform .25s var(--os-ease),box-shadow .25s}
html.os-site .main a.btn_form:hover{background:var(--os-vio-d)!important;transform:translateY(-2px);box-shadow:0 12px 26px rgba(106,46,232,.28)}
@media (max-width:700px){html.os-site .main a.btn_form{width:100%}}