/* Новый стиль «Калибр» (23.10.2026) — поверх site.css: бумажный фон, шрифты Unbounded + Onest, цвета CMYK.
   Меняем только внешний вид (цвета, шрифты, скругления, тени); раскладку и логику калькулятора не трогаем. */
:root{
  --paper:#F5F2EC; --paper2:#EDE8DF; --card:#FFFFFF; --ink:#111214; --ink2:#4A4D55; --ink3:#8B8E96; --line:#E2DDD3;
  --c:#00A3E0; --m:#E6007E; --y:#FFD400; --wa:#25D366; --tg:#2AABEE; --mx:#7B5CFF;
  --display:"Unbounded",system-ui,sans-serif; --text:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
}
body{background:var(--paper);color:var(--ink);font-family:var(--text);-webkit-font-smoothing:antialiased}
a{color:var(--ink)}a:hover{color:var(--m)}
h1,h2,h3,.sec-title,.tile b,.price h3,.minicalc h3,.cta h2,.answer b{font-family:var(--display);letter-spacing:-.02em;color:var(--ink)}
h1{font-weight:800}h2,h3{font-weight:700}
.gloss::before,.gloss::after{display:none}
.card{border-radius:24px;box-shadow:none;border:1px solid var(--line)}

/* шапка */
.site-header .card{border:0;background:var(--card)}
.logo2{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font:800 21px/1 var(--display);letter-spacing:.06em}
.logo2 svg{width:30px;height:30px;flex:none}
.logo2 small{display:block;font:500 10.5px/1.3 var(--text);letter-spacing:.3em;color:var(--ink3);margin-top:4px}
.site-header .nav a,.site-header .nav a:nth-child(even){background:transparent;box-shadow:none;color:var(--ink);font-family:var(--text);font-weight:600;border-radius:999px}
.site-header .nav a:hover{background:var(--paper2);color:var(--ink);transform:none}
.site-header .nav a[aria-current]{background:var(--ink);color:#fff}
.cinfo a,.cinfo .phone,.cinfo .phone2,.cinfo .mail{background:transparent;box-shadow:none;color:var(--ink)}
.cinfo a:hover{color:var(--m)}
.cinfo .ci{stroke:var(--ink)}

/* кнопки: плоские, яркие */
.btn{font-family:var(--text);font-weight:700}
.btn:hover{filter:none}
.wa,.wa:hover{background:var(--wa);box-shadow:0 10px 24px -14px rgba(20,140,70,.9);color:#fff}
.tg,.tg:hover{background:var(--tg);box-shadow:0 10px 24px -14px rgba(20,110,170,.9);color:#fff}
.mx,.mx:hover{background:var(--mx);box-shadow:0 10px 24px -14px rgba(80,50,200,.9);color:#fff}
.wa svg,.tg svg,.mx svg{stroke:#fff}
.yellow,.yellow:hover{background:var(--y);box-shadow:0 14px 30px -16px rgba(180,140,0,.9);color:var(--ink);border-radius:18px}
.yellow svg{stroke:var(--ink)}
.ghost,.ghost:hover{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink);border-radius:18px}

/* первый экран страниц */
.hero .box{background:var(--card);box-shadow:none;position:relative;overflow:hidden}
.hero .box::after{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,212,0,.35),transparent 65%);pointer-events:none}
.hero .lead{color:var(--ink2)}
.chips span{background:var(--paper);box-shadow:none;color:var(--ink);font-family:var(--text)}
.crumbs,.crumbs a{color:var(--ink3)}.crumbs a:hover{color:var(--ink)}

/* плитки и ссылки-кнопки */
.tile.t1,.tile.t2,.tile.t3,.tile.t4,.tile.t5,.tile.t6,.tile.t7,.tile.t8{background:var(--card);box-shadow:none;border:2px solid transparent}
.tile:hover{border-color:var(--ink);filter:none}
.rels .rel,.rel,.rel:nth-child(6n+1),.rel:nth-child(6n+2),.rel:nth-child(6n+3),.rel:nth-child(6n+4),.rel:nth-child(6n+5),.rel:nth-child(6n),.rels .rel:nth-child(even){background:var(--card);box-shadow:none;border:1.5px solid var(--line);color:var(--ink);font-family:var(--text)}
.rel::before{display:none}
.rel:hover,.rels .rel:hover{background:var(--ink);border-color:var(--ink);color:#fff;filter:none}
.rels .rel:last-child{background:var(--y);border-color:var(--y)}
.rels .rel:last-child:hover{background:var(--ink);color:#fff}

/* цены, таблицы, статьи */
.tbl thead th{background:var(--ink);color:#fff}
.tbl th,.tbl td{border-color:var(--line)}
.tbl tbody tr:hover td{background:#FFF7CC}
.extra li::before,.article li::before{background:var(--m)}
.answer{border-left-color:var(--y)}
.article a,.answer a,.faq a,.disclaimer a{color:var(--ink);text-decoration-color:var(--m)}
.faq summary::after{color:var(--ink3)}
.steps b{color:var(--ink);background:var(--y)}
.price.pt h3 a{color:var(--ink)}

/* калькулятор: выбранный вариант — чёрный, итог — крупно */
.copt{font-family:var(--text);border-color:var(--line)}
.copt:hover{border-color:var(--ink)}
.copt.on{background:var(--ink);border-color:var(--ink);color:#fff}
.ctab.on{background:var(--ink);color:#fff}
.ctot{font-family:var(--display);color:var(--ink)}
.cinp:focus{outline:2px solid var(--y);border-color:var(--ink)}

/* подвал */
.site-footer{background:var(--ink);color:#C9CBD1}
.site-footer b{color:#fff;font-family:var(--display)}
.site-footer a,.site-footer .links a{color:#C9CBD1}
.site-footer a:hover,.site-footer .links a:hover{color:var(--y)}

/* калькулятор: его стили вставляет calc.js после site2.css, поэтому здесь с приставкой html body */
html body .cres{background:var(--paper);border-color:var(--line)}
html body .cme{color:var(--ink);background:#FFF1A8;border-color:var(--y);box-shadow:none}
html body .cme:hover,html body .cme[aria-expanded=true]{background:var(--y);border-color:var(--ink)}
html body .cadd{border-color:var(--ink3)}html body .cadd:hover{background:var(--paper)}
html body .oform{border-color:var(--line);box-shadow:none}
html body .ofbtn:focus-within{outline-color:var(--y)}
html body .ccopy{color:var(--ink)}
html body .tbl th[scope=row]{background:#fff}
html body .faq summary::after{color:var(--ink3)}
.price.pt .more{color:var(--ink)}.price.pt h3 a:hover{color:var(--m)}
.good em{color:var(--ink)}.good img{background:var(--paper2)}
.steps li{box-shadow:none;border:1px solid var(--line)}
html body .copt{background:#fff;box-shadow:none;border-color:var(--line)}html body .copt:hover{border-color:var(--ink)}html body .copt.on{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:none}
@media (max-width:700px){.logo2{font-size:17px;gap:9px}.logo2 svg{width:24px;height:24px}.logo2 small{font-size:8.5px;letter-spacing:.16em;white-space:nowrap}}
html,body{overflow-x:clip}

/* ===== 23.10: шапка, мессенджеры, нижняя панель и cookie — как на главной ===== */
.kh-top{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.kh-in{max-width:1240px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:20px;min-height:76px}
.kh-brand{flex:none;display:flex;flex-direction:column;gap:4px}
.kh-logo img{height:46px;width:auto;max-width:none;display:block}
.kh-mc{display:none}
.kh-nav{display:flex;gap:2px;margin-left:4px}
.kh-nav a{padding:9px 10px;border-radius:999px;font-weight:500;font-size:15px;color:var(--ink2);text-decoration:none;white-space:nowrap}
.kh-nav a:hover{background:var(--paper2);color:var(--ink)}
.kh-nav a[aria-current]{background:var(--ink);color:#fff}
.kh-r{margin-left:auto;display:flex;align-items:center;gap:14px}
.kh-c{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}
.kh-ph{font-weight:600;font-size:16px;color:var(--ink);text-decoration:none;white-space:nowrap}
.kh-ml{font-size:13.5px;color:var(--ink2);text-decoration:none;white-space:nowrap}
.kh-c a:hover{color:var(--m)}
.kh-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap}
.kh-btn:hover{color:#fff;transform:translateY(-1px)}
.kh-btn svg{width:20px;height:20px}
.kh-msg{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.kh-msg a{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 18px;border-radius:14px;color:#fff;font-weight:700;font-size:15px;text-decoration:none}
.kh-msg a:hover{color:#fff;transform:translateY(-2px)}
.kh-msg svg{width:20px;height:20px;flex:none}
.kh-msg .wa{background:var(--wa)}.kh-msg .tg{background:var(--tg)}.kh-msg .mx{background:var(--mx)}
.kh-fix{display:none}
.kh-ck{position:fixed;left:16px;bottom:16px;z-index:70;max-width:380px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--ink);color:#E6E7EA;font-size:13.5px;line-height:1.4;box-shadow:0 16px 40px -16px rgba(0,0,0,.5)}
.kh-ck p{margin:0}.kh-ck a{color:var(--y)}
.kh-ck button{flex:none;border:0;border-radius:10px;padding:8px 12px;background:var(--y);color:var(--ink);font:700 13.5px var(--text);cursor:pointer}
.kh-ck[hidden]{display:none}
.crumbs{padding-top:16px}
@media (max-width:1100px){.kh-nav{display:none}}
@media (max-width:700px){
  .kh-in{min-height:0;padding:10px 16px;gap:12px}
  .kh-logo img{height:38px}
  .kh-c,.kh-btn span{display:none}
  .kh-btn{width:46px;padding:0;justify-content:center}
  .kh-mc{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:600;margin-top:4px}
  .kh-mc a{display:flex;align-items:center;gap:7px;color:var(--ink);text-decoration:none}
  .kh-mc a+a{font-weight:500;color:var(--ink2)}
  .kh-mc svg{width:15px;height:15px;flex:none;color:var(--m)}
  .kh-msg{display:grid;grid-template-columns:repeat(3,1fr)}
  .kh-msg a{height:50px;padding:0 6px;font-size:14px;gap:6px}
  .kh-msg svg{width:18px;height:18px}
  .kh-fix{display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:60;gap:8px}
  .kh-fix a{flex:1;height:54px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;text-decoration:none;box-shadow:0 14px 30px -10px rgba(17,18,20,.5)}
  .kh-fix .k{background:var(--ink);color:#fff}.kh-fix .w{flex:0 0 54px;background:var(--wa);color:#fff;font-size:13px}.kh-fix .tg{background:var(--tg)}.kh-fix .mx{background:var(--mx)}
  .site-footer{padding-bottom:90px}
  .kh-ck{left:12px;right:12px;max-width:none;bottom:calc(76px + env(safe-area-inset-bottom,0px))}
}
/* меню с пунктом «Конструктор»: на средних экранах плотнее, «Мероприятия» прячем (есть в продукции) */
@media (max-width:1560px){.kh-nav a,.nav a{padding:9px 8px;font-size:14.5px}}
@media (max-width:1440px){.kh-nav a[href="/pechat-k-meropriyatiyam-v-sochi/"],.nav a[href="/pechat-k-meropriyatiyam-v-sochi/"]{display:none}}