/* ===== Hooligans: все стили сайта (JS-код — в HTML-коде для HEAD проекта) ===== */
/* Тёмный фон всего сайта (не виден белый при прокрутке за край); в редакторе Tilda не действует */
html:has(#allrecords:not([data-tilda-mode="edit"])),html:has(#allrecords:not([data-tilda-mode="edit"])) body,html:has(#allrecords:not([data-tilda-mode="edit"])) #allrecords{background-color:var(--hg-ink,#1b1c18)!important;overscroll-behavior-y:none}

/* ===== Hooligans: общий стиль сайта (оформление элементов Zero Block по их CSS-классам) ===== */
@media (min-width:1200px){.t396__artboard-flex{padding-left:max(40px,calc((100% - 1160px) / 2))!important;padding-right:max(40px,calc((100% - 1160px) / 2))!important}}
.hg-btn .tn-atom{transition:transform .15s ease,box-shadow .15s ease,border-color .2s ease!important}
@media (hover:hover){.hg-btn:hover .tn-atom{transform:translate(-2px,-2px)}}
.hg-btn:active .tn-atom{transform:translate(2px,2px)}
.hg-chip.hg-on .tn-atom{background:var(--c,#cf6d44)!important;color:#141414!important;border-color:var(--c,#cf6d44)!important}
.hg-chip .tn-atom{transition:border-color .2s,background-color .2s,color .2s!important}
.hg-nav.hg-cur .tn-atom{color:#efe6d2!important;box-shadow:inset 0 -2px 0 var(--hg-accent,#cf6d44)}
.hg-window .tn-atom{border-radius:50% 50% 6px 6px/34% 34% 6px 6px!important;overflow:hidden;position:relative}
.hg-window .tn-atom img{border-radius:inherit}
.hg-door-img .tn-atom{position:relative;overflow:hidden;transition:transform .35s ease,filter .35s ease!important}
@media (hover:hover){.hg-door-img:hover .tn-atom{transform:translateY(-4px);filter:brightness(1.12)}}
.hg-light{position:absolute;inset:0;pointer-events:none;mix-blend-mode:overlay;border-radius:inherit;background:radial-gradient(60% 55% at var(--lx,30%) var(--ly,25%),rgba(255,236,190,calc(.55 + var(--glow,0) * .35)),rgba(0,0,0,.35) 75%)}
.hg-gift .tn-atom{position:relative;overflow:hidden;container-type:inline-size}
@property --glx{syntax:'';inherits:false;initial-value:22%}
@property --gly{syntax:'';inherits:false;initial-value:20%}
.hg-gift .hg-light{background:radial-gradient(55% 60% at var(--glx) var(--gly),rgba(255,236,190,.45),rgba(0,0,0,.25) 75%);animation:hggl 9s ease-in-out infinite alternate}
@keyframes hggl{0%{--glx:22%;--gly:20%}100%{--glx:78%;--gly:45%}}
.hg-gc{position:absolute;left:48.5%;top:31%;transform:translate(-50%,-50%) rotate(-13deg);text-align:center;color:#3b2a20;line-height:1;display:grid;gap:.8cqw;pointer-events:none;font-family:'Fira Sans Extra Condensed',sans-serif}
.hg-gc small{font-family:'IBM Plex Mono',monospace;font-size:1.6cqw;letter-spacing:.3em;text-transform:uppercase}
.hg-gc b{font-weight:900;font-size:5.6cqw;letter-spacing:.04em;text-transform:uppercase;color:#c4623f}
.hg-gc span{font-weight:800;font-size:2.2cqw;letter-spacing:.35em;text-transform:uppercase}
html:has(#allrecords:not([data-tilda-mode="edit"])) .hg-gift-card{display:none!important}
/* смена фраз «Здесь можно»: как в прототипе — 0,35 с растворение со сдвигом 8px, фраза держится 2,8 с (интервал — в коде HEAD) */
.hg-rot .tn-atom{transition:opacity .35s ease,transform .35s ease!important}
.hg-rot.hg-out .tn-atom{opacity:0;transform:translateY(8px)}
html:has(#allrecords:not([data-tilda-mode="edit"])) .hg-rot:not(.hg-ready) .tn-atom{visibility:hidden}
.hg-tear .tn-atom{position:relative;overflow:visible!important}
.hg-tear .tn-atom::before,.hg-tear .tn-atom::after{content:"";position:absolute;top:-13px;width:24px;height:24px;border-radius:50%;background:var(--hg-ink,#1b1c18);border:2px solid #0e0f0d;box-sizing:border-box}
.hg-tear .tn-atom::before{left:-14px}.hg-tear .tn-atom::after{right:-14px}
/* линия отрыва на купоне: на всю ширину карточки (поля карточки 22px слева и справа) */
.hg-tear{width:calc(100% + 44px)!important;max-width:none!important}
@media (max-width:639px){.hg-pc{display:none!important}body:not(.hg-g1):not(.hg-g2):not(.hg-g3) .hg-j0,body.hg-g1 .hg-j1,body.hg-g2 .hg-j2,body.hg-g3 .hg-j3{display:table!important}}
/* барберы из Потоков: «о себе» внутри фото, награда, грейд */
html:has(#allrecords:not([data-tilda-mode="edit"])) .hg-about{display:none!important}
.hg-bph .tn-atom{position:relative;overflow:hidden}
.hg-bph img{filter:grayscale(1) contrast(1.05);transition:filter .4s ease,transform .6s ease}
@media (hover:hover){[data-fe-role="post"]:hover .hg-bph img{filter:none;transform:scale(1.03)}}
[data-fe-role="post"].hg-tint .hg-bph img{filter:none;transform:scale(1.03)}
.hg-jface{position:relative!important;overflow:hidden}.hg-jface .hg-jdesc{display:none!important}
.hg-jinfo{text-align:left;justify-content:flex-start;gap:12px;cursor:default}.hg-jinfo p{flex:0 1 auto}
.hg-jbtn{align-self:flex-start;display:inline-block;padding:9px 14px;background:var(--hg-accent,#cf6d44);color:var(--hg-on,#140f0b);border:2px solid #0e0f0d;box-shadow:3px 3px 0 #0e0f0d;font:600 14px/1.2 'Golos Text',sans-serif;cursor:pointer}
.hg-jinfo .hg-bx{display:grid;place-items:center}
.hg-bq{position:absolute;right:10px;top:10px;z-index:3;width:40px;height:40px;padding:0;display:grid;place-items:center;background:var(--hg-accent,#cf6d44);color:var(--hg-on,#140f0b);border:2px solid #0e0f0d;box-shadow:3px 3px 0 #0e0f0d;cursor:pointer;transition:transform .2s}
.hg-bq:hover{transform:scale(1.08)}.hg-bq svg{width:20px;height:20px}
.hg-binfo{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;padding:46px 16px 14px;background:linear-gradient(180deg,rgba(14,15,13,.8),rgba(14,15,13,.94));color:#efe6d2;opacity:0;visibility:hidden;transform:translateY(8%);transition:opacity .3s,transform .4s cubic-bezier(.2,.8,.2,1),visibility .3s}
.hg-open .hg-binfo{opacity:1;visibility:visible;transform:none}
.hg-binfo p{margin:0;flex:1 1 auto;min-height:0;overflow:auto;white-space:pre-line;font:400 15px/1.45 'Golos Text',sans-serif;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(239,230,210,.4) transparent;overscroll-behavior:contain}
.hg-bx{position:absolute;right:10px;top:10px;width:32px;height:32px;padding:0;border:1px solid rgba(239,230,210,.4);background:transparent;color:#efe6d2;font-size:20px;line-height:1;cursor:pointer}
.hg-awb{position:absolute;left:8px;top:8px;z-index:2;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:2px solid #0e0f0d;box-shadow:2px 2px 0 #0e0f0d;transform:rotate(-8deg);color:#16130f;background:radial-gradient(circle at 35% 30%,#fbe7a6,#e2b44a 55%,#c8932a)}
.hg-awb.fin{background:radial-gradient(circle at 35% 30%,#ffffff,#c9ced3 55%,#9aa1a8)}.hg-awb svg{width:19px;height:19px}
.hg-award .tn-atom{display:flex;gap:6px;align-items:flex-start}.hg-award .tn-atom svg{flex:none;width:15px;height:15px;color:#e2b44a;margin-top:1px}
.hg-grade .tn-atom{display:inline-block;border:1px solid rgba(239,230,210,.18);padding:2px 8px}
.hg-grade.hg-brand .tn-atom{background:var(--hg-accent,#cf6d44);border-color:var(--hg-accent,#cf6d44);color:var(--hg-on,#140f0b)!important}
@media (max-width:479px){.hg-bq{width:32px;height:32px;right:6px;top:6px}.hg-bq svg{width:16px;height:16px}.hg-binfo{padding:40px 10px 10px}.hg-binfo p{font-size:12.5px;line-height:1.4}.hg-bx{width:28px;height:28px;right:6px;top:6px}.hg-awb{width:28px;height:28px;left:5px;top:5px}.hg-awb svg{width:14px;height:14px}}
@media (prefers-reduced-motion:reduce){.hg-gift .hg-light{animation:none}.hg-rot .tn-atom{transition:none!important}}

/* страницы филиалов: кнопка «Записаться» в шапке в цвет филиала; плашка грейда по ширине текста; запись переносится на телефоне */
.t396__artboard[data-artboard-pos="fixed"] .hg-btn .tn-atom{background-color:var(--hg-accent,#cf6d44)!important;color:var(--hg-on,#140f0b)!important}
.hg-grade .tn-atom{width:fit-content!important;max-width:100%}
@media (max-width:639px){.hg-bbook{max-width:100%!important}.hg-bbook .tn-atom{white-space:normal!important}}
/* ===== Афиша (Поток «Афиша сайта») ===== */
html:has(#allrecords:not([data-tilda-mode="edit"])) .hg-afhid{display:none!important}
.hg-afimg .tn-atom{position:relative;overflow:hidden;border-bottom:1px solid rgba(239,230,210,.12)}
.hg-afimg img{filter:grayscale(1) contrast(1.05);transition:filter .4s ease}
@media (hover:hover){.hg-afpost:hover .hg-afimg img{filter:none}}
.hg-afpost{transition:border-color .2s,transform .2s}
@media (hover:hover){.hg-afpost:hover{border-color:var(--c,var(--hg-accent,#cf6d44))!important;transform:translateY(-2px)}}
.hg-afart{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:var(--hg-accent,#cf6d44);color:var(--hg-on,#140f0b)}
.hg-afart.t-event{background:#e2c38c;color:#16130f}.hg-afart.t-news{background:#0e0f0d;color:#efe6d2}
.hg-afart span{font-size:clamp(4rem,3rem + 4vw,6.5rem);line-height:1;transform:rotate(-8deg)}
.hg-afart i{position:absolute;left:0;right:0;bottom:22%;border-top:2px dashed currentColor;opacity:.35}
.hg-aftype .tn-atom{display:inline-block;padding:3px 8px;border:1px solid rgba(239,230,210,.18);color:#efe6d2!important}
.hg-aftype.t-promo .tn-atom{background:var(--hg-accent,#cf6d44);border-color:var(--hg-accent,#cf6d44);color:var(--hg-on,#140f0b)!important}
.hg-aftype.t-event .tn-atom{background:#e2c38c;border-color:#e2c38c;color:#16130f!important}
.hg-afbr .tn-atom{position:relative;padding-left:10px;color:var(--bc,#b3ab97)!important}
.hg-afbr .tn-atom::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--bc,#b3ab97)}
.hg-afoff{display:none!important}

/* ===== Hooligans: вход, плеер, «Связаться» ===== */
.hg-ui{--lead:#0e0f0d;--ink:#1b1c18;--panel:#24261f;--line:#3b3d33;--paper:#efe6d2;--muted:#b3ab97;--accent:#cf6d44;--accent-2:#e2c38c;--on-accent:#140f0b;
  --f-hg:'Fira Sans Extra Condensed','Arial Narrow',Impact,sans-serif;--f-body:'Golos Text',system-ui,-apple-system,'Segoe UI',sans-serif;--f-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  font-family:var(--f-body);color:var(--paper);-webkit-font-smoothing:antialiased}
.hg-ui *,.hg-ui *::before,.hg-ui *::after{box-sizing:border-box}
.hg-ui [hidden]{display:none!important}
.hg-ui button{font:inherit;color:inherit;margin:0}
.hg-ui a{color:inherit}
.hg-ui :focus-visible{outline:2px solid var(--accent-2);outline-offset:3px;border-radius:2px}
.hg-ui .mono{font-family:var(--f-mono);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.hg-ui .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border:2px solid var(--lead);background:var(--accent);color:var(--on-accent);font-family:var(--f-hg);font-weight:800;font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 var(--lead);transition:transform .15s ease,box-shadow .15s ease}
.hg-ui .btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--lead)}
.hg-ui .btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--lead)}
.hg-ui .btn.ghost{background:transparent;color:var(--paper);border-color:var(--line);box-shadow:none}
.hg-ui .btn.ghost:hover{border-color:var(--accent);transform:none}
.hg-ui .btn svg{width:18px;height:18px;flex:none}
.hg-ui .chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line);background:transparent;font-family:var(--f-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:var(--paper);text-decoration:none;line-height:1.2}
.hg-ui .chip:hover{border-color:var(--c,var(--accent))}
.hg-ui .chip[aria-pressed="true"]{background:var(--c,var(--accent));color:#141414;border-color:var(--c,var(--accent))}
.hg-ui .chip svg{width:14px;height:14px}
/* вход */
.hg-entry{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px 16px;background:var(--ink);overflow:auto}
.hg-entry::before{content:"";position:absolute;inset:0;background:var(--bg) center/cover;opacity:.18;filter:saturate(.8)}
.hg-entry .in{position:relative;display:grid;gap:22px;max-width:640px;text-align:left}
.hg-entry h1{margin:0;font-family:var(--f-hg);font-weight:900;font-size:clamp(3.4rem,2rem + 7vw,8.4rem);line-height:.85;text-transform:uppercase;color:var(--paper)}
.hg-entry h1 span{color:var(--accent)}
.hg-entry p{margin:0;max-width:46ch;font-size:1.05rem;line-height:1.55}
.hg-entry .row{display:flex;gap:14px;flex-wrap:wrap}
.hg-entry small{color:var(--muted);font-size:.82rem}
/* плеер (тихий вариант) */
.hg-player{position:fixed;left:0;right:0;bottom:0;z-index:9990;background:rgba(14,15,13,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(239,230,210,.08);padding:8px clamp(12px,3vw,28px) calc(8px + env(safe-area-inset-bottom,0px))}
.hg-player .in{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:14px}
.hg-player .disc{flex:none;width:38px;height:38px;border-radius:50%;background:repeating-radial-gradient(circle,#111 0 2px,#1d1d1d 2px 3px);position:relative;box-shadow:0 0 0 1px rgba(239,230,210,.22)}
.hg-player .disc::after{content:"";position:absolute;inset:32%;border-radius:50%;background:color-mix(in srgb,var(--accent) 55%,#b3ab97);box-shadow:inset 0 0 0 3px #3a3832}
.hg-player.playing .disc::after{background:var(--accent);box-shadow:inset 0 0 0 3px var(--accent-2)}
.hg-player .disc.spin{animation:hgspin 1.8s linear infinite}
@keyframes hgspin{to{transform:rotate(360deg)}}
.hg-player .meta{min-width:0;flex:1}
.hg-player .ttl{font-family:var(--f-hg);font-weight:800;font-size:.92rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#cfc7b5}
.hg-player .sub{font-size:.74rem;color:#7d776b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hg-player .st,.hg-player .ctl{display:flex;gap:2px}
.hg-player .ctl{padding-left:10px;border-left:1px solid rgba(239,230,210,.08)}
.hg-player .chip{border-color:transparent;background:transparent;color:#8f887a;font-size:.72rem;padding:7px 10px;transition:color .2s ease,background .2s ease}
.hg-player .chip:hover{color:#efe6d2;border-color:transparent;background:rgba(239,230,210,.06)}
.hg-player .chip[aria-pressed="true"]{background:rgba(239,230,210,.09);color:#d9d1bf;border-color:transparent}
.hg-player .st .chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c);opacity:.35;transition:opacity .2s}
.hg-player .st .chip[aria-pressed="true"]::before,.hg-player .st .chip:hover::before{opacity:.9}
.hg-player .pw{color:#b3ab97;border-color:rgba(239,230,210,.14)!important}.hg-player .pw:hover{color:#efe6d2}
.hg-player .eq{display:none;gap:2px;align-items:flex-end;height:12px}.hg-player .eq i{width:3px;background:currentColor;height:30%}
.hg-player.playing .mu .eq{display:inline-flex}.hg-player.playing .mu .note{display:none}
.hg-player.playing .eq i{animation:hgeq .9s ease-in-out infinite}.hg-player .eq i:nth-child(2){animation-delay:-.3s}.hg-player .eq i:nth-child(3){animation-delay:-.6s}
@keyframes hgeq{0%,100%{height:25%}50%{height:100%}}
@media (max-width:900px){.hg-player .st{display:none}}
@media (max-width:560px){.hg-player .ctl{border-left:0;padding-left:0}.hg-player .ctl .chip span:not(.eq){display:none}.hg-player .ctl .chip{padding:9px 11px}.hg-player .sub{display:none}}
/* кнопка «Связаться» и окно */
.hg-fab{position:fixed;right:clamp(12px,3vw,28px);bottom:calc(var(--plh,60px) + 14px);z-index:9995;display:inline-flex;align-items:center;gap:10px;padding:11px 18px 11px 13px;background:var(--accent);color:var(--on-accent)!important;border:2px solid var(--lead);box-shadow:4px 4px 0 var(--lead);font-family:var(--f-hg);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .25s ease}
.hg-fab svg{width:22px;height:22px;flex:none}
.hg-fab:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--lead)}
.hg-fab .dot{position:absolute;right:-5px;top:-5px;width:12px;height:12px;background:#45c46b;border:2px solid var(--lead);border-radius:50%}
.hg-fab .dot::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid #45c46b;animation:hgping 2.4s ease-out infinite}
@keyframes hgping{0%{transform:scale(1);opacity:.9}70%,100%{transform:scale(2.4);opacity:0}}
body.hg-cxo .hg-fab{opacity:0;pointer-events:none}
@media (max-width:560px){.hg-fab{padding:13px}.hg-fab span:not(.dot){display:none}}
.hg-cx{position:fixed;inset:0;z-index:9998}
.hg-cx .back{position:absolute;inset:0;background:rgba(8,8,7,.55);animation:hgfade .25s ease}
@keyframes hgfade{from{opacity:0}}
.hg-cx .panel{position:absolute;right:clamp(12px,3vw,28px);bottom:calc(var(--plh,60px) + 14px);width:min(400px,calc(100vw - 24px));max-height:calc(100dvh - var(--plh,60px) - 40px);overflow:auto;background:var(--ink);color:var(--paper);border:2px solid var(--lead);outline:1px solid var(--line);outline-offset:-7px;box-shadow:6px 6px 0 var(--lead);padding:22px 20px 20px;display:grid;gap:14px;animation:hgin .32s cubic-bezier(.2,.8,.2,1)}
@keyframes hgin{from{opacity:0;transform:translateY(18px) scale(.98)}}
.hg-cx .head{display:flex;justify-content:space-between;gap:12px;align-items:start}
.hg-cx h3{margin:6px 0 0;font-family:var(--f-hg);font-weight:900;font-size:1.7rem;line-height:.95;text-transform:uppercase;letter-spacing:.01em;color:var(--paper)}
.hg-cx.osnova h3{font-family:'Manrope',sans-serif;text-transform:none;letter-spacing:-.02em}
.hg-cx .head p{margin:6px 0 0;color:var(--muted);font-size:.82rem}
.hg-cx .x{flex:none;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);background:transparent;color:var(--paper);cursor:pointer;font-size:1.4rem;line-height:1}
.hg-cx .x:hover{border-color:var(--paper)}
.hg-cx .tabs{display:flex;gap:6px;flex-wrap:wrap}
.hg-cx .list{display:grid;gap:8px}
.hg-cx .it{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 12px 9px 9px;border:1px solid var(--line);background:var(--panel);color:var(--paper);text-decoration:none;text-align:left;cursor:pointer;transition:border-color .2s ease,transform .2s ease}
.hg-cx .it:hover{border-color:var(--c);transform:translateX(3px)}
.hg-cx .ic{width:44px;height:44px;display:grid;place-items:center;background:var(--c);color:#fff;border:2px solid var(--lead)}
.hg-cx .ic svg{width:22px;height:22px}
.hg-cx .it b{display:block;font-family:var(--f-hg);font-weight:800;font-size:1.1rem;text-transform:uppercase;letter-spacing:.04em;line-height:1.1}
.hg-cx .it small{display:block;color:var(--muted);font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hg-cx .go{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.hg-cx .it.off{cursor:default}.hg-cx .it.off:hover{transform:none;border-color:var(--line)}.hg-cx .it.off .ic{filter:grayscale(.6);opacity:.7}
.hg-cx .copy{border:1px solid var(--line);background:transparent;color:var(--paper);font-family:var(--f-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;padding:5px 7px;cursor:pointer}
.hg-cx .copy:hover{border-color:var(--paper)}
.hg-cx .foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.82rem;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}
.hg-cx .foot a{color:var(--accent);text-decoration:none}.hg-cx .foot a:hover{text-decoration:underline}
@media (max-width:560px){.hg-cx .panel{left:0;right:0;bottom:0;width:auto;max-height:88dvh;border-width:2px 0 0;outline:none;box-shadow:0 -10px 40px rgba(0,0,0,.4);padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));animation-name:hgup}@keyframes hgup{from{transform:translateY(100%)}}}
@media (prefers-reduced-motion:reduce){.hg-player .disc.spin,.hg-player.playing .eq i,.hg-fab .dot::after{animation:none}}

/* ===== Дополнительные правила ===== */
/* Прокрутка колесом мыши: запрет «отскока» только у страницы целиком, а не у внутренних контейнеров (иначе колесо не листает) */
html:has(#allrecords:not([data-tilda-mode="edit"])) body,html:has(#allrecords:not([data-tilda-mode="edit"])) #allrecords{overscroll-behavior:auto!important}
/* Отступ сверху под закреплённую шапку = её реальная высота (считает скрипт страницы) */
html.hg-pad body.t-body{padding-top:var(--hg-hh)!important}
/* Афиша: плашки «Тип» и «Филиал» по ширине текста с отступами */
.hg-aftype,.hg-afbr{width:auto!important}
.hg-aftype .tn-atom,.hg-afbr .tn-atom{width:auto!important;white-space:nowrap}
/* Афиша: если картинка поста подгрузилась позже — показать её, а плашку ☞ убрать */
.hg-afimg .tn-atom:has(img[data-original]) .hg-afart,.hg-afimg .tn-atom:has(img[src*="tildacdn"]) .hg-afart{display:none!important}
.hg-afimg img[data-original],.hg-afimg img[src*="tildacdn"]{visibility:visible!important}
/* Телефон: кнопка «Связаться» выше плеера, с запасом на нижнюю панель браузера */
@media (max-width:560px){.hg-fab{bottom:calc(var(--plh,64px) + 30px + env(safe-area-inset-bottom,0px))!important}}
/* Подарочный сертификат: размеры текста считаются от ширины карточки */
.hg-gift .tn-atom{display:block!important;width:100%!important;height:100%!important}
/* Телефон: карточки барберов и преподавателей (фото с классом hg-tph) — две колонки по 50%, фото 3:4 */
@media (max-width:639px){
  [data-fe-role="post"]:has(.hg-bph),.hg-jcol,.t396__group:has(> .tn-molecule > .hg-tph){width:calc(50% - 6px)!important;max-width:none!important}
  [data-fe-role="post"] .hg-bph,.hg-jface,.hg-tph{width:100%!important;height:auto!important;aspect-ratio:3/4}
  [data-fe-role="post"] .hg-bph,.hg-tph{position:relative!important;min-height:0!important;overflow:hidden}
  [data-fe-role="post"] .hg-bph .tn-atom,.hg-tph .tn-atom{position:absolute!important;inset:0;height:auto!important}
}
/* Карточка «Стань частью команды»: текст вакансии поверх плашки */
.hg-jinfo{background:rgba(14,15,13,.97)!important}
@media (max-width:479px){.hg-jinfo{gap:8px}.hg-jbtn{font-size:12.5px;padding:7px 10px;white-space:nowrap}}
/* Сенсорные экраны: без бликов на мозаиках (там это просто картинки) */
@media (hover:none){.hg-window .hg-light,.hg-door-img .hg-light{display:none!important}}

/* Фон шапки всегда на всю ширину окна (редактор Тильды при сохранении иногда ставит ему отступ слева 100) */
.t396__artboard[data-artboard-pos="fixed"] .tn-elem__absolute[data-elem-type="shape"][data-field-container-value="window"]{left:0!important;width:100%!important}

/* Полоса разделов «На странице» — серые оттенки */
.hg-sub{position:fixed;left:0;right:0;top:76px;z-index:990;display:flex;align-items:center;gap:16px;padding:9px max(40px,calc((100% - 1160px) / 2));background:color-mix(in srgb,var(--hg-ink,#1b1c18) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(239,230,210,.1);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease,visibility .25s,top .25s ease}
.hg-sub.on{opacity:1;visibility:visible;transform:none}
.hg-sub .sl{flex:none;font:400 12px/1 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#7d776b}
.hg-sub .ch{display:flex;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}
.hg-sub .ch::-webkit-scrollbar{display:none}
.hg-sub a{flex:none;padding:7px 12px;border:1px solid rgba(239,230,210,.14);font:400 12.5px/1.2 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#a49d8e;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s}
.hg-sub a:hover{color:#efe6d2;border-color:rgba(239,230,210,.4)}
.hg-sub a.on{color:#efe6d2;background:rgba(239,230,210,.13);border-color:rgba(239,230,210,.5)}
.hg-sub i{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:rgba(239,230,210,.4)}
html.hg-paper .hg-sub{border-bottom-color:rgba(30,25,20,.12)}
html.hg-paper .hg-sub .sl{color:#8a7b6b}
html.hg-paper .hg-sub a{color:#6e6052;border-color:rgba(30,25,20,.16)}
html.hg-paper .hg-sub a:hover{color:#1e1914;border-color:rgba(30,25,20,.45)}
html.hg-paper .hg-sub a.on{color:#1e1914;background:rgba(30,25,20,.08);border-color:rgba(30,25,20,.5)}
html.hg-paper .hg-sub i{background:rgba(30,25,20,.35)}
@media (max-width:639px){
  .hg-sub{padding:8px 0}
  .hg-sub .sl{display:none}
  .hg-sub .ch{padding:0 16px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 28px),transparent)}
  /* при прокрутке вниз второй ряд меню в шапке прячется */
  .t396__artboard[data-artboard-pos="fixed"]{transition:height .25s ease!important}
  html.hg-cmp .t396__artboard[data-artboard-pos="fixed"]{height:60px!important;min-height:0!important}
}
/* Кнопка «Наверх» над «Связаться» */
.hg-top{position:fixed;z-index:9994;right:clamp(12px,3vw,28px);bottom:calc(var(--plh,60px) + 74px);width:46px;height:46px;padding:0;display:grid;place-items:center;background:var(--hg-ink,#1b1c18);color:#efe6d2;border:1px solid rgba(239,230,210,.25);font:500 20px/1 'IBM Plex Mono',monospace;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .25s,visibility .25s,border-color .2s}
.hg-top.on{opacity:1;visibility:visible;transform:none}
.hg-top:hover{border-color:rgba(239,230,210,.6)}
html.hg-paper .hg-top{color:#1e1914;border-color:rgba(30,25,20,.3)}
body.hg-cxo .hg-top{opacity:0;visibility:hidden}
@media (max-width:560px){.hg-top{right:calc(clamp(12px,3vw,28px) + 3px);bottom:calc(var(--plh,64px) + 92px + env(safe-area-inset-bottom,0px))}}