/* 2026-10-15 / Corporate palette and calm institutional masthead for Vybor.
   Colors supplied by the center: #B2AA8E #0C1B33 #7A306C #03B5AA #DBFE87. */
#vybor-site{
  --vybor-navy:#0C1B33;--vybor-teal:#03B5AA;--vybor-purple:#7A306C;
  --vybor-khaki:#B2AA8E;--vybor-lime:#DBFE87;
  --ink:#0C1B33;--green:#03B5AA;--red:#7A306C;
  --mustard:#B2AA8E;--blue:#0C1B33;
  color:#0C1B33;
}
#vybor-site a:focus-visible,#vybor-site button:focus-visible{
  outline-color:#7A306C;outline-offset:4px;
}
#vybor-site .institution-bar{
  position:relative!important;isolation:isolate!important;
  box-sizing:border-box;max-width:1340px!important;width:100%;
  min-height:145px!important;margin:0 auto!important;
  padding:17px 37px!important;
  display:grid!important;grid-template-columns:112px minmax(0,1fr) 176px!important;
  align-items:center!important;justify-content:stretch!important;gap:27px!important;
  overflow:hidden!important;text-align:left!important;
  background:
   radial-gradient(ellipse at 83% -12%,#03B5AA4c,transparent 57%),
   linear-gradient(112deg,#0C1B33 0%,#132846 62%,#19465a 100%)!important;
  border:0!important;border-bottom:4px solid #03B5AA!important;
  box-shadow:0 7px 0 #B2AA8E38;
}
#vybor-site .institution-bar::before,
#vybor-site .institution-bar::after{
  content:""!important;pointer-events:none!important;position:absolute!important;
  z-index:0!important;opacity:1!important;transform:none!important;
  background:none!important;background-image:none!important;
  border:1px solid #d7f1ed24!important;
  width:750px!important;height:350px!important;
  border-radius:50%!important;left:33%!important;top:-230px!important;
}
#vybor-site .institution-bar::after{
  width:650px!important;height:330px!important;
  left:52%!important;top:79px!important;
  border-color:#d7f1ed19!important;
  box-shadow:0 0 0 17px #03B5AA0a,0 0 0 18px #d7f1ed11;
}
#vybor-site .institution-banner-logo{
  width:106px;height:106px;
  display:flex;align-items:center;justify-content:center;
  padding:11px;border-radius:20px;
  background:#f8fdfc;border:1px solid #c8e7dd;
  box-shadow:0 8px 20px #00122744;
  position:relative;z-index:2;
}
#vybor-site .institution-banner-logo img{
  width:100%;height:100%;object-fit:contain;display:block;
}
#vybor-site .institution-bar .institution-name{
  display:block!important;position:relative!important;z-index:2!important;
  margin:0!important;max-width:760px!important;
  text-align:left!important;
  font:700 clamp(17px,2vw,25px)/1.22 system-ui,-apple-system,sans-serif!important;
  font-style:normal!important;letter-spacing:-.022em!important;text-transform:none!important;
  color:#f7fcff!important;text-shadow:0 2px 9px #000c20b5!important;
  text-wrap:balance!important;
}
#vybor-site .institution-bar #accessibility-toggle{
  position:relative!important;z-index:4!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  width:auto!important;max-width:176px;
  justify-self:end!important;margin:0!important;
  border-radius:13px!important;border:1px solid #a8dcd3!important;
  color:#0C1B33!important;background:#f7fffded!important;
  box-shadow:0 4px 14px #010d2029!important;
}
#vybor-site .institution-bar #accessibility-toggle:hover{background:#DBFE87!important}
#vybor-site .top{
  min-height:59px;height:auto;padding:12px 2px;gap:18px;
  border-bottom:1px solid #b0c6c1;
}
#vybor-site .top .place{
  border-left:4px solid #03B5AA;padding-left:12px;
  font-size:10px;letter-spacing:.15em;color:#0C1B33;font-weight:700;
}
#vybor-site .place-city{color:#7A306C}
#vybor-site .top .primary-nav a:hover,
#vybor-site .top .primary-dropdown summary:hover{
  color:#7A306C;
}
#vybor-site .navigation-tools.secondary-tools{
  border-bottom:1px solid #cdd8d7;
}
#vybor-site .navigation-tools.secondary-tools a:hover{color:#7A306C}
#vybor-site .hero .intro h1,
#vybor-site .hero .intro h1 i{color:#0C1B33}
#vybor-site .hero .intro h1 i{color:#7A306C}
#vybor-site .hero .stage{
  position:relative!important;isolation:isolate;
}
#vybor-site .hero .stage .building-ghost{
  pointer-events:none;position:absolute;z-index:0;
  inset:7% 22% 4% 22%;
  min-height:240px;
  background-image:
    linear-gradient(0deg,#eff9f5a9,#e1f3ef94),
    url('/assets/vybor-building-2026.webp');
  background-position:center,center 41%;background-repeat:no-repeat;
  background-size:cover;opacity:.38;
  border-radius:18px 18px 7px 7px;
  box-shadow:0 0 0 13px #03B5AA10,0 0 42px 30px #fff9 inset;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 12%,#0009 46%,transparent 83%);
  mask-image:radial-gradient(ellipse at center,#000 12%,#0009 46%,transparent 83%);
}
#vybor-site .hero .stage .door{z-index:1}
#vybor-site .hero .stage .door .door-label{color:#0C1B33}
#vybor-site .hero .stagebottom .middle{color:#7A306C}
#vybor-site .conversation-banner .sectiontitle i{color:#7A306C}
#vybor-site .home-main .choiceblock.conversation-banner{
  border-color:#cbdad5;background:
   radial-gradient(ellipse at 65% -14%,#DBFE8757 0%,#fffdf400 42%),
   radial-gradient(ellipse at 8% 100%,#03B5AA14 0%,#e1f0e500 65%),
   linear-gradient(115deg,#f8f9f6 0%,#f6f8f2 40%,#eef8f6 100%);
}
#vybor-site .conversation-start{
  border-color:#b7cbc9;
  background:radial-gradient(ellipse at 50% 0%,#fffef6 4%,#f8faf1 42%,transparent 80%),linear-gradient(165deg,#fafdf8,#e3f4f1 88%);
}
#vybor-site .conversation-button{background:#0C1B33;border-color:#0C1B33;color:#fff}
#vybor-site .conversation-button:hover{background:#7A306C}
#vybor-site .conversation-links>a{border-color:#d2d8d5}
#vybor-site .conversation-links>a:hover{border-color:#03B5AA}
#vybor-site .conversation-links>a:focus-visible{outline-color:#7A306C}
#vybor-site .home-main .bookingblock.booking-journey{
  background:
   radial-gradient(ellipse at 11% -22%,#03B5AA46,transparent 48%),
   radial-gradient(ellipse at 100% 110%,#080e1e,transparent 52%),
   linear-gradient(125deg,#142b47 0%,#0C1B33 52%,#102b43 100%);
  border-color:#0C1B33;border-top-color:#03B5AA;
  box-shadow:0 11px 0 #dfe8e6,0 24px 39px #0C1B332b;
}
#vybor-site .booking-journey .booking-intro>.eyebrow{color:#DBFE87}
#vybor-site .booking-journey .sectiontitle em{color:#DBFE87}
#vybor-site .booking-door-documents{
  border-color:#e7e9dc;
  background:linear-gradient(155deg,#fffefa,#f6f4e9 89%);
}
#vybor-site .booking-door-time{
  border-color:#e3f4ee;outline-color:#b8ddd7;
  background:linear-gradient(155deg,#f8fffd,#e8faf5 90%);
  color:#0C1B33;
}
#vybor-site .booking-door-time .booking-step{color:#7A306C}
#vybor-site .booking-door-time .booking-symbol{color:#03a89d}
#vybor-site .booking-door-button{
  background:#0C1B33;border-color:#0C1B33;color:#fff;
}
#vybor-site .booking-door-button:hover{background:#7A306C}
#vybor-site .institution-socials .social-link.social-max{
  --social-color:#7A306C;--social-wash:#f9f0f7;
}
#vybor-site .institution-socials .social-max .social-mark{
  font-weight:800;font-size:16px;letter-spacing:-.04em;
}
#vybor-site .home-main .storysection{
  display:block!important;
  border-top:0!important;
  margin-top:36px!important;
  padding-top:38px!important;
}
#vybor-site .home-main .storysection .news-section-heading{
  display:flex;align-items:end;justify-content:space-between;
  gap:20px;margin-bottom:26px;padding-bottom:14px;
  border-top:0;border-bottom:2px solid #03B5AA;
}
#vybor-site .home-main .storysection .news-section-heading h2{
  font:600 clamp(34px,4.2vw,49px)/1.1 var(--display,Georgia,serif);
  color:#0C1B33;
}
#vybor-site .home-main .storysection .all-news{
  color:#7A306C;border-bottom-color:#7A306C;
}
#vybor-site .newscards.news-standard-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!important;
  margin:0!important;max-width:none!important;width:100%!important;
}
#vybor-site .news-standard-card{
  display:flex;flex-direction:column;position:relative;
  overflow:hidden;min-height:330px;
  border:1px solid #d4dedd;border-radius:13px;
  background:#fff;text-decoration:none;color:#0C1B33;
  box-shadow:0 7px 18px #112b3b0b;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
#vybor-site .news-standard-card:hover{
  transform:translateY(-4px);border-color:#03B5AA;
  box-shadow:0 13px 27px #0C1B331f;
}
#vybor-site .news-standard-photo{
  width:100%;height:157px;display:block;overflow:hidden;
  flex-shrink:0;background:#e4efec;
}
#vybor-site .news-standard-photo img{
  display:block;width:100%;height:100%;object-fit:cover;
  transition:transform .35s ease;
}
#vybor-site .news-standard-card:hover .news-standard-photo img{transform:scale(1.035)}
#vybor-site .news-standard-placeholder{
  display:flex;align-items:center;justify-content:center;
  background:radial-gradient(ellipse at 90% 10%,#03B5AA70,transparent 65%),linear-gradient(130deg,#0C1B33,#203a55);
  color:#fff;font:700 14px/1.5 system-ui;text-align:center;
}
#vybor-site .news-standard-content{
  display:flex;flex-direction:column;align-items:stretch;
  flex:1;padding:18px 17px 16px;gap:10px;min-width:0;
}
#vybor-site .news-standard-content time{
  color:#7A306C;font-size:11px;letter-spacing:.045em;font-weight:700;
}
#vybor-site .news-standard-content>strong{
  font:600 clamp(17px,1.3vw,20px)/1.25 var(--display,Georgia,serif);
  color:#0C1B33;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
#vybor-site .news-standard-excerpt{
  font:400 12px/1.65 system-ui,sans-serif;
  color:#5d6975;display:-webkit-box;
  -webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
#vybor-site .news-standard-open{
  display:flex;align-items:center;justify-content:space-between;
  gap:8px;margin-top:auto;padding-top:13px;
  border-top:1px solid #dce7e3;
  color:#096960;font-size:11px;font-weight:650;
}
#vybor-site .news-standard-open>span{color:#7A306C;font-size:18px}
#vybor-site .page-news .newscards.news-standard-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
#vybor-site .vybor-vacancy-new{
  padding:27px 30px;margin-top:35px;
  border:1px solid #c7dcd8;border-left:5px solid #03B5AA;
  border-radius:12px;background:#f6fbf9;
}
#vybor-site .vybor-vacancy-new h3{
  color:#0C1B33;margin:0 0 20px;font:600 28px/1.2 var(--display,Georgia,serif);
}
#vybor-site .vybor-vacancy-new p{font-size:14px;line-height:1.7}
#vybor-site .vybor-vacancy-new strong{color:#7A306C}
/* Keep the required official nutrition section available by URL. */
@media(max-width:1150px){
 #vybor-site .institution-bar{
  grid-template-columns:94px minmax(0,1fr) 146px!important;
  padding:18px 25px!important;gap:18px!important;
 }
 #vybor-site .institution-banner-logo{width:90px;height:90px}
 #vybor-site .institution-bar .institution-name{font-size:clamp(15px,2.1vw,20px)!important}
 #vybor-site .newscards.news-standard-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #vybor-site .page-news .newscards.news-standard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
 #vybor-site .institution-bar{
  min-height:153px!important;grid-template-columns:72px minmax(0,1fr)!important;
  padding:15px 17px!important;gap:12px!important;
 }
 #vybor-site .institution-banner-logo{width:70px;height:70px;padding:6px;border-radius:13px}
 #vybor-site .institution-bar .institution-name{
  font-size:clamp(13px,3.35vw,18px)!important;line-height:1.27!important;
 }
 #vybor-site .institution-bar #accessibility-toggle{
  grid-column:2;justify-self:start!important;
  max-width:none;font-size:10px!important;padding:6px 10px!important;
 }
 #vybor-site .top{height:auto;min-height:62px;padding:13px 0!important}
 #vybor-site .top .place{font-size:9px}
 #vybor-site .hero .stage .building-ghost{
  inset:7% 6% 28% 6%;opacity:.30;
 }
 #vybor-site .newscards.news-standard-grid,
 #vybor-site .page-news .newscards.news-standard-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:13px!important;
 }
 #vybor-site .news-standard-photo{height:125px}
 #vybor-site .news-standard-card{min-height:310px;border-radius:10px}
 #vybor-site .news-standard-content{padding:14px 12px 12px;gap:8px}
 #vybor-site .news-standard-content>strong{font-size:17px}
 #vybor-site .news-standard-excerpt{font-size:11px}
 #vybor-site .home-main .storysection .news-section-heading{align-items:center}
 #vybor-site .vybor-vacancy-new{padding:20px}
}
@media(max-width:430px){
 #vybor-site .institution-bar{min-height:164px!important;padding:13px 12px!important;grid-template-columns:62px minmax(0,1fr)!important}
 #vybor-site .institution-banner-logo{width:62px;height:62px}
 #vybor-site .institution-bar .institution-name{font-size:13px!important}
 #vybor-site .newscards.news-standard-grid,
 #vybor-site .page-news .newscards.news-standard-grid{grid-template-columns:1fr!important}
 #vybor-site .news-standard-photo{height:185px}
 #vybor-site .news-standard-card{min-height:0}
 #vybor-site .news-standard-content>strong{font-size:20px}
 #vybor-site .news-standard-excerpt{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 #vybor-site .news-standard-card,#vybor-site .news-standard-photo img{transition:none}
 #vybor-site .news-standard-card:hover,#vybor-site .news-standard-card:hover img{transform:none}
}


/* Navbar spans available width after the logo moves into the masthead. */
@media (min-width:1101px){
 #vybor-site .top{display:block!important;min-height:0!important;padding:14px 0!important}
 #vybor-site .top .place{display:none!important}
 #vybor-site .top .primary-menu{display:block!important;width:100%!important;margin:0!important;min-width:0!important}
 #vybor-site .top nav.primary-nav{width:100%!important;min-width:0!important;margin:0!important}
}
@media (max-width:1100px){
 #vybor-site .top{display:flex!important;align-items:center!important;justify-content:space-between!important}
 #vybor-site .top .primary-menu{margin-left:auto!important;min-width:max-content!important}
}

/* 2026-10-15 / final CMS sync and navigation accents */
#vybor-site .primary-nav>*:nth-child(1){--menu-accent:#0C1B33;--menu-tint:#eef1f5}
#vybor-site .primary-nav>*:nth-child(2){--menu-accent:#7A306C;--menu-tint:#faf0f8}
#vybor-site .primary-nav>*:nth-child(3){--menu-accent:#03A69A;--menu-tint:#effbf8}
#vybor-site .primary-nav>*:nth-child(4){--menu-accent:#0C1B33;--menu-tint:#eef1f5}
#vybor-site .primary-nav>*:nth-child(5){--menu-accent:#7A306C;--menu-tint:#faf0f8}
#vybor-site .primary-nav>*:nth-child(6){--menu-accent:#03A69A;--menu-tint:#effbf8}
#vybor-site .primary-nav>*:nth-child(7){--menu-accent:#0C1B33;--menu-tint:#eef1f5}
#vybor-site .primary-nav>*:nth-child(8){--menu-accent:#B2AA8E;--menu-tint:#faf9f4}
#vybor-site .vybor-vacancy-new,#vybor-site .vacancy-cleaning{
  padding:26px 28px;margin-top:30px;
  border:1px solid #c7dcd8;border-left:5px solid #03B5AA;
  border-radius:12px;background:#f6fbf9;
}
#vybor-site .vacancy-cleaning h3{font-size:28px;line-height:1.2;color:#0C1B33}
#vybor-site .vacancy-cleaning p{font-size:14px;line-height:1.7}
#vybor-site .vacancy-cleaning strong{color:#7A306C}
@media(max-width:600px){#vybor-site .vacancy-cleaning{padding:18px}}

/* 2026-10-15 / Client revision: transparent logo and recognizable real facade. */
#vybor-site .institution-bar .institution-banner-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:112px!important;
  height:112px!important;
  padding:0!important;
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#vybor-site .institution-bar .institution-banner-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  object-fit:contain!important;
  filter:brightness(1.24) saturate(1.13) drop-shadow(0 4px 7px #001e2585);
}
#vybor-site .hero .dream-space{
  background:
    radial-gradient(ellipse at 12% 55%,#e7f4ecb5 0%,transparent 48%),
    radial-gradient(ellipse at 96% 24%,#e6faf1b5 0%,transparent 52%)!important;
}
#vybor-site .hero .dream-space::before{
  background-image:
    linear-gradient(180deg,
       rgba(255,255,255,.95) 0%,
       rgba(255,255,255,.84) 19%,
       rgba(255,255,255,.51) 40%,
       rgba(255,255,255,.35) 67%,
       rgba(255,255,255,.75) 100%),
    url('/assets/vybor-building-backdrop-2026.webp')!important;
  background-position:center,center 46%!important;
  background-size:100% 100%,cover!important;
  background-repeat:no-repeat!important;
  opacity:1!important;
  filter:saturate(.9) contrast(1.03)!important;
}
#vybor-site .hero .dream-space::after{
  opacity:.45!important;
}
#vybor-site .hero .stage .building-ghost{
  position:absolute!important;
  z-index:0!important;
  pointer-events:none!important;
  inset:-115px 13% -17px 13%!important;
  min-height:380px!important;
  background-image:
    linear-gradient(180deg,
     rgba(255,255,255,.28) 0%,
     rgba(255,255,255,.48) 73%,
     rgba(255,255,255,.8) 100%),
    url('/assets/vybor-building-entry-2026.webp')!important;
  background-size:100% 100%,cover!important;
  background-position:center,center 28%!important;
  background-repeat:no-repeat!important;
  opacity:.24!important;
  border-radius:12px!important;
  box-shadow:none!important;
  -webkit-mask-image:radial-gradient(ellipse at 50% 43%,#000 0%,#000a 34%,transparent 78%)!important;
  mask-image:radial-gradient(ellipse at 50% 43%,#000 0%,#000a 34%,transparent 78%)!important;
}
#vybor-site .hero .stage .door{position:relative;z-index:1}
@media(max-width:1150px){
  #vybor-site .institution-bar .institution-banner-logo{
    width:93px!important;height:93px!important;
  }
  #vybor-site .hero .dream-space::before{
    background-position:center,center 46%!important;
    background-size:100% 100%,auto 100%!important;
  }
  #vybor-site .hero .stage .building-ghost{
    inset:-85px 9% -18px 9%!important;
  }
}
@media(max-width:760px){
  #vybor-site .institution-bar .institution-banner-logo{
    width:74px!important;height:74px!important;
  }
  #vybor-site .hero .dream-space::before{
    background-image:
      linear-gradient(180deg,
        rgba(255,255,255,.97) 0%,
        rgba(255,255,255,.86) 22%,
        rgba(255,255,255,.57) 45%,
        rgba(255,255,255,.43) 75%,
        rgba(255,255,255,.82) 100%),
      url('/assets/vybor-building-backdrop-2026.webp')!important;
    background-size:100% 100%,auto 100%!important;
    background-position:center,41% center!important;
  }
  #vybor-site .hero .stage .building-ghost{
    inset:-57px 2% 8% 2%!important;
    opacity:.22!important;
    background-position:center,52% 34%!important;
  }
}
@media(max-width:430px){
  #vybor-site .institution-bar .institution-banner-logo{
    width:66px!important;height:66px!important;
  }
}