/* pf-kb-cms: полоса и баннер конкурса на статьях движка (build_cms.py, 10.11.2026) */

/* из t193-article.css */
/* 02.11 Виталий: полоса над шапкой. Шапка сайта fixed top:0, тело с отступом 72/84 px — сдвигаем их на высоту полосы через --tb (без CLS); закрытие → html.t193-tb-off */
:root{--tb:0px}html.pf-kb-on{--tb:64px}@media (min-width:768px){html.pf-kb-on{--tb:48px}}html.t193-tb-off{--tb:0px}
.t193-topbar{position:fixed;top:0;left:0;right:0;z-index:10001;display:flex;align-items:center;gap:8px;height:var(--tb);padding:0 8px 0 16px;background:var(--tb-bg);color:var(--tb-fg)}
.t193-topbar__a{display:flex;flex:1 1 auto;align-items:center;justify-content:space-between;gap:12px;min-width:0;height:100%;color:inherit;font-size:16px;font-weight:600;line-height:1.25;text-decoration:none}
.t193-topbar__a span{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.t193-topbar__a:hover span{text-decoration:underline}.t193-topbar__a svg{flex:none}
.t193-topbar__x{display:flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:none;color:inherit;cursor:pointer}
@media (min-width:768px){.t193-topbar{justify-content:center;padding:0 16px}.t193-topbar__a{flex:0 1 auto;justify-content:center;font-size:17px}}
header.a-header:not(#\#):not(#\#):not(#\#){top:var(--tb)}
body:not(#\#):not(#\#):not(#\#){padding-top:calc(72px + var(--tb))}
@media (min-width:1240px){body:not(#\#):not(#\#):not(#\#){padding-top:calc(84px + var(--tb))}}
:root{--tb-bg:#5c0f1d;--tb-fg:#fff}
/* 04.11 конкурс: праздник в полосе — золотая лента с бантом, конфетти и окошко, где коробки iPhone едут вверх при прокрутке
   (как вариант 4 баннера). Декор — элементы <i>, чтобы не попасть под правило пилота .t193-topbar__a span */
.t193-topbar.kt{overflow:hidden;background:
  radial-gradient(circle at 6% 30%,#e3b567 0 2px,transparent 2.5px),radial-gradient(circle at 18% 75%,#ffc7d1 0 1.5px,transparent 2px),
  radial-gradient(circle at 31% 22%,#fff 0 1.5px,transparent 2px),radial-gradient(circle at 72% 70%,#e3b567 0 2px,transparent 2.5px),
  radial-gradient(circle at 84% 28%,#ffc7d1 0 1.5px,transparent 2px),radial-gradient(circle at 94% 72%,#fff 0 1.5px,transparent 2px),
  linear-gradient(90deg,#3d0a13,#7a1426 50%,#3d0a13)}
/* ленты с бантами по краям полосы (ПК) */
.kt .kt-edge{display:none}
@media (min-width:1200px){.kt .kt-edge{display:block;position:absolute;top:0;bottom:0;width:14px;background:linear-gradient(90deg,#c8913f,#e3b567 30%,#f3d89a 50%,#e3b567 70%,#c8913f);pointer-events:none}.kt .kt-edge--r{right:7%}.kt .kt-edge svg{position:absolute;top:-4px;left:50%;width:40px;height:30px;margin-left:-20px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}}
/* 04.11 Виталий: слева фоном — камера iPhone (вместо коробки), раз в 13 с срабатывает вспышка */
.kt .kt-ph{position:absolute;left:0;top:0;bottom:0;width:110px;overflow:hidden;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,#000 72%,transparent);mask-image:linear-gradient(90deg,#000 72%,transparent)}
.kt .kt-ph img{position:absolute;left:0;top:-14px;width:120px;height:auto;max-width:none;display:block}
.kt .kt-flash{position:absolute;z-index:2;pointer-events:none;left:111px;top:26px;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;
  background:radial-gradient(circle,#fff 0 30%,rgba(255,255,255,.85) 45%,rgba(255,240,220,0) 70%);opacity:0;animation:kt-flash 13s linear -11s infinite}
.t193-topbar.kt::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 111px 40%,rgba(255,255,255,.9),rgba(255,255,255,.25) 35%,transparent 70%);opacity:0;pointer-events:none;animation:kt-glow 13s linear -11s infinite}
@keyframes kt-flash{0%,95.5%{opacity:0;transform:scale(.4)}96.4%{opacity:1;transform:scale(4)}97.6%{opacity:.5;transform:scale(2.5)}99%,100%{opacity:0;transform:scale(1)}}
@keyframes kt-glow{0%,95.5%{opacity:0}96.4%{opacity:.55}98.6%,100%{opacity:0}}
.kt .t193-topbar__a,.kt .t193-topbar__x{position:relative;z-index:1}
.kt .t193-topbar__a{padding-left:78px;gap:8px;font-size:13px;line-height:1.2}
@media (max-width:767px){.kt .t193-topbar__a svg{display:none}}
@media (max-width:374px){.kt .t193-topbar__a{font-size:12px;padding-left:72px}}
.kt .t193-topbar__a span{-webkit-line-clamp:3}
@media (min-width:768px){
  .kt .kt-ph{width:190px}
  .kt .kt-ph img{width:160px;top:-32px}
  .kt .kt-flash{left:148px;top:21px}
  .t193-topbar.kt::after{background:radial-gradient(circle at 148px 45%,rgba(255,255,255,.9),rgba(255,255,255,.25) 25%,transparent 55%)}
  .kt .t193-topbar__a{padding-left:0;font-size:16px;line-height:1.25}
  .kt .t193-topbar__a span{-webkit-line-clamp:2}
  .t193-topbar.kt{padding-left:180px}
}
@media (min-width:1200px){.t193-topbar.kt{padding-left:16px}}
@media (prefers-reduced-motion:reduce){.kt .kt-flash,.t193-topbar.kt::after{animation:none}}


/* стиль сайта: Golos Text, заголовки 700, кнопка 56px с радиусом 14px, карточки и картинки — радиус 20px */
a.pf-kb.pf-kb{position:relative;display:block;margin:2rem 0;padding:24px 20px;border-radius:20px;overflow:hidden;
  background:radial-gradient(90% 120% at 85% 15%,#a8213a 0%,#5c0f1d 50%,#3d0a13 100%);color:#fff;
  font:400 16px/1.5 'Golos Text',system-ui,-apple-system,sans-serif;text-decoration:none}
a.pf-kb.pf-kb *{text-decoration:none;box-sizing:border-box;font-family:'Golos Text',system-ui,-apple-system,sans-serif}
a.pf-kb.pf-kb .pf-kb__eye,a.pf-kb.pf-kb .pf-kb__h,a.pf-kb.pf-kb .pf-kb__p{display:block}
a.pf-kb.pf-kb .pf-kb__img{position:absolute;top:16px;right:8px;width:104px;height:104px;margin:0;max-width:none;border-radius:0;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.35))}
a.pf-kb.pf-kb .pf-kb__eye{display:inline-block;margin:0 0 12px;padding:6px 12px;border-radius:30px;background:rgba(255,255,255,.14);font-size:13px;font-weight:600;line-height:1.2;color:#ffc7d1}
a.pf-kb.pf-kb .pf-kb__h{margin:0 0 8px;padding-right:96px;font-size:24px;font-weight:700;line-height:1.25;color:#fff;text-wrap:balance}
a.pf-kb.pf-kb .pf-kb__p{margin:0 0 20px;font-size:16px;font-weight:400;line-height:1.5;color:rgba(255,255,255,.8)}
a.pf-kb.pf-kb .pf-kb__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:56px;padding:0 28px;border-radius:14px;background:#fff;color:#3d0a13;font-size:18px;font-weight:500;line-height:1;transition:background .2s}
a.pf-kb.pf-kb:hover .pf-kb__btn{background:#ffc7d1}
a.pf-kb.pf-kb:focus-visible{outline:3px solid #ffc7d1;outline-offset:3px}
@media (min-width:768px){
  a.pf-kb.pf-kb{padding:32px 260px 32px 40px}
  a.pf-kb.pf-kb .pf-kb__img{top:50%;right:40px;width:190px;height:190px;transform:translateY(-50%)}
  a.pf-kb.pf-kb .pf-kb__h{padding-right:0;font-size:32px;line-height:1.3}
  a.pf-kb.pf-kb .pf-kb__p{font-size:18px;max-width:60ch}
  a.pf-kb.pf-kb .pf-kb__btn{display:inline-flex;width:auto}
}
/* праздник (04.11, замечание коллег): золотая лента через баннер с бантом, конфетти, подарки. Всё декоративное — aria-hidden, без картинок */
a.pf-kb.pf-kb .pf-kb__fest{position:absolute;inset:0;pointer-events:none;z-index:0}
a.pf-kb.pf-kb .pf-kb__fest--top{z-index:3}
a.pf-kb.pf-kb .pf-kb__fest svg{position:absolute;display:block;max-width:none}
a.pf-kb.pf-kb .pf-kb__rib-v{top:0;bottom:0;right:44px;width:22px;height:100%;
  -webkit-mask-image:linear-gradient(#000 0,#000 96px,transparent 132px);mask-image:linear-gradient(#000 0,#000 96px,transparent 132px)}
a.pf-kb.pf-kb .pf-kb__fest .pf-kb__bow{top:-4px;right:12px;width:86px;height:65px;z-index:3;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
a.pf-kb.pf-kb .pf-kb__conf{inset:0;width:100%;height:100%}
a.pf-kb.pf-kb .pf-kb__fest .pf-kb__gifts{display:none}
a.pf-kb.pf-kb .pf-kb__img{z-index:1}
a.pf-kb.pf-kb .pf-kb__eye,a.pf-kb.pf-kb .pf-kb__h,a.pf-kb.pf-kb .pf-kb__p,a.pf-kb.pf-kb .pf-kb__btn{position:relative;z-index:2}
a.pf-kb.pf-kb .pf-kb__img{top:52px}
@media (min-width:768px){
  a.pf-kb.pf-kb .pf-kb__rib-v{right:124px;width:28px;-webkit-mask-image:none;mask-image:none}
  a.pf-kb.pf-kb .pf-kb__fest .pf-kb__bow{top:-6px;right:76px;width:124px;height:93px}
  a.pf-kb.pf-kb .pf-kb__img{top:50%}
  a.pf-kb.pf-kb .pf-kb__fest .pf-kb__gifts{display:block;right:236px;bottom:12px;width:86px;height:64px}
}