/* VALKORED announcement bar · scrolling messages, big 3D numbers, elements and small images */
.vk-ann{position:relative;z-index:51;display:flex;align-items:center;height:38px;overflow:hidden;color:#fff;background:linear-gradient(110deg,#93122b,#be1937 56%,#97172e);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.14);font:600 10px/1 'DM Sans','Manrope',Arial,sans-serif;letter-spacing:.075em;text-transform:uppercase;-webkit-font-smoothing:antialiased}
.vk-ann[hidden]{display:none}
.vk-ann::before{content:"";position:absolute;inset:0 0 50% 0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0))}
.vk-ann.has-big{height:62px}
.vk-ann-viewport{flex:1;min-width:0;height:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%)}
.vk-ann-track{display:flex;align-items:center;width:max-content;height:100%;animation:vk-ann-scroll var(--vk-ann-dur,40s) linear infinite;will-change:transform}
@keyframes vk-ann-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-1 * var(--vk-ann-w,50%)),0,0)}}
@media(hover:hover){.vk-ann:hover .vk-ann-track{animation-play-state:paused}}
.vk-ann:has(.vk-ann-item a:focus-visible) .vk-ann-track,.vk-ann.is-paused .vk-ann-track{animation-play-state:paused}
.vk-ann-group{display:flex;align-items:center;flex-shrink:0;height:100%}
.vk-ann-item{display:inline-flex;align-items:center;height:100%;padding:0 20px;white-space:nowrap}
.vk-ann-item>a,.vk-ann-item{gap:9px}
.vk-ann-item>a{display:inline-flex;align-items:center;height:100%;color:inherit;text-decoration:none}
.vk-ann-item>a:hover .vk-ann-text,.vk-ann-item>a:focus-visible .vk-ann-text{text-decoration:underline;text-underline-offset:3px}
.vk-ann-item>a:focus-visible{outline:2px solid #fff;outline-offset:-4px;border-radius:4px}
.vk-ann-text{display:inline-flex;align-items:center;gap:.35em}
.vk-ann-el{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 1px 1px rgba(60,0,15,.35))}
.vk-ann.has-big .vk-ann-item .vk-ann-el{width:19px;height:19px}
.vk-ann-sep{display:inline-flex;align-items:center;opacity:.9}
.vk-ann-sep-el{width:11px;height:11px}
.vk-ann-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.85}
.vk-ann-img{height:26px;width:auto;max-width:96px;object-fit:contain;display:block;margin:0;filter:drop-shadow(0 2px 3px rgba(40,0,10,.35))}
.vk-ann.has-big .vk-ann-img{height:38px;max-width:120px}
/* big 3D figures (40%, **FREE**): white face, deep crimson extrusion, soft shadow on the red */
.vk-ann-big{display:inline-block;margin:0 .2em 0 .12em;padding:0 .06em .06em;font:800 36px/1 'Manrope','DM Sans',Arial,sans-serif;letter-spacing:-.03em;color:#fff;transform:rotate(-4deg);transform-origin:50% 60%;text-shadow:0 -1px 0 #fff,0 1px 0 #ffd5de,1px 1px 0 #c0203f,1px 2px 0 #a8183a,2px 3px 0 #9a1533,2px 4px 0 #8c122d,3px 5px 0 #7f1028,3px 6px 0 #720d23,4px 7px 0 #650b1f,4px 8px 0 #590a1b,5px 10px 7px rgba(30,0,8,.42),0 0 22px rgba(255,255,255,.18);animation:vk-ann-pop 2.6s ease-in-out infinite}
.vk-ann-big small{font-size:.6em;vertical-align:.5em;margin-left:.04em}
.vk-ann:not(.has-big) .vk-ann-big{font-size:16px}
@keyframes vk-ann-pop{0%,72%,100%{transform:rotate(-4deg) scale(1)}82%{transform:rotate(-4deg) scale(1.1)}90%{transform:rotate(-4deg) scale(.98)}}
/* frosted pause button (accessibility: moving content must be pausable) */
.vk-ann-toggle{flex:none;display:grid;place-items:center;width:26px;height:26px;margin:0 10px 0 4px;padding:0;border-radius:50%;color:#fff;cursor:pointer;background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.1));border:1px solid rgba(255,255,255,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 8px rgba(60,0,15,.25)}
.vk-ann-toggle:hover{background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.18))}
.vk-ann-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}
.vk-ann-toggle svg{width:11px;height:11px}
.vk-ann .vk-ann-i-play,.vk-ann.is-paused .vk-ann-i-pause{display:none}
.vk-ann.is-paused .vk-ann-i-play{display:block}
@media(max-width:680px){
  .vk-ann{height:34px;font-size:9px}
  .vk-ann.has-big{height:52px}
  .vk-ann-item{padding:0 14px}
  .vk-ann-big{font-size:28px}
  .vk-ann-img{height:22px}
  .vk-ann.has-big .vk-ann-img{height:32px}
  .vk-ann-toggle{width:24px;height:24px;margin:0 7px 0 2px}
}
/* customers who asked for less motion: no scrolling, swipe through instead */
@media(prefers-reduced-motion:reduce){
  .vk-ann-track{animation:none!important;transform:none!important}
  .vk-ann-viewport{overflow-x:auto;scrollbar-width:none}
  .vk-ann-viewport::-webkit-scrollbar{display:none}
  .vk-ann-group[aria-hidden]{display:none}
  .vk-ann-big{animation:none!important}
  .vk-ann-toggle{display:none}
}
/* editor page (Appearance → Announcement bar) */
.vk-ann-admin .vk-ann-preview{max-width:1100px;border-radius:8px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.12);margin:8px 0 18px}
.vk-ann-admin .vk-ann-tip{max-width:1100px;background:#fff6f8;border-left:4px solid #b81732;padding:10px 14px;margin:8px 0 14px}
.vk-ann-admin .vk-ann-row{max-width:1100px;background:#fff;border:1px solid #dcdcde;border-radius:8px;padding:12px 16px;margin:0 0 12px}
.vk-ann-admin .vk-ann-row-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.vk-ann-admin .vk-ann-row-tools{margin-left:auto;display:flex;gap:10px}
.vk-ann-admin .vk-ann-row-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:14px;align-items:end}
.vk-ann-admin .vk-ann-row-grid label{display:block}
.vk-ann-admin .vk-ann-img-field{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vk-ann-admin .vk-ann-img-field>span:first-child{flex-basis:100%}
.vk-ann-admin .vk-ann-img-box img{height:32px;width:auto;max-width:90px;object-fit:contain;background:#b81732;border-radius:4px;padding:3px}
.vk-ann-admin .vk-ann-row:not(:has(input[data-field=show]:checked)){opacity:.6}
@media(max-width:782px){.vk-ann-admin .vk-ann-row-grid{grid-template-columns:1fr}}