/* ЛОТ·КЛИК: скин «крем+сериф», канон 10.08.2026. Светлая тема (тёмная убрана).
   Теней НЕТ: разделение только 1px border. Шрифты самохост (не googleapis). */

/* ---- Шрифты: Onest (текст) + Tinos ≈ Georgia-метрика (заголовки, Android) ---- */
@font-face{font-family:Onest;font-weight:400;font-display:swap;
  src:url(/assets/fonts/onest-cyr-400.woff2) format("woff2");unicode-range:U+0400-04FF,U+0500-052F}
@font-face{font-family:Onest;font-weight:400;font-display:swap;
  src:url(/assets/fonts/onest-lat-400.woff2) format("woff2");unicode-range:U+0000-024F}
@font-face{font-family:Onest;font-weight:500;font-display:swap;
  src:url(/assets/fonts/onest-cyr-500.woff2) format("woff2");unicode-range:U+0400-04FF,U+0500-052F}
@font-face{font-family:Onest;font-weight:500;font-display:swap;
  src:url(/assets/fonts/onest-lat-500.woff2) format("woff2");unicode-range:U+0000-024F}
@font-face{font-family:Onest;font-weight:700;font-display:swap;
  src:url(/assets/fonts/onest-cyr-700.woff2) format("woff2");unicode-range:U+0400-04FF,U+0500-052F}
@font-face{font-family:Onest;font-weight:700;font-display:swap;
  src:url(/assets/fonts/onest-lat-700.woff2) format("woff2");unicode-range:U+0000-024F}
/* Заголовочный сериф: на десктопе Georgia (local), иначе самохост Tinos (Times-метрика) */
@font-face{font-family:"Head Serif";font-weight:400;font-display:swap;
  src:local("Georgia"),url(/assets/fonts/tinos-cyr-400.woff2) format("woff2");unicode-range:U+0400-04FF,U+0500-052F}
@font-face{font-family:"Head Serif";font-weight:400;font-display:swap;
  src:local("Georgia"),url(/assets/fonts/tinos-lat-400.woff2) format("woff2");unicode-range:U+0000-024F}
@font-face{font-family:"Head Serif";font-weight:700;font-display:swap;
  src:local("Georgia Bold"),local("Georgia"),url(/assets/fonts/tinos-cyr-700.woff2) format("woff2");unicode-range:U+0400-04FF,U+0500-052F}
@font-face{font-family:"Head Serif";font-weight:700;font-display:swap;
  src:local("Georgia Bold"),local("Georgia"),url(/assets/fonts/tinos-lat-700.woff2) format("woff2");unicode-range:U+0000-024F}

/* ---------------------------- Токены ---------------------------- */
:root{
  --brand-red:#D6001C;         /* ТОЛЬКО логотип/словесный знак, неприкосновенен */
  --red:#C85A35;               /* всё интерактивное: кнопки, теги, live-точка, лоадер */
  --red2:#A8462A;              /* мелкий текст, где терракота не проходит контраст */
  --paper:#F5F1E8; --paper2:#EFEAE0; --ink:#242220; --line:#E4DFD2;
  --ink-soft:#5C574F;          /* второстепенный текст на бумаге */
  --gold:#C9A227;              /* точечно, только момент «Ваш лот готов» */
  --paper-on-ink:#F2EEE4;      /* текст на тёмных островах */
  --maxw:1120px; --rad:14px;
  --f-body:Onest,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --f-head:"Head Serif",Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--f-body);font-size:17px;line-height:1.6;
  font-feature-settings:"tnum" 0;text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--f-head);font-weight:700;line-height:1.15;
  text-wrap:balance;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2rem,6vw,3.4rem)}
h2{font-size:clamp(1.5rem,4vw,2.2rem)}
h3{font-size:1.2rem}
p{margin:0 0 1em}
a{color:var(--red2);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--red)}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:3px solid var(--red);outline-offset:2px;border-radius:4px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.muted{color:var(--ink-soft)}
.tnum{font-variant-numeric:tabular-nums}

/* ---------------------------- Кнопки ---------------------------- */
.btn{display:inline-flex;align-items:center;gap:.5em;
  font:600 1rem/1 var(--f-body);padding:.85em 1.4em;border-radius:var(--rad);
  border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background .15s,color .15s}
.btn-primary{background:var(--red);color:#fff}
.btn-primary:hover{background:var(--red2);color:#fff}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--red);color:var(--red)}

/* ---------------------------- Шапка (sticky) ---------------------------- */
.hdr{border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:30}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}
.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;white-space:nowrap;
  padding-bottom:3px;border-bottom:2px solid var(--brand-red)}
.logo-mark{display:inline-flex}
.logo-mark svg{display:block}
.logo-word{font-family:"Arial Black","Arial Narrow Bold",Arial,sans-serif;font-weight:900;
  font-size:1.3rem;letter-spacing:.01em;color:var(--ink);line-height:1}
.logo-word b{color:var(--brand-red);font-weight:900}
.nav{display:flex;gap:18px;align-items:center}
.nav a{color:var(--ink);text-decoration:none;font-size:.96rem}
.nav a:hover,.nav a[aria-current=page]{color:var(--red)}
.nav-tel{display:none;font-weight:700;color:var(--red2)!important}
.hdr-tel{font-weight:700;color:var(--ink);text-decoration:none;white-space:nowrap;font-variant-numeric:tabular-nums}
.hdr-tel:hover{color:var(--red)}
.burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:42px;height:38px;
  background:none;border:1px solid var(--line);border-radius:10px;padding:0 9px;cursor:pointer}
.burger span{display:block;height:2px;background:var(--ink);border-radius:2px}

/* ---------------------------- Подвал ---------------------------- */
.ftr{background:var(--ink);color:var(--paper-on-ink);margin-top:72px;padding:48px 0}
.ftr a{color:var(--paper-on-ink)}
.ftr .cols{display:grid;grid-template-columns:2fr 1fr;gap:40px}
.ftr .small{font-size:.9rem;color:#c8c2b6;line-height:1.55;margin-top:14px}
.ftr .contacts a{display:block;margin-bottom:8px;text-decoration:none}
.ftr .legal{font-size:.78rem;color:#9d978b;line-height:1.55;margin-top:28px;
  border-top:1px solid #3a352f;padding-top:20px}
.ftr .foot-slogan{font-family:var(--f-head);font-weight:700;font-size:1.5rem;
  color:var(--brand-red);margin-top:22px}

/* ---------------------------- Секции ---------------------------- */
section{padding:56px 0}
.island{background:var(--ink);color:var(--paper-on-ink);border-radius:var(--rad)}
.island h2{color:#fff}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--rad);padding:20px}
.grid{display:grid;gap:20px}
.g3{grid-template-columns:repeat(3,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
.tag{display:inline-block;font-size:.8rem;font-weight:600;color:#fff;background:var(--red);
  border-radius:999px;padding:.25em .7em;line-height:1.2}
.disclaimer{font-size:.82rem;color:var(--ink-soft);border-top:1px solid var(--line);
  margin-top:16px;padding-top:12px}

/* ---------------------------- Мобайл ---------------------------- */
/* Планшет 768-900px: телефон прячем раньше, чтобы горизонтальное меню не переполнялось */
@media(max-width:900px){
  .hdr-tel{display:none}
  .nav{gap:12px}
  .nav a{font-size:.9rem}
}

/* ---- Мобильный таб-бар (главные действия) ---- */
.tabbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:54;background:var(--paper);
  border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);height:62px}
.tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  background:none;border:none;cursor:pointer;text-decoration:none;color:var(--ink-soft);
  font:500 .7rem var(--f-body);padding:6px 0}
.tabbar svg{width:22px;height:22px}
.tabbar a.on{color:var(--red)}
.tabbar a:active,.tabbar button:active{color:var(--red)}

@media(max-width:768px){
  .nav{display:none}
  .burger{display:flex}
  .tabbar{display:grid}
  .sova-fab{display:none}          /* на мобайле Сова живёт в таб-баре, не дублируем */
  body{padding-bottom:62px}        /* место под таб-бар */
  .cookie{bottom:62px}             /* cookie над таб-баром */
  .ftr{margin-bottom:0}
  .ftr .cols{grid-template-columns:1fr;gap:24px}
  .g3,.g2{grid-template-columns:1fr}
  section{padding:40px 0}
}

/* ---- Полноэкранное мобильное меню (оверлей с размытием) ---- */
.mobile-menu{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;
  background:rgba(245,241,232,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  opacity:0;transition:opacity .28s ease}
.mobile-menu.open{opacity:1}
.mobile-menu[hidden]{display:none}
.mm-close{position:absolute;top:16px;right:20px;width:44px;height:44px;font-size:2rem;line-height:1;
  background:none;border:none;cursor:pointer;color:var(--ink)}
.mm-nav{display:flex;flex-direction:column;gap:24px;text-align:center}
.mm-nav a{font-family:var(--f-head);font-size:1.85rem;color:var(--ink);text-decoration:none}
.mm-nav a:active,.mm-nav a:hover{color:var(--red)}
@media(prefers-reduced-motion:reduce){.mobile-menu{transition:none}}

/* ---- Cookie-баннер ---- */
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:55;background:var(--ink);color:var(--paper-on-ink);
  padding:14px 20px;display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;
  font-size:.9rem;border-top:1px solid #3a352f}
.cookie[hidden]{display:none}
.cookie a{color:#e6dfce}
.cookie button{font:600 .92rem var(--f-body);padding:.6em 1.3em;border:none;border-radius:10px;
  background:var(--red);color:#fff;cursor:pointer}
.cookie button:hover{background:var(--red2)}

/* ---- Сова: плавающий ИИ-ассистент ---- */
.sova-fab{position:fixed;right:20px;bottom:20px;z-index:56;display:flex;align-items:center;gap:10px;
  background:var(--ink);color:#fff;border:none;border-radius:999px;padding:7px 18px 7px 7px;cursor:pointer;
  font:600 .95rem var(--f-body)}
.sova-fab img{width:42px;height:42px;border-radius:50%;background:#12314a}
.sova-fab:hover{background:#332f2b}
body.has-cookie .sova-fab{bottom:84px}
.sova-bubble{position:fixed;right:20px;bottom:80px;z-index:56;max-width:260px;background:#fff;color:var(--ink);
  border:1px solid var(--line);border-radius:14px;padding:12px 34px 12px 14px;font-size:.9rem;cursor:pointer}
body.has-cookie .sova-bubble{bottom:144px}
.sb-close{position:absolute;top:5px;right:8px;background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--ink-soft)}
.sova-panel{position:fixed;right:20px;bottom:84px;z-index:57;width:360px;max-width:calc(100vw - 40px);
  max-height:min(560px,78vh);display:flex;flex-direction:column;background:var(--paper);
  border:1px solid var(--line);border-radius:16px;overflow:hidden}
body.has-cookie .sova-panel{bottom:148px}
.sp-head{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--ink);color:#fff}
.sp-head img{width:34px;height:34px;border-radius:50%;background:#12314a}
.sp-head b{display:block;font-family:var(--f-head);line-height:1.1}
.sp-head span{font-size:.78rem;color:#c8c2b6}
.sp-close{margin-left:auto;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;line-height:1}
.sp-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.sp-msgs .msg{max-width:86%;padding:.55em .85em;border-radius:12px;font-size:.92rem;line-height:1.4}
.sp-msgs .bot{background:#fff;border:1px solid var(--line);align-self:flex-start;white-space:pre-wrap}
.sp-msgs .user{background:var(--red);color:#fff;align-self:flex-end}
.sp-form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}
.sp-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:.6em .8em;
  font:400 .95rem var(--f-body);background:#fff}
.sp-form input:focus{outline:none;border-color:var(--red)}
.sp-form button[type=submit]{flex:0 0 auto;width:44px;background:var(--red);color:#fff;border:none;border-radius:10px;
  font-size:1.2rem;cursor:pointer}
.sp-mic{flex:0 0 auto;width:44px;background:#fff;border:1px solid var(--line);border-radius:10px;cursor:pointer;
  color:var(--red2);display:flex;align-items:center;justify-content:center}
.sp-mic svg{width:18px;height:18px}
.sp-mic.rec{background:var(--red);color:#fff;border-color:var(--red)}
.sp-mic[hidden]{display:none}
.sp-foot{font-size:.78rem;color:var(--ink-soft);padding:8px 14px 12px}
.sp-foot a{color:var(--red2)}
.sova-fab[hidden],.sova-panel[hidden],.sova-bubble[hidden]{display:none}
@media(max-width:768px){
  .sova-fab span{display:none}
  .sova-fab{padding:6px}
  .sova-panel{right:10px;left:10px;width:auto;bottom:70px;max-height:70vh}
  body.has-cookie .sova-panel{bottom:124px}
}

/* ---------------- Анимации: только CSS, INP-безопасно ---------------- */
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}