/* brovi.s.t — фірмовий стиль (листопад 2026): синій · сірий · беж.
   Підключається ПІСЛЯ власних стилів сторінки й перевизначає її змінні та типографіку.
   Шрифти: Oswald (заголовки, великими), Cormorant Garamond курсив (підписи, вступи), Manrope (текст, меню). */
:root{
  --sky:#F4EEDF;--paper:#FAF6EC;--ink:#13273F;--muted:#59616B;--line:#D8CDB6;
  --field:#13273F;--field-ink:#F4EEDF;--gold:#8A6A35;--navy:#13273F;--cream:#F4EEDF;
  --f-d:"Oswald","Arial Narrow",system-ui,sans-serif;
  --f-b:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-s:"Cormorant Garamond",Georgia,"Times New Roman",serif;
}
@media (prefers-color-scheme:dark){:root{
  --sky:#0E1A2A;--paper:#13273F;--ink:#F4EEDF;--muted:#A9B0BA;--line:#2C3E57;
  --field:#F4EEDF;--field-ink:#13273F;--gold:#C9A96E;color-scheme:dark;
}}
body{font-family:var(--f-b);background:var(--sky);color:var(--ink)}

/* Заголовки — вузький гротеск великими літерами */
h1,h2{font-family:var(--f-d)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:-.005em;line-height:.94}
h1{font-size:clamp(46px,8.4vw,112px)}
h3,h4{font-family:var(--f-d);font-weight:500;text-transform:uppercase;letter-spacing:.01em}

/* Вступні абзаци — витончений курсив */
.lead{font-family:var(--f-s);font-style:italic;font-weight:500;font-size:clamp(21px,2.3vw,27px);line-height:1.24;color:var(--ink)}
.lead b,.lead strong{font-family:var(--f-s);font-weight:600}

/* Номери розділів [ 01 ] перед заголовками блоків */
main{counter-reset:bsec}
main>section>h2,main>section>div>h2,main>section>.prose>h2{counter-increment:bsec}
main>section>h2::before,main>section>div>h2::before{content:"[ " counter(bsec,decimal-leading-zero) " ]";display:block;font:600 12px/1.6 var(--f-b);letter-spacing:.22em;color:var(--gold);margin:0 0 14px;text-transform:none}

/* Кнопки — прямі кути, малі великі літери з розрядкою */
.pay,.cta,.btn,a.btn,button.btn,.b,.go,.buy,button[type=submit]{border-radius:0!important;text-transform:uppercase;letter-spacing:.16em;font-weight:700!important;font-family:var(--f-b)}
.pay,.cta,button[type=submit]{font-size:13px!important}
.seg{border-radius:0!important;text-transform:uppercase;letter-spacing:.1em;font-size:12px!important;font-weight:600}
input[type=text],input[type=tel],input[type=email],input[type=number],input[type=date],select,textarea{border-radius:0!important}
.card{border-radius:0!important}

/* Посилання в шапці — малі великі літери */
header nav a,header .nav a{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;text-decoration:none}

/* Допоміжні класи нового стилю */
.ol{color:transparent!important;-webkit-text-stroke:max(1.5px,.018em) var(--ink)}
.vt{position:absolute;left:14px;bottom:14px;writing-mode:vertical-rl;transform:rotate(180deg);font:700 clamp(54px,8vw,110px)/.86 var(--f-d);text-transform:uppercase;color:rgba(244,238,223,.26);-webkit-text-stroke:1.5px #F4EEDF;pointer-events:none;white-space:nowrap;z-index:2;margin:0}
.lbl{font:600 12px/1.6 var(--f-b);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.bigmark{display:block;width:100%;height:auto;margin:6px 0 10px}
.bigrule{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;border-top:1px solid var(--ink);padding-top:12px;margin:0 0 34px;font:600 11px/1.6 var(--f-b);letter-spacing:.2em;text-transform:uppercase}
.bigrule span:not(:first-child){color:var(--muted)}
/* Надзаголовки блоків → [ ПІДПИС ] золотом; де він є, номер перед заголовком не потрібен */
main section>.kick{color:var(--gold)!important;letter-spacing:.22em!important;font-size:12px!important}
main section>.kick::before{content:"[ "}main section>.kick::after{content:" ]"}
main section>.kick+h2::before{content:none!important}
